@charset "UTF-8";
/* 共通 */
#wrap {opacity: 0;}
.contents {padding-top: 0;}

.btn_more{font-size:2rem;line-height:1}
.btn_more>a{color:#000;display:inline-block;font-size:1.6rem;padding:2rem 1rem 2.25rem 2rem;min-width:240px;text-align:center;position:relative;z-index:1}
.btn_right{margin-top:30px;text-align:right}
.btn_more>a:after,.btn_more>a:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 30px);height:calc(100% - 30px);pointer-events:none}
.btn_more>a:before{border:solid #ccc 15px;border-image:url(/img/common/common_btn_frame.png) 15/15px;z-index:2}
.btn_more>a:after{top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);background:#e69719;z-index:1}
.btn_more>a:hover{top:5px;opacity:1}
.btn_more>a:hover:before{border-image:url(/img/common/common_btn_frame_hover.png) 15/15px}
.btn_more>a:hover:after{background:#d97802}
.btn_more>a>span{position:relative;z-index:3}
.btn_more>a>span:after{content:"";display:inline-block;width:24px;height:20px;vertical-align:text-top;background:url(/img/common/common_btn_arrow.png) center/100% auto no-repeat;margin-left:6px}

h2.top_h2{font-size:4rem;margin-bottom:4rem;line-height:1;z-index:1;position:relative;text-shadow: 3px 3px 0 #fff, -3px 3px 0 #fff, -3px -3px 0 #fff, 3px -3px 0 #fff;}
h2.top_h2:before{content:"";display:inline-block;width:55px;height:70px;vertical-align:middle;background:url(/img/common/icon_h2.png) center/100% auto no-repeat;margin-right:16px}
#top .section{overflow:visible;position: relative}
.section-top{padding:100px 0 0}
.coming_soon .ttl {text-shadow: 3px 3px 0 #fff, -3px 3px 0 #fff, -3px -3px 0 #fff, 3px -3px 0 #fff;}

.common_bnr_frame,.common_frame{display:block;position:relative;z-index:1;box-sizing: border-box;}
.common_bnr_frame:before,.common_frame:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 10px);height:calc(100% - 10px);border:solid #ccc 5px;border-image:url(/img/common/common_frame.png) 10/10px;pointer-events:none;z-index:2}
.common_bnr_frame:before{border-image:url(/img/common/common_bnr_frame.png) 10/10px}
.common_frame{padding:20px 20px}
.common_frame:after{content:"";position:absolute;top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px);background:rgba(255,255,255,.9);z-index:1}
.common_frame>*{z-index:3;position:relative}

#top #main{overflow: hidden}

.slide_up{opacity: 0.1;transform:translateY(50px);transition: all 500ms;}
.slide_up.animated{opacity: 1;transform:translateY(0);}

/* deco_list */
.deco_list{position:absolute;top:0;left: 0; width:100%;height: 100%; pointer-events:none;}
.deco_list > li{position: absolute;z-index: -1;opacity: 0.1;transform:translateY(10px);transition: all 2s;}
.deco_list > li.animated{opacity: 1;transform:translateY(0);}

.news .deco_list>li:first-of-type{width:101px;top:-13%;left:0}
.news .deco_list>li:nth-of-type(2){width:105px;top:-2%;right:-4%}
.news .deco_list>li:nth-of-type(3){width:114px;top:23%;left:-7%}
.news .deco_list>li:nth-of-type(4){width:93px;top:30%;right:30%}
.news .deco_list>li:nth-of-type(5){width:84px;top:40%;right:10%}
.news .deco_list>li:nth-of-type(6){width:64px;top:57%;left:35%}
.news .deco_list>li:nth-of-type(7){width:96px;bottom:1%;left:-1%}
.news .deco_list>li:nth-of-type(8){width:95px;bottom:-7%;right:-4%}
.schedule .deco_list>li:first-of-type{width:173px;top:12%;right:-10%}
.schedule .deco_list>li:nth-of-type(2){width:79px;right:20%;top:30%}
.schedule .deco_list>li:nth-of-type(3){width:86px;top:50%;left:-3%}
.schedule .deco_list>li:nth-of-type(4){width:124px;bottom:0;left:-10%}
.schedule .deco_list>li:nth-of-type(5){width:103px;bottom:3%;right:1%}
.movie .deco_list>li:first-of-type{width:88px;top:-10%;right:10%}
.movie .deco_list>li:nth-of-type(2){width:83px;bottom:0;left:-4%}
.streaming .deco_list>li:first-of-type{width:63px;top:-10%;right:-2%}
.streaming .deco_list>li:nth-of-type(2){width:94px;bottom:-10%;right:15%}
.bnr .deco_list>li:first-of-type{width:76px;top:-13%;left:5%}

@media (min-width:681px){
.deco_list .only_sp{display:none}
	
.news .deco_list>li:first-of-type{top:-9%;left:30%}
.news .deco_list>li:nth-of-type(4){top:20%;right:30%}
.news .deco_list>li:nth-of-type(5){top:36%;right:12%}
.news .deco_list>li:nth-of-type(3){top:53%;left:10%}
.news .deco_list>li:nth-of-type(7){bottom:-6%;left:-3%}
.news .deco_list>li:nth-of-type(8){bottom:-7%;right:-1%}
.schedule .deco_list>li:first-of-type{top:22%;right:-4%}
.schedule .deco_list>li:nth-of-type(2){top:2%;right:40%}
.schedule .deco_list>li:nth-of-type(3){top:70%;left: 7%}
.schedule .deco_list>li:nth-of-type(4){bottom:-12%;left:34%}
.movie .deco_list>li:first-of-type{top:15%;right:10%}
.movie .deco_list>li:nth-of-type(2){bottom:0;left:-2%}
.streaming .deco_list>li:first-of-type{top:2%;right:0}
.streaming .deco_list>li:nth-of-type(2){bottom:-26%;right:3%}
.bnr .deco_list>li:first-of-type{top:10%;left:20%}
	
.news .deco_list>li:nth-of-type(9){width:76px;bottom:0;right:36%}
.news .deco_list>li:nth-of-type(10){width:103px;bottom:-14%;left:26%}
.schedule .deco_list>li:nth-of-type(6){width:105px;bottom:5%;right:35%}
.schedule .deco_list>li:nth-of-type(7){width:86px;top:32%;left:-2.5%}
.shop .deco_list>li:first-of-type{width:64px;bottom:14%;left:6%}
.shop .deco_list>li:nth-of-type(2){width:86px;bottom:24%;right:6%}
.movie .deco_list>li:nth-of-type(3){width:101px;top:6%;left:58%}
.movie .deco_list>li:nth-of-type(4){width:124px;bottom:-4%;right:15%}
.streaming .deco_list>li:nth-of-type(3){width: 103px;bottom: -22%;left: -3%;}
.streaming .deco_list>li:nth-of-type(4){width:105px;top:18%;right:30%}
.bnr .deco_list>li:nth-of-type(2){width:64px;bottom:-6%;left:9%}
.bnr .deco_list>li:nth-of-type(3){width:83px;bottom:10%;right:15%}
}
@media (max-width:1350px) and (min-width:681px){
}
@media (max-width:680px){
.deco_list .only_pc{display: none}
}

/* MV */
.mv {padding:15px 0;position: relative;}
.mv:after,.mv:before{content:"";position:absolute;left:0;width:100%;height:15px;background:url(/img/common/bg_rainbow.png) top left/auto}
.mv:before{top:0}
.mv:after{bottom:0}

.mv_slider li a {display: block;}
.mv_slider li div {width: 100%; height: 0; background-size: cover; background-position: center center;}
.mv_pc {padding: 42.5% 0 0;}
.mv_sp {display: none;}

@media (min-width:681px){
.mv {margin-left:-15px;width:calc(100% + 30px);}
}

/* WHATS NEW */
.news{}
.news_ttl{position:relative;z-index:1}
.news_list{margin-top:3rem}
.news_list li > a {height: 100%;}
.news_list .date{font-size:2.2rem;line-height:1.2;margin-bottom:15px}
.news_list .category{font-size:1.4rem;line-height:1;background:#ff2020;color:#fff;display:inline-block;padding:4px .8em 0;text-align:center;margin-left:1rem;border:solid 3px #000;vertical-align:text-bottom}
.news_list .category.live_event{background:#e60012}
.news_list .category.others{background:#49b1c9}
.news_list .category.topic{background:#22ac38}
.news_list .detail{font-size:1.8rem;font-feature-settings:"palt";margin-top:.25rem;line-height:1.5}
.category_tab{display:flex}
.category_tab_item{font-size:1.8rem;text-align:center;line-height:1;padding-top:10px}
.category_tab_item.active{padding-top:0}
.category_tab_item a{display:flex;justify-content:center;align-items:center;padding:4px .8em 0;height:100%;box-sizing:border-box;position:relative;color:#fff;border-top:solid 3px #000;border-bottom:solid 3px #000;overflow:visible}
.category_tab_item.active a{padding-top:6px}
.category_tab_item a:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:#000}
.category_tab_item.active a:after{content:"";position:absolute;top:-3px;right:-3px;width:3px;height:100%;background:#000}
.category_tab_item.active a:after{content:"";position:absolute;top:-3px;right:-3px;width:3px;height:calc(100% + 3px);background:#000}
.category_tab_item:last-of-type a:after{content:"";position:absolute;top:0;right:0;width:3px;height:100%;background:#000}
.category_tab_item.active a,.category_tab_item:hover a{opacity:1}
.category_tab_item.all a{background:url(/img/common/bg_rainbow.png);color:#000;text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff}
.category_tab_item.live_event a{background:#e60012}
.category_tab_item.others a{background:#49b1c9}
.category_tab_item.topic a{background:#22ac38}

@media (min-width:681px){
.news_list {display: flex;}
.news_list li{width:33.333%;padding-right:10px;position: relative}
.news_list li+li{padding-left:10px}
.news_list li:last-of-type{padding-right:0}
}

/* banner */
.banner .banner_list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.banner .banner_list li > a {height: 100%;}
@media (min-width:681px){
.banner .banner_list{gap:20px}
.banner .banner_list li{width:calc(50% - 10px)}
}

/* BANNER */
.section.banner .banner_slider,.section.banner .banner_wrap,.section.banner>.section_inner{height:100%}
.section.banner .banner_slider{display:flex;flex-direction:column;justify-content:center}
.banner_slider .media_frame{position:relative;width:100%;height:0;padding-bottom:75%;overflow:hidden;background:url(/img/top/frame.svg) center/100% auto no-repeat}
.banner_slider .media_frame .media_img{position:absolute;top:15%;left:5%;width:69.375%;height:68.6111%;background:#312f35;overflow:hidden;z-index:-1}
.banner_slider a:hover img{opacity:.7}
@media (min-width:681px){
.banner_slider li+li{margin-top:30px}
}

/* SCHEDULE */
.schedule_h2 {margin-bottom: 75px;}
.schedule_list li > a {height: 100%;}
.schedule_list .date {font-size: 2rem;line-height: 1.2;margin-bottom: 15px;}
.schedule_list .detail{font-size:1.8rem;font-feature-settings:"palt";margin-top:.25rem;line-height:1.5}

@media (min-width:681px){
.schedule_list {display: flex;}
.schedule_list li{width:33.333%;padding-right:10px;position: relative}
.schedule_list li+li{padding-left:10px}
.schedule_list li:last-of-type{padding-right:0}
}

/* shop */
.shop .shop_bnr_wrap{max-width:900px;margin:auto;position:relative}
.shop .shop_bnr_wrap .animation{position:absolute;top:-100px;right:80px;width:93px;height:121px;z-index:-1}

/* MOVIE */
.movie .movie_slider{overflow:hidden;margin-left:-10px;width:calc(100% + 20px)}
.movie .movie_slider.slick-initialized{padding-bottom:49px}
.movie .movie_slider li{padding:0 10px}
.movie .media_img{position:relative;width:100%;height:0;padding-bottom:54.6%;background:#ccc}
.movie .media_img img{max-width:100%;width:auto;height:auto;position:absolute;left:50%;top:calc(50% + 3px);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.3s}
.movie .media_img:after,.movie .media_img:before{content:"";position:absolute;background:#fff;pointer-events:none;z-index: 2;}
.movie .media_img:before{top:5px;left:10px;width:calc(100% - 20px);height:5px}
.movie .media_img:after{top:10px;left:5px;width:5px;height:calc(100% - 20px)}
.movie_slider_arrow{position:absolute;left:50%;bottom:0;width:100px;height:30px;background:url(/img/common/arrow.png) left top/100% auto no-repeat;border:none;cursor:pointer;transform:translateX(-50%);z-index:1}
.movie_slider_arrow_prev{margin-left:-60px}
.movie_slider_arrow_next{margin-left:60px;transform:translateX(-50%) scaleX(-1)}

/* streaming */
h2.top_h2.streaming_h2{z-index:1;position:relative}
.streaming_list{display:flex;flex-wrap:wrap;gap:10px;z-index:1;position:relative}
.streaming_list li a{display:block;text-align:center;background:rgba(255,255,255,.9)}
@media (min-width:681px){
.streaming_list{gap:20px;}
.streaming_list li{flex:1}
}

/* BNR */
.bnr .item{width:100%;max-width:640px;margin:auto;position:relative}
.bnr .item a{background:#000;color:#fff;font-size:2.4rem;font-weight:700;position:relative;display:block;box-sizing:border-box;width:100%;text-align:center}
.bnr .item a small{font-size:1.6rem;font-weight:400}
.bnr .item a span{display:block;width:100%;height:100%;background:#000;z-index:1;position:relative;padding:60px 0;box-sizing:border-box}
.bnr .item a span:after,.bnr .item a span:before{content:"";position:absolute;left:0;width:100%;height:30px;background:url(/img/common/bg_rainbow.png) top left/auto}
.bnr .item a span:before{top:0}
.bnr .item a span:after{bottom:0}

/* modal */
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width:auto!important; max-width:85%!important; max-height:85%!important; }
/*.mfp-close-btn-in .mfp-close { color:#fff!important; }*/
.mfp-close { top:-44px!important; cursor:pointer!important; }
#popup { text-align:center; }
#popup img { width:640px; max-width:100%; height:auto; }


/* PC */
@media (max-width: 1300px) {
	p.btn_right {right: 2%;}
	.banner_slider_arrow-next {right: 35%;}
}

@media (max-width: 1000px) and (min-width: 681px) {
	.streaming_list{gap:10px}
}

@media(max-width: 1000px) and (min-width: 681px) {
	.news_list .category{margin-left:0}
	.news_list .date{display:block;margin-bottom:5px}
}

/*スマホ*/
@media (max-width: 680px) {	
.fadein{opacity:1}
.contents{padding:0}
h2.top_h2{font-size:2.5rem;margin-bottom:1.75rem}
h2.top_h2:before{width:27px;height:35px;margin-right:10px}
.btn_more{margin:20px auto 0;text-align:center}
.btn_more a{min-width:inherit;width:auto;box-sizing:border-box;padding:1.75rem 2.4rem 1.75rem;font-size:1rem;line-height:1;letter-spacing:0}
.btn_more>a>span:after{width:12px;height:10px;margin-left:6px}
.section-top{padding:30px 0}
.section_inner{padding-left:15px;padding-right:15px}
.mv{padding:15px 0}
.mv:after,.mv:before{height:15px;background:url(/img/common/bg_rainbow.png) top left/72px auto}
.mv_pc{display:none}
.mv_sp{display:block;padding-top:112%}
.category_tab_item a{padding:4px 1em 0}
.news{padding-top:50px}
.news_list{margin-top:1rem}
.news_list .date,.schedule_list .date{font-size:2.2rem;margin-bottom:10px}
.news_list>li+li,.schedule_list>li+li{margin-top:10px}
.news_list .category{font-size:1.5rem}
.category_tab_item{font-size:1.5rem;padding-top:5px}
.category_tab_item.all a{background:url(/img/common/bg_rainbow.png) top left/72px auto;padding:4px 1em 0}
.news_list .detail,.schedule_list .detail{font-size:1.4rem;margin-top:.25rem}
.shop .shop_bnr_wrap .animation{top:-92px;right:70px;width:90px;height:60px}
.shop_banner{height:auto;background-size:30% auto}
.movie .movie_slider{overflow:hidden;margin-left:-15px;width:calc(100% + 30px)}
.movie .movie_slider.slick-initialized{padding-bottom:28px}
.movie_slider_arrow{width:50px;height:15px}
.movie_slider_arrow_prev{margin-left:-35px}
.movie_slider_arrow_next{margin-left:35px}
.streaming_list li{width:calc(50% - 5px)}
.streaming_list li img{width:100%;max-width:157px;margin:auto}
.bnr .item a span{padding:30px 0}
.bnr .item a span:after,.bnr .item a span:before{height:15px;background:url(/img/common/bg_rainbow.png) top left/72px auto}
.bnr .item a{font-size:1.8rem;line-height:1.1}
.bnr .item a small{display:block;font-size:1.5rem;margin-top:6px}
}