@charset "UTF-8";
/* 共通 */
body{background: #fff}
#wrap {opacity: 0;background: url(/img/common/bg.jpg) top left / 249px auto repeat;}
/*
#wrap {opacity: 0;background: url(/img/common/bg_cloud_1.png) top right / 53.8666% auto no-repeat, url(/img/common/bg_cloud_5.png) bottom 20% left / 81.3333% auto no-repeat, url(/img/common/bg.jpg) top left / 249px auto repeat;}
*/
#main{color:#fff}
.contents{padding:0}
#loader-bg{display:block}
p.btn_more{font-size:2rem;line-height:1}
#main .section p.btn_more a{color:#00a1f0}
p.btn_more a{display:inline-block;background:#fff;border:solid 1px #71caf1;color:#00a1f0;padding:1.5rem 2rem 1.75rem;min-width:240px;text-align:center;background-position:center right 15px;background-size:20px 16px;background-repeat:no-repeat;background-color:#fff;background-image:url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2035.07%2016.44%22%3E%3Cpath%20d%3D%22M33.25%2C6.84L23.58%2C1.22c-.76-.45-1.74-.19-2.19%2C.57-.15%2C.25-.22%2C.53-.22%2C.82V13.81c-.02%2C.88%2C.69%2C1.61%2C1.57%2C1.63%2C.3%2C0%2C.59-.07%2C.84-.22l9.67-5.57c.78-.43%2C1.05-1.42%2C.62-2.19-.15-.26-.36-.47-.62-.62Z%22%20style%3D%22fill%3Anone%3B%20stroke%3A%2300a1f0%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%20stroke-width%3A2px%3B%22%2F%3E%3Cline%20x1%3D%221%22%20y1%3D%228.22%22%20x2%3D%2221.17%22%20y2%3D%228.22%22%20style%3D%22fill%3Anone%3B%20stroke%3A%2300a1f0%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%20stroke-width%3A2px%3B%22%2F%3E%3C%2Fsvg%3E)}
.contents p.btn_more{text-align:center;margin-top:30px}
h2.top_h2{font-size:5rem;margin-bottom:4rem;line-height:1;text-align:left;z-index:1;position:relative}
.section{padding:70px 0 0}
#main .section a{color:#fff}

@media (min-width:681px){
  #wrap {opacity: 0;background: url(/img/common/bg.jpg) top left / 499px auto repeat;}
  /*
  #wrap{opacity:0;background:url(/img/common/bg_cloud_1.png) top right/404px auto no-repeat,url(/img/common/bg_cloud_5.png) bottom left/346px auto no-repeat,url(/img/common/bg.jpg) top left/499px auto repeat}
  */
  h2.top_h2{text-align:center;font-size:6.4rem}
  .contents p.btn_more{margin-top:40px}
  #main .section p.btn_more a {font-size: 1.75rem;padding: 1.5rem 2rem 1.35rem;}
}
@media (max-width: 1300px) {
	p.btn_right {right: 2%;}
	.banner_slider_arrow-next {right: 35%;}
}
@media (max-width: 680px) {
  .fadein{opacity:1}
  h2.top_h2{font-size:5rem;margin-bottom:2rem;text-align:left}
  h2.top_h2+p{font-weight:700}
  p.btn_more{font-size:1.5rem}
  p.btn_more a{min-width:inherit;width:100%;max-width:235px;margin:auto;box-sizing:border-box;padding:1.8rem 2rem 1.6rem}
  p.btn_right{top:50px}
  .contents {background: url(/img/common/bg_cloud_1.png) top right / 53.8666% auto no-repeat, url(/img/common/bg_cloud_5.png) bottom 8% left / 81.3333% auto no-repeat;}
  .contents p.btn_more{margin-bottom:0}
  .section_inner{padding-left:20px;padding-right:20px}
}

/* MV */
.mv {width: 100%}
.mv_slider li a {display: block;}
.mv_slider li div {width: 100%; height: 0; background-size: cover; background-position: top 30% center;}
.mv_pc {padding: 42.5% 0 0;}
.mv_sp {display: none;}
.top_bg{background:url(/img/common/bg_cloud_1.png) top right/53.8666% auto no-repeat}

@media (min-width:681px){
  .top_bg{background:url(/img/common/bg_cloud_1.png) top right/404px auto no-repeat,url(/img/common/bg_cloud_2.png) bottom left/46.1333% auto no-repeat}
}
@media (max-width: 680px) {
  .mv_pc{display:none}
  .mv_sp{display:block;padding-top:112%}
}

/* BANNER */
.banner{padding-top:40px}
.banner+.news{padding-top:30px}
.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}
}
@media (max-width: 1000px) and (min-width: 681px) {
	.banner_slider li+li{margin-top:20px}
}

