@charset "UTF-8";
/* 共通 */
#wrap {opacity: 0;}
body{}
#main {overflow: hidden;background: url(/img/top/bg.png) center top / 596px auto repeat #F2EDE2;}
.contents {padding: 0}
#loader-bg {display: block;}
.footer{margin-top:-40px}

p.btn_more{font-size:2rem;line-height:1}
p.btn_more a{color:#fff;display:inline-block;background:#1e1e1e;padding:1.5rem 2rem 1.75rem;border-radius:100px;min-width:240px;text-align:center}
p.btn_right{margin-top:30px;text-align:right}

h2.top_h2{font-size:5rem;margin-bottom:4rem;line-height:1;text-align:center;z-index: 1;position: relative;}
h2.top_h2.news_h2,h2.top_h2.shop_h2{text-shadow:0 3px 0 #e4d362}
h2.top_h2.schedule_h2,h2.top_h2.streaming_h2{text-shadow:0 3px 0 #a6ca87}

#top .section{overflow:visible}
.section-top{padding:100px 0 0}

.common_box{background:#fff;border-radius:24px;padding:50px 40px 40px;box-sizing:border-box;overflow:hidden;position:relative;z-index: 1;}

.decoration{position:absolute;pointer-events: none}
.decoration.slide_right{text-align:right}
.decoration img{width:30%}
.decoration_front{z-index:1}
.decoration .only_sp{display:none}

.decoration.slide_up{}
.decoration.slide_up.animated{animation:slide_up 1s ease-out 1;}

.decoration.slide_down{}
.decoration.slide_down.animated{animation:slide_down 1s ease-out 1;}

.decoration.slide_left{}
.decoration.slide_left.animated{animation:slide_left .5s ease-out 1;}

.decoration.slide_right{}
.decoration.slide_right.animated{animation:slide_right .5s ease-out 1;}

@keyframes slide_up{
0%{transform:translateY(50px)}
100%{transform:translate(0)}
}
@keyframes slide_down{
0%{transform:translateY(-50px)}
100%{transform:translateY(0)}
}
@keyframes slide_left{
0%{transform:translateX(-50px)}
100%{transform:translateX(0)}
}
@keyframes slide_right{
0%{transform:translateX(50px)}
100%{transform:translateX(0)}
}
@keyframes katakata{
0%{transform:rotate(1deg)}
49%{transform:rotate(1deg)}
50%{transform:rotate(-1deg)}
99%{transform:rotate(-1deg)}
100%{transform:rotate(1deg)}
}

/* decoration */
.section > * {z-index: 1;}

.top_deco_r {right: 5%;bottom: 1%;}
.top_deco_l{left:0;bottom:-16%}
.news_deco_bg{top:0;right:0}
.news_deco_r{top:4%;right:-3%;}
.news_deco_btm_r{right:5%;bottom:-4%}
.news_deco_btm_l{left:15%;bottom:-7%}
.schedule_deco_bg{top:-10px;left:0;text-align:center;width:100%}
.schedule_deco_bg img{width:100%;max-width:1000px}
.schedule_deco_l{top:9%;left:1%;}
.schedule_deco_r{top:0;right:0;z-index:0}
.section > .schedule_deco_r{z-index:0}
.schedule_deco_btm{bottom:-6rem;right:20%}
.shop_deco_btm_l{bottom:-7%;left:9%}
.shop_deco_btm_r{bottom:-6%;right:11%}
.shop_deco_l{top:-1%;left:0}
.shop_deco_bg_r{top:0;right:0}
.shop_deco_bg_l{top:0;left:0}
.shop_deco_r{top:3%;right:0;z-index:0}
.section > .shop_deco_r{z-index:0}
.streaming_deco_bg_r{top:0;right:0}
.streaming_deco_bg_l{top:0;left:0}
.streaming_deco_btm_r{top:2%;right:5%}
.streaming_deco_btm_l{top:0;left:15%}
.fan_deco_r,.fan_deco_r_hand{top:0;right:0}
.fan_deco_l,.fan_deco_l_hand{top:0;left:0}
.fan_deco_l,.fan_deco_l_hand{top:-80px;left:0}
.fan_deco_r,.fan_deco_r_hand{top:-80px;right:0;text-align:right}
.section > .fan_deco_l,.section > .fan_deco_r {z-index:0}

/*
.decoration.slide_left.schedule_deco_l.animated{animation:katakata 1.5s linear infinite,slide_left 1s ease-out 1;transform-origin: left bottom;}
.decoration.slide_right.news_deco_r.animated{animation:katakata 1.5s linear infinite,slide_right 1s ease-out 1;transform-origin: right bottom;}
*/

@media (min-width:681px){
.news_deco_r_wrapper,.schedule_deco_l_wrapper{width:100%;max-width:1240px;margin:auto;position:absolute;left:50%;transform:translateX(-50%);pointer-events:none}
.news_deco_r_wrapper{top:2%}
.schedule_deco_l_wrapper{top:18%}
}
@media (max-width:1350px) and (min-width:681px){
.news_deco_r {right: 3%;}
}
@media (max-width:680px){
.decoration .only_pc{display: none}
.decoration .only_sp{display:block}
}

@keyframes curtain{
0%{transform:translate(0,30px)}
100%{transform:translate(0,0)}
}


/* MV */
.mv {width: 100%}
.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;}

/* MOVIE */
.tv_section {position: relative;}
.tv_section .tv_section_inner{margin-top:-40px;height:100%;display:flex;justify-content: center;flex-direction:row-reverse}
.tv_section section>.section_inner{width:100%}
.tv_section .banner{width:24.1935%;margin-left:11.2904%}
.tv_section .movie{width:100%;max-width:800px;overflow:visible}
.tv_section .banner+.movie{width:64.5161%}
.tv_section .banner.no_banner {display: none;}
.tv_section .ttl{max-width:554px;margin:-15px auto 0}
.media_frame>a{position:absolute;top:0;left:0;width:100%;height:100%}
.media_frame>a:hover{opacity:1}
.media_frame img{max-width:100%;width:auto;height:auto;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.3s}
.movie_slider_wrap{position:relative;width:100%;height:0;padding-bottom:75%;overflow:hidden}
.movie_slider_wrap .frame{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/img/top/frame.svg) center/100% auto no-repeat;z-index:1;pointer-events:none}
.movie_slider_inner{position:absolute;top:15%;left:5%;width:69.375%;height:68.6111%;background:#312f35;overflow:hidden;z-index:-1}
.movie_slider .slick-list,.movie_slider .slick-track,.movie_slider.slick-slider{height:100%}
.movie_slider .slick-slide{position:relative}
.movie_slider .media_frame{position:absolute;top:0;left:0;width:100%;height:100%}
.movie_slider .media_frame>a>.media_img{transition:.3s}
.movie_slider .media_frame>a>.media_img:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.3s;width:54%;max-width:120px;height:100%;background:url(/img/top/movie_btn.svg) center/100% auto no-repeat;z-index:1}
.movie_slider .media_frame>a:hover>.media_img:before{transform:translate(-50%,-50%) scale(1.1)}
.movie_slider .media_frame>a:hover .media_img{opacity:.7}
.movie_slider_thumb{padding:0 60px}
.movie_slider_thumb li{padding:0 25px}
.media_thumb{border-radius:12px;overflow:hidden;position:relative;width:100%;height:0;padding-bottom:75%;background:#312f35}
.media_thumb:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 12px);height:calc(100% - 12px);border:solid 6px #1e1e1e;border-radius:12px;z-index:1}
.media_thumb img{max-width:100%;width:auto;height:auto;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.3s}
.movie_slider_thumb_wrap{margin-top:30px;border-radius:24px;background:#fff;padding:20px}
.movie_slider_thumb li{cursor:pointer}
.movie_slider_thumb li .media_thumb img{transition:.3s}
.movie_slider_thumb li:hover .media_thumb img{opacity:.7}
.movie_slider_thumb_arrow{position:absolute;top:50%;width:60px;height:61px;background:url(/img/common/arrow.svg) left top/100% auto no-repeat;border:none;cursor:pointer;transform:translateY(-50%);z-index:1}
.movie_slider_thumb_arrow_prev{left:-50px}
.movie_slider_thumb_arrow_next{right:-50px;transform:translateY(-50%) scaleX(-1)}
.tv_section .movie .comingsoon {max-width: 460px;margin: auto;}

/* 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}
}

/* WHATS NEW */
.news{padding:60px 0 60px}
.news_ttl{position:relative;z-index:1}
.news_list{margin-top:3rem}
.news_list .date{font-size:2rem;line-height:1.2;margin-bottom:15px}
.news_list .category{font-size:1.4rem;background:#1e1e1e;color:#fff;display:inline-block;padding:4px 10px;min-width:6em;text-align:center;border-radius:6px;margin-left:1rem}
.news_list .detail{font-size:1.8rem;font-feature-settings:"palt";margin-top:1.5rem;line-height:1.8}

.category_tab{display:flex;border:solid 4px #1e1e1e;border-radius:8px;overflow:hidden;background:#fff}
.category_tab_item{width:25%;font-size:2rem;text-align:center;line-height:1;cursor:pointer;position:relative}
.category_tab_item+.category_tab_item:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#1e1e1e}
.category_tab_item a{display:flex;justify-content:center;align-items:center;padding:13px 10px 14px;height:100%;box-sizing:border-box}
.category_tab_item a:hover,.category_tab_item.active a{background:#1e1e1e;color:#fff;opacity:1}

@media (min-width:681px){
.news_list{display:flex;}
.news_list li{width:33.333%;padding-right:40px;position: relative}
.news_list li+li{padding-left:40px}
.news_list li+li:before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:#d9d9d9}
.news_list li:last-of-type{padding-right:0}
}

/* SCHEDULE */
.schedule_h2 {margin-bottom: 75px;}
.schedule_list .date {font-size: 2rem;line-height: 1.2;margin-bottom: 15px;}
.schedule_list .detail {font-size: 1.8rem;font-feature-settings: "palt";}

@media (min-width:681px){
.schedule_list {display: flex;}
.schedule_list li{width:33.333%;padding-right:40px;position: relative}
.schedule_list li+li{padding-left:40px}
.schedule_list li+li:before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:#d9d9d9}
.schedule_list li:last-of-type{padding-right:0}
}

/* shop */
.shop_banner {background: url(../img/top/bg_onlineShop.svg) right center / 50% auto repeat-y;display: flex;align-items: center;height: 170px;}
.shop_banner span {font-size: 3rem;}

/* streaming */
h2.top_h2.streaming_h2{z-index:1;position:relative}
.streaming .coming_soon {font-size: 3rem}
.streaming_list{display:flex;gap:30px;z-index:1;position:relative}
.streaming_list li{flex:1}
.streaming_list li a{display:block;padding:20px 10px;border:solid 4px #1e1e1e;border-radius:16px;text-align:center;background:#fff}
.streaming_list li img{width:100%;height:auto;max-width:200px}

/* BNR */
.section-top.bnr {padding-bottom: 140px;}
.bnr .item{width:100%;max-width:640px;margin:auto;position: relative}
.bnr .item a{background:#000;padding:24px 60px 24px 60px;color:#fff;font-size:2rem;font-weight:700;position:relative;display:block;box-sizing:border-box;border-radius:16px;width:100%;text-align:center}
.bnr .item a::before{content:'';width:10px;height:10px;border:0;border-top:solid 2px #fff;border-right:solid 2px #fff;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:50%;right:25px;margin-top:-4px}
.bnr .item a{z-index: 2}
.fan_deco_l_hand, .fan_deco_r_hand {z-index: 3;}

/* 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) {
	.common_box{padding:30px 30px 30px}
	.news_deco_r{top:5%}
	.top_deco_r{right:1%;bottom:-9%}
	.tv_section .banner{width:30%;margin-left:4%}
	.tv_section .banner+.movie{width:66%}
	.movie_slider_thumb_arrow{width:40px;height:41px}
	.movie_slider_thumb_arrow_next{right:-30px}
	.movie_slider_thumb_arrow_prev{left:-30px}
	.movie_slider_thumb_wrap{border-radius:16px}
	.movie_slider_thumb{padding:0 20px}
	.movie_slider_thumb li{padding:0 12px}
	.banner_slider li+li{margin-top:20px}
	.news_list li,.schedule_list li{padding-right:20px}
	.news_list li+li,.schedule_list li+li{padding-left:20px}
	.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) {
#main {background: url(/img/top/bg.png) center top / 298px auto repeat #F2EDE2;}
.fadein{opacity:1}
h2.top_h2{font-size:3.6rem;margin-bottom:2.6rem}
h2.top_h2.news_h2{text-align:left}
h2.top_h2.schedule_h2{text-align:right}
p.btn_more{font-size:2rem}
p.btn_more a{min-width:inherit;width:100%;box-sizing:border-box;padding:1rem 2rem 1.4rem}
p.btn_right{top:50px}

.contents p.btn_more{margin-bottom:0}
.section-top{padding:50px 0}
.section_inner{padding-left:20px;padding-right:20px}
.common_box{border-radius:12px;padding:35px 20px 35px}
	
/* decoration */
.decoration img{width:100%}
.top_deco_l{left:0;bottom:-16%;width:134px}
.top_deco_r{right:0;bottom:-8%;width:49px}
.news_deco_r{top:6%;right:1%;width:90px}
.news_deco_btm_r{right:9%;bottom:3%;width:91px}
.news_deco_btm_l{left:11%;bottom:-1%;width:56px}
.news_deco_bg{top:0;right:0;width:110px}
.schedule_deco_bg{top:0}
.schedule_deco_bg img{width:100%;max-width:335px}
.schedule_deco_l{top:6%;left:1%;width:121px}
.schedule_deco_r{top:-7%;right:0;width:157px}
.schedule_deco_btm{bottom:-1%;right:16%;width:98px}
.shop_deco_btm_l{bottom:0;left:1%;width:51px}
.shop_deco_btm_r{bottom:6%;right:3%;width:83px}
.shop_deco_l{top:-20%;left:0;width:148px}
.shop_deco_bg_r{top:0;right:0;width:77px}
.shop_deco_bg_l{top:0;left:0;width:62px}
.shop_deco_r{top:-7%;right:0;width:98px}
.streaming_deco_btm_r{top:-3%;right:0;width:66px}
.streaming_deco_btm_l{top:-9%;left:0;width:167px}
.streaming_deco_bg_r,.streaming_deco_bg_l{width:60px}
.fan_deco_r,.fan_deco_r_hand{top:-68px;width:101px}
.fan_deco_l,.fan_deco_l_hand{top:-68px;width:104px}

.mv_pc{display:none}
.mv_sp{display:block;padding-top:112%}
.tv_section .ttl{max-width:554px;margin:5px auto 0}
.tv_section .tv_section_inner{margin-top:-40px;justify-content:inherit;flex-direction:column-reverse}
.tv_section .banner+.movie,.tv_section .movie{width:100%}
.tv_section .banner.no_banner {display: block;}
.movie{margin-top:-6px}
.section-top.movie{padding:60px 0}
.movie_h2{margin-bottom:30px}
.movie_slider_wrap2{max-width:300px;margin:auto}
.tv_section .movie .comingsoon {max-width: 240px;}
.movie_slider_thumb_arrow_prev{left:-25px}
.movie_slider_thumb_arrow_next{right:-25px}
.media_thumb{border-radius:6px}
.media_thumb:before{width:calc(100% - 6px);height:calc(100% - 6px);border:solid 3px #1e1e1e;border-radius:6px}
.banner>.section_inner{padding:0}
.banner_slider li{padding:0 12px;opacity:.5;transform:scale(.9);transition:.3s}
.banner_slider li.slick-active{opacity:1;transform:scale(1	)}
.banner_slider_arrow{position:absolute;top:50%;width:40px;height:41px;background:url(/img/common/arrow_w.svg) left top/100% auto no-repeat;border:none;cursor:pointer;transform:translateY(-50%);z-index:1}
.banner_slider_arrow_prev{left:5px}
.banner_slider_arrow_next{right:5px;transform:translateY(-50%) scaleX(-1)}
.tv_section>.section_inner{padding:0}
.tv_section .banner{width:100%;margin-top: 36px;margin-left: 0}
.movie_slider_thumb_wrap{border-radius:12px;padding:10px;margin-top:10px}
.movie_slider_thumb{padding:0 10px}
.movie_slider_thumb li{padding:0 5px}
.movie_slider_thumb_arrow{width:30px;height:31px}
.news{padding:70px 0 50px}
.news_list .date,.schedule_list .date{font-size:1.6rem;margin-bottom:10px}
.news_list .category{font-size:1rem;border-radius:3px;letter-spacing:.2em}
.news_list .detail,.schedule_list .detail{font-size:1.4rem;margin-top:1rem}
.news_list li,.schedule_list li{position:relative;padding-bottom:15px}
.news_list li+li,.schedule_list li+li{padding-top:15px}
.news_list li:before,.schedule_list li:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#d9d9d9}
.shop_h2{margin-bottom:30px}
.shop_banner{height:auto;background-size:30% auto}
.shop_banner span{font-size:2rem;padding:1em}
.category_tab{flex-wrap:wrap}
.category_tab_item{width:50%;font-size:1.8rem}
.category_tab{border:solid 2px #1e1e1e;border-radius:4px}
.category_tab_item+.category_tab_item:after{content:none}
.category_tab_item:nth-of-type(2n):after{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:#1e1e1e}
.category_tab_item:nth-of-type(n+3):before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#1e1e1e}
.category_tab_item a{padding:8px 3px 10px;letter-spacing:0}
.streaming .coming_soon {font-size: 2rem}
.streaming_list{flex-direction:column;gap:10px}
.streaming_list li a{padding:10px;border:solid 3px #1e1e1e;border-radius:8px}
.bnr{padding-bottom:0}
.bnr .item a{padding:20px;font-size:1.8rem;line-height:1.7;border-radius:8px}
.bnr .item a::before{content:none}
}