@charset "UTF-8";
/* ---------------------------------------------------------------------
 * movieページ
 * --------------------------------------------------------------------- */
.pages_main_image{height:auto;min-width: 1200px;color: #604c43}
.pages_main_image .inner{position: absolute;width: 1200px;left: 0;right: 0;top: 0; margin: auto}
.pages_main_image h2{font-size: 32px;letter-spacing: 0.2em;padding-top: 80px;padding-bottom: 40px;font-weight: normal}
.pages_main_image .txt{font-size: 18px;line-height: 2;letter-spacing: 0.1em;}

@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_image{min-width: 100%;}
.pages_main_image .inner{width: 100%;margin: auto}
.pages_main_image  img{width: 100%;height: auto}
.pages_main_image h2{font-size: 20px;letter-spacing: 0.2em;line-height: 2; padding-top: 40px;padding-bottom: 10px;font-weight: normal}
.pages_main_image .txt{font-size: 13px;line-height: 2;letter-spacing: 0em;}
}


#body_movie{  width: 100%; max-width: 1920px; padding: 100px 0 100px; background: #000;margin: 0 auto;}
#body_movie h2{padding-bottom: 60px}
#body_movie h3{text-align: left; border-left: 3px solid #fff;border-bottom: 1px solid #fff;margin-bottom: 12px;color: #fff;font-size: 20px;letter-spacing: 0.1em;padding: 10px 0 10px 18px;}

#body_movie .douga li.col2{width: 48%;margin-bottom: 40px}
#body_movie .douga li p{position: relative}
#body_movie .douga li p .cap{width:100%;height:300px; object-fit: cover;}
#body_movie .douga li p .icon{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);}
#body_movie .douga li .notice{color: #fff;text-align: left;margin-top: 12px;}

#body_movie .douga li.col1 p .cap{width:100%;height:280px; object-fit: cover;}

@media screen and (max-width: 767px) {/*スマホ設定*/

#body_movie h2 img{height: 60px!important;object-fit: cover}
#body_movie{padding: 40px 0}
#body_movie h3{font-size: 15px;margin-bottom: 20px}
#body_movie h3 span{margin-bottom: 0;font-size:18px}
#body_movie li.col2{width: 100%!important}
#body_movie .douga{width: 80%;margin:0px auto 0}
#body_movie .douga li{width:100%;margin-bottom: 30px}
#body_movie .douga li p .cap{width:100%;height:160px; object-fit: cover;}
#body_movie .douga li p .icon{width: 50px;height: 50px}
#body_movie h4{font-size: 13px;}
#body_movie .douga li.col1{width: 60%;margin: 2%}
#body_movie .douga li.col1 p .cap{width:100%;height:140px; object-fit: cover;}    
#body_movie .douga li .notice{font-size: 11px}
.js-modal-close{position: absolute;top: -60px;right: 0px;font-size: 60px;display: block;color: #fff}
.modal__content{padding: 0px;width: 96%;}
}
.modal-wrap {  position: fixed;  top: 0;  left: 0;  z-index: 999999;  width: 100%;  height: 100vh;  display: none;  justify-content: center;  align-items: center;  background: rgba(0,0,0,0.7);}
.modal-wrap.shown {  display: flex;}
.modal-panel {  width:70%;  max-width: 1200px;  position: relative; z-index: 999999; }
.modal-frame {  position: relative;  width: 100%;  padding-top: 56.25%;}
.modal-frame iframe {  display: none;  position: absolute;  top: 0;  right: 0;  width: 100% !important;  height: 100% !important;}
.modal-close{position: absolute;top: -80px;right: -50px;font-size: 80px;display: block;cursor: pointer;color: #fff}
@media screen and (max-width: 896px) {/*スマホのスタイル*/
.modal-panel {  width:96%; }
.modal-close{position: absolute;top: -80px;right: 0px;font-size: 60px;display: block;color: #fff}
.modal__content{padding: 0px;width: 96%;}
}


/*===============================================================================
===============================================================================*/
@media print {/*印刷設定*/
#movie_list{width: 60%}
#movie_list .movie_cate{  display: block;}
#movie_list_menu li.select {color: #fff;background: url(../images/movie/pc/movie_menu_off.png) no-repeat;}
#movie_list dl{  display: block !important;}

#body_movie .body_area_inner{width: 96%;margin: auto}

}