/* WHATS NEW */
.news {}
.news_ttl{}
.news_list{padding-top:3rem}
.news_list .date{font-size:1.6rem;line-height:1.2;margin-bottom:15px}
.news_list .category{font-size:1.4rem;color:#fff;border:solid 1px #fff;display:inline-block;padding:1px 10px 0;margin-left:1rem;letter-spacing:.1em}
.news_list .detail{font-size:1.6rem;font-feature-settings:"palt";margin-top:1.5rem;line-height:1.8;font-weight: 700}

.news_list li,.schedule_list li{position:relative;padding-bottom:15px;box-sizing: border-box}
.news_list li:before,.schedule_list li:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:rgba(255,255,255,.3)}

.category_tab{}
.category_tab_item{display: inline-block}
.category_tab_item a{opacity: 0.6;color: #fff;padding: 0 10px 4px 3px;position: relative;}
.category_tab_item a:after{content: "";position: absolute;width:0;height:4px;bottom: 0;left: 0;background: url(/img/common/line_w.png) bottom left / 100% 4px no-repeat;transition: .3s}
.category_tab_item a:hover,.category_tab_item.active a{opacity:1;}
.category_tab_item a:hover:after,.category_tab_item.active a:after{width:100%;}

@media (min-width:681px){
  .news_list{display:flex;margin-top:4rem}
  .schedule_list{display:flex}
  .news_list li,.schedule_list li{width:33.333%;padding-right:40px;position:relative}
  .news_list li+li,.schedule_list li+li{padding-left:40px}
  .news_list li+li:before,.schedule_list li + li:before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:rgba(255,255,255,.3)}
  .news_list li:nth-of-type(3),.schedule_list li:nth-of-type(3){padding-right:0}
  .category_tab_item a:after{height:8px}
  .category_tab{font-size:1.8rem;text-align:center}
  .news_list li:before, .schedule_list li:before{content: none;}
}
@media (max-width: 1000px) and (min-width: 681px) {
  .news_list li,.schedule_list li{padding-right:20px}
	.news_list li+li,.schedule_list li+li{padding-left:20px}
	.news_list .category{margin-left:0}
	.news_list .date{display:block;margin-bottom:5px}
}
@media (max-width: 680px) {
  .news_list li+li,.schedule_list li+li{padding-top:15px}
  .news_list .date,.schedule_list .date{font-size:1.5rem;margin-bottom:10px}
  .news_list .category{font-size:1.2rem}
  .news_list .detail,.schedule_list .detail{font-size:1.4rem;margin-top:1rem}
}

/* SCHEDULE */
.schedule{background:url(/img/common/bg_cloud_2.png) top left/46.1333% auto no-repeat,url(/img/common/bg_cloud_3.png) bottom right/64% auto no-repeat;padding-bottom:70px}
.schedule_h2 {}
.schedule_list{font-weight: 700}

@media (min-width:681px){
  .schedule{background:url(/img/common/bg_cloud_2.png) top left/346px auto no-repeat,url(/img/common/bg_cloud_3.png) bottom right/contain no-repeat}
}

/* shop */
.shop{background:url(/img/common/bg_cloud_4.png) bottom right/64% auto no-repeat;padding-top:0;padding-bottom:40px}
.shop_banner{background:url(../img/top/bg_onlineShop.svg) right center/50% auto repeat-y;display:flex;align-items:center;height:170px}
.shop .shop_bnr a{display:block}
.shop_banner span{font-size:3rem}

@media (min-width:681px){
  .shop{background:url(/img/common/bg_cloud_4.png) bottom right/contain no-repeat}
  .shop .shop_bnr{max-width:640px;margin:auto}
}
@media (max-width: 680px) {
  .shop_banner{height:auto;background-size:30% auto}
  .shop_banner span{font-size:2rem;padding:1em}
}

