@charset "UTF-8";
/* CSS Document */

.hc{ position: relative; }
.hc_main{ height: 800px;}

.bl{ display: none;}
main{ margin: 0; padding: 0;}
.local_header{ margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #FFFFFF;}
.local_header h1{ margin: 0;}
.local_header h1 img{ display: block;}
.local_header .content{ margin: 0; padding: 0; position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.45);}
.local_header .content .mb{ padding: 1.5em 0;}
.local_header .content h2{ text-align: center; font-size: 128%;}
.local_header .content p{ margin-top: 1.0em; font-size: 108%; line-height: 1.7;}


.smart_vegas{ display: none;}

@media screen and ( max-width: 480px ) {
  .smart_vegas{ display: block; margin: 0; padding: 66.66% 0 0 0; position: relative;}
  .smart_vegas h1{ margin: 0; padding: 0;}
  .smart_vegas h1 img{ display: block; position: absolute; margin: auto; padding: 0; width: auto; height: auto; max-width: 80%; top:0; right: 0; bottom: 0; left: 0;}
}

.smart_concept{ display: none;}
@media screen and ( max-width: 480px ) {
  .smart_concept{ display: block; margin: 0; padding: 0; background: #008C32; color: #FFFFFF;}
  
}


.section_title{ font-size: 175%; margin: 0; padding: 2.0rem;}
.section_info{ position: relative; margin: 0; padding: 0; overflow: hidden;}
.section_info .bg11{ display: block; margin: auto 0; padding: 0; width: 679px; height: 800px; background: url("../img/index/bgitem11.png") no-repeat right -100px center / contain; position: absolute; right: 0; top: 0; bottom: 0; z-index: 0;}
.section_info .bg12{ display: block; margin: 0 0; padding: 0; width: 679px; height: 800px; background: url("../img/index/bgitem12.png") no-repeat left -100px center / contain; position: absolute; left: 0; bottom: -400px; z-index: 0;}
.info_articles article{ margin: 0; padding: 0; border-bottom: solid 1px #CCCCCC;}
.info_articles article *{ margin-top: 0;}
.info_articles a{ display: flex; margin: 0; padding: 0.7em 0; align-items: center;}
.info_articles .figure{ flex: 0 0 180px;}
.info_articles figure{ margin: 0; padding: 66.66% 0 0 0; background: no-repeat center center / cover;}
.info_articles .content{ margin-left: 1.5em; display: flex; flex-wrap: wrap;}
.info_articles .content h3{ flex: 0 0 100%;  font-weight: bold; white-space: nowrap; text-overflow: ellipsis; font-size: 128%; margin: 0.2em 0 0 0;}
.info_articles .category{ font-size: 86%; color: #FFFFFF; margin: 0 0 0 0.5em;padding: 0.2em 0; line-height: 1.5; border-radius: 2.0em; align-self: center; width: 10.0em; text-align: center;}
.info_articles time{}
.info_articles nav{ display: none;}
@media screen and ( max-width: 480px ) {
  .section_info .bg11,
  .section_info .bg12{ display: none;}
  .info_articles .figure{ flex: 0 0 27%;;}
  .info_articles .content{ margin-left: 0.7em;}
  .info_articles .category{ font-size: 77%;}
  .info_articles time{ font-size: 86%;}
  .info_articles .content h3{ margin-top: 0.3em; flex: 0 0 100%; font-size: 100%; font-weight: bold; white-space:normal; line-height: 1.4;}
  .info_articles nav{ display: block; flex: 0 0 7.3%; margin-left: 0.7%;}
  .info_articles nav img{ display: block;}
  
  
}

.section_movies{ background: #E6E6E6;}
.section_movies .mb{ padding: 4.0rem 0;}
.section_movies .movies{ display: flex; justify-content: center; gap: 0 4%; flex-wrap: wrap;}
.section_movies .movies article{ flex: 0 0 48%; margin: 1.0rem 0 0 0;}
.section_movies .movies article figure{ margin: 0; padding: 56.25% 0 0 0; position: relative;}
.section_movies .movies article figure iframe{ margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.section_movies .movies h3{ margin: 1.0rem 0 0 0; text-align: center; }

.section_about{ background: url("../img/index/bg_aboutblock.jpg") no-repeat center center / cover; color: #FFFFFF; text-align: center;}
.section_about .mb{ padding: 4.0rem 0;}
.section_about h2{ font-size: 200%; font-weight: normal;}
.section_about a{ color: #FFFFFF; font-weight: bold; font-size: 182%;}
.section_about a:hover{ text-decoration: underline;}

@media screen and ( max-width: 768px ) {
  .article_overview{  flex: 0 0 50%;}
  .article_infolist{ flex: 0 0 50%;}
  .article_event{ flex: 0 0 100%; padding: 100% 0 0 0;}
  .article_event figure{ width: 70%;}
  .article_info_item{ flex: 0 0 50%;}
  

  .section_movies .movies{ display: block;}
  .section_movies .mb{ padding: 4.0em 1.0em;}
}


@media screen and ( max-width: 480px ) {
  .section_main{ }
  .article_overview{ flex: 0 0 100%;}
  .article_infolist{ flex: 0 0 100%;}
  .article_event figure{ width: 70%;}
  .article_info_item figure .subinfo p{ padding: 0.5em 1.0em;}
  .article_info_item figure h3{ -webkit-transform: none; transform:none; padding: 0.5em 1.0em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
  
}