/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 02 2026 | 06:18:56 */
/*PC:～992px / tablet:991～768px / レスポンシブ:780px (完全sp:767px～)*/
/*コンテンツ横幅 1140px (内訳:1110px padding-left:15px padding-right:15px)*/
/*Origin Ⅱ (Bootstrap4)*/

/*==============================================================
スライド
==============================================================*/
.top_slide {margin-top:32px;}
.w_def .pc, .w_def .sp, .w_def .days {margin-inline:auto;}
.w_def .days {width:70%;}
/*レスポンシブ*/
@media (max-width:780px) {
	.w_def .sp {width:360px;}
	.w_def .days {width:100%;}
}
/*----PR文章----*/
.gokan {opacity:0 padding:64px 0 0;}/*gsap発動トリガー*/

/*==============================================================
お知らせ
==============================================================*/
/*----------------------------------------------------
セクション
----------------------------------------------------*/
.sec_news {padding:64px 8vw; background-color:#F7F7F7;}
/*レスポンシブ*/
@media (max-width:780px) {.sec_news {padding:64px 32px;}}
/*----------------------------------------------------
フレックス / sns
----------------------------------------------------*/
.fl_sns {display:flex; flex-wrap:nowrap; gap:32px; font-size:2.4rem; justify-content:center;}
.fl_sns.left {justify-content:start;}
.fl_sns a {text-decoration:none; color:#fff;}

/*==============================================================
賑やかし
==============================================================*/
.liven {aspect-ratio:16 / 5;}
/*レスポンシブ*/
@media (max-width:780px) {.liven {aspect-ratio:16 / 9;}}

/*==============================================================
スペシャルゲスト
==============================================================*/
/*----------------------------------------------------
フレックス
----------------------------------------------------*/
.fl_guest {display:flex; flex-wrap:wrap; column-gap:8px; row-gap:32px; justify-content:center;}
.fl_guest .guest_ch {width:calc((100% - (8px * 4)) / 5);}
/*----画像----*/
.gst_img {width:100%; aspect-ratio:8 / 11; background-color:#ededed; overflow:hidden;}
.gst_img img {width:100%; height:100%; object-fit:cover; object-position:center top;}
/*----テキスト----*/
.gst_text {width:100%; padding:6px 0 0; text-align:center; line-height:1.4; font-weight:600;}
/*レスポンシブ*/
@media (max-width:991px) {
	.fl_guest .guest_ch {width:calc((100% - (16px * 3)) / 4);}
}
/*レスポンシブ*/
@media (max-width:780px) {
	.fl_guest {row-gap:16px; justify-content:normal;}
	.fl_guest .guest_ch {width:calc((100% - (16px * 1)) / 2);}
	.gst_text {font-size:0.9rem;}
}
	
/*==============================================================
上映作品
==============================================================*/
/*----------------------------------------------------
フレックス
----------------------------------------------------*/
.fl_movie {display:flex; flex-wrap:wrap; column-gap:48px; row-gap:48px; justify-content:center; 
	width:100%; margin-inline:auto;}
.fl_movie .movie_ch {width:calc((100% - (48px * 4)) / 5); 
	aspect-ratio:8.5 / 12; background-color:#ededed; border-radius:8px; overflow:hidden}
.fl_movie .movie_ch img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*レスポンシブ*/
@media (max-width:780px) {
	.fl_movie {width:90%; justify-content:start;}
	.fl_movie .movie_ch {width:calc((100% - (48px * 1)) / 2);}
}

/*==============================================================
協賛企業
==============================================================*/
.sec_sponsor {padding:64px 0; background-color:#f7f7f7;}
/*----------------------------------------------------
フレックス / サポート
----------------------------------------------------*/
.fl_suport {display:inline-flex; flex-wrap:wrap; column-gap:16px; row-gap:8px; justify-content:center;}
.fl_suport a {color:#333; font-weight:400; text-decoration: underline; text-underline-offset:4px;}
.fl_suport a:hover {color:#C7000A;}
.fl_suport.w01 {width:100%; max-width:480px;}
.fl_suport.w02 {width:100%; max-width:780px;}
.fl_suport.w03 {width:100%; max-width:380px;}
/*----フレーム付き（チケット店頭販売に使用）----*/
.fl_suport.frame {column-gap:32px; row-gap:16px; min-width:70%; padding:16px; background-color:#FAEDED;}
.fl_suport.frame a {color:#C7000A; font-weight:600; text-decoration: none; font-size:0.9rem;}
/*レスポンシブ*/
@media (max-width:780px) {
	.fl_suport.frame {flex-direction:column;}
	.fl_suport.frame {min-width:100%;}
}