/* MOVIE */
.movie:before{content:"";width:100%;height:40px;background:url(/img/top/movie_bg_top.png) bottom left/100% 100% no-repeat;display:block}
.movie:after{content:"";width:100%;height:25px;background:url(/img/top/movie_bg_foot.png) bottom left/100% 100% no-repeat;display:block}
.movie h2.top_h2{color:#00a1f0;text-align:center;margin-bottom:1.5rem}
.movie .section_inner{width:100%;max-width: inherit;background:#fff;padding-bottom:40px}
.movie_wrap{position:relative;z-index:2}
.movie_slider li{padding:0 30px}
.movie_slider li a{position:relative}
.movie_slider li a:before{content:"";position:absolute;top:50%;left:50%;width:70px;height:70px;background:url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014.9%2016.44%22%3E%3Cpath%20d%3D%22M13.08%2C6.84L3.41%2C1.22c-.76-.45-1.74-.19-2.19%2C.57-.15%2C.25-.22%2C.53-.22%2C.82V13.81c-.02%2C.88%2C.69%2C1.61%2C1.57%2C1.63%2C.3%2C0%2C.59-.07%2C.84-.22l9.67-5.57c.78-.43%2C1.05-1.42%2C.62-2.19-.15-.26-.36-.47-.62-.62Z%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23fff%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%20stroke-width%3A2px%3B%22%2F%3E%3C%2Fsvg%3E) center left 55%/15px 16px no-repeat #003688;transform:translate(-50%,-50%);pointer-events:none;border-radius:100%}
.movie_slider li a img{margin:auto}
.movie_slider li>div{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}
.movie_slider li iframe{width:100%;height:100%;position:absolute;top:0;left:0}
.movie_slider_arrow{position:absolute;bottom:85px;width:76px;height:18px;background-size:100% auto;background-repeat:no-repeat;background-color:transparent;border:none;cursor:pointer}
.movie_slider_arrow-prev{left:13%;background-image:url(/img/common/arrow_movie_wt.png)}
.movie_slider_arrow-next{right:13%;background-image:url(/img/common/arrow_movie_bk.png)}
.movie_slider .movie_ttl{display:none}
.comingsoon{color:#fff;font-size:3.2rem;line-height:1}
.comingsoon span{display:inline-block;padding:.25rem 4rem;background:#00a1f0}

@media (max-width:1300px){
  .movie_slider{width:calc(104%);margin-left:-2%}
}
@media (max-width: 680px) {
  .movie_slider{width:calc(100% + 40px);margin-left:-20px}
  .movie_slider li{padding:0 15px}
  .movie_slider li a:before{width:50px;height:50px}
  .movie_slider_arrow{bottom:45px;width:38px;height:9px}
  .comingsoon{font-size:2.8rem;}
}

/* streaming */
.streaming .coming_soon{font-size:3rem}
.streaming .bnr-list{display:flex;flex-wrap:wrap;gap:20px}
.streaming .bnr-list li{width:calc(50% - 10px)}
.streaming .bnr-list li a{display:block;border:solid 1px #71caf1}

@media (min-width:681px){
  .streaming .bnr-list{justify-content:center}
  .streaming .bnr-list li {width: 199px;}
  .streaming .bnr-list li img{width:100%}
  .streaming .coming_soon{font-size:2rem}
}

/* BNR */
.bnr .item{width:100%;max-width:640px;margin:auto;position:relative}
#main .bnr .item a{background-image:linear-gradient(109deg,#0283c3 30%,#003688);padding:24px 20px 30px;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{display:block;font-size:1.5rem;line-height:1}
.bnr .item a:before{content:"";position:absolute;pointer-events:none;top:6px;left:6px;width:calc(100% - 14px);height:calc(100% - 14px);border:solid 1px rgba(255,255,255,.3)}
.bnr .item a{z-index:2}

@media (min-width:681px){
  .bnr .item a{font-size:2.8rem}
  .bnr .item a small{font-size:1.8rem}
}

/* official */
.official .bnr-list{display:flex;flex-wrap:wrap}
.official .bnr-list li{display:block}
.official .bnr-list li+li{margin-top:15px}
.official .bnr-list li a{display:block;border:solid 1px #71caf1}

@media (min-width:681px){
  .official{padding-top:120px}
  .official .bnr-list{gap:20px;justify-content:center}
  .official .bnr-list li {max-width: 310px;}
  .official .bnr-list li+li{margin-top:0}
  .official .bnr-list li img{width:100%}
}

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