@charset "UTF-8";
/* 共通 */
#wrap {opacity: 0;}
p.btn_more {font-size: 2rem; font-weight: bold; line-height: 1;}
p.btn_more a {display: block; }
p.btn_right {margin-top: 30px;text-align: right;}

h2.top_h2 {font-size: 5rem; font-weight: bold;border-left: 8px solid;padding-left: .6em;line-height: 1;}
h2.top_h2.news_h2 {border-color: #FF2720 ;}
h2.top_h2.schedule_h2 {border-color: #FCE800;}
h2.top_h2.shop_h2 {border-color: #F8596C  ;}
h2.top_h2.movie_h2 {border-color: #A04FF6  ;}

.section-top {padding: 50px 0 140px;}

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

/* BANNER */
.banner_slider {position: relative; padding-bottom: 30px;}
.banner_slider li {padding: 0 10px; text-align: center;}
.banner_slider li a {position: relative; display: inline-block;}
.banner_slider li a:before{content: ""; position: absolute; bottom: -100%; left: 0; width: 100%; height: 100%; background-color: #d51542; opacity: 0.6; -webkit-transition:	all 0.6s ease; transition:		all 0.6s ease; mix-blend-mode: hard-light; z-index: 10;}
.banner_slider li a:hover:before {bottom: 0;}
.banner_slider li a:after {content: "VIEW MORE"; position: absolute; top: 50%; left: 50%; color: #fff; font-family: 'Hind', sans-serif; font-size: 2.4rem; font-weight: bold; letter-spacing: 0.1em; opacity: 0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transition:.5s linear; -moz-transition:.5s linear; -o-transition:.5s linear; transition:.5s linear; z-index: 11;}
.banner_slider li a:hover:after {opacity: 1;}
.banner_slider li a:hover {opacity: 1;}
.banner_slider li img {margin: 0 auto;}
.banner_slider_arrow {position: absolute; bottom: 0; width: 70px; height: 6px; background: url(/img/common/arrow_bk.png) left top / 100% auto no-repeat; border: none; cursor: pointer;}
.banner_slider_arrow-prev {left: 45%; transform: translateX(-50%) scaleX(-1);}
.banner_slider_arrow-next {right: 40%; transform: translateX(-50%);}

/* WHATS NEW */
.news_h2 {margin-bottom: 75px;}
.news_list {display: flex;margin-left: -40px}
.news_list li {width:calc(33.333% - 40px) ;margin-left: 40px;}
.news_list p.date {font-size: 2.4rem;font-weight: bold;line-height: 1.2;margin-bottom: 15px;}
.news_list p.detail {font-size: 1.8rem;font-feature-settings: "palt";}

/* SCHEDULE */
.schedule_h2 {margin-bottom: 75px;}
.schedule_list {display: flex;margin-left: -40px}
.schedule_list li {width:calc(33.333% - 40px) ;margin-left: 40px;}
.schedule_list p.date {font-size: 2.4rem;font-weight: bold;line-height: 1.2;margin-bottom: 15px;}
.schedule_list p.detail {font-size: 1.8rem;font-feature-settings: "palt";}


/* shop */
.shop_h2 {margin-bottom: 75px;}
.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;}

/* MOVIE */
.section-top.movie {padding: 50px 0 20px;}
.movie_h2 {margin-bottom: 60px;}
.movie_slider {position: relative; padding-bottom: 30px;}
.movie_slider li {padding: 0 10px; text-align: center;}
.movie_slider li a {position: relative; display: block;background: center / cover no-repeat;height: 100%;}
.movie_slider li a img {width: 100%;}
.movie_slider_arrow {position: absolute; bottom: 0; width: 70px; height: 6px; background: url(/img/common/arrow_bk.png) left top / 100% auto no-repeat; border: none; cursor: pointer;}
.movie_slider_arrow-prev {left: 45%; transform: scaleX(-1);left: 40px;}
.movie_slider_arrow-next {right: 40%;right: 40px;}
.movie_slider .movie_ttl {position: absolute;bottom: 20px;left: 20px;color: #fff;font-size: 1.4rem;font-feature-settings: "palt";}
@media screen and (min-width: 821px) {
	.movie_slider li {width: 100%;max-width: 820px;height: 470px;}
	.movie_slider li a img {object-fit: cover;height: 100%;}
}


/* BNR */
.bnr {padding: 100px 0 160px 0;}

.bnr .bnr-list {
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
}

.bnr .bnr-list .item {
	width: 32%;
}

.bnr .bnr-list .item a {
	background: #000;
	height: 100%;
    padding: 16px 60px 16px 30px;
	color: #fff;
	display: flex;
    align-items: center;
	font-weight: bold;
	position: relative;
}

.bnr .bnr-list .item a::before {
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	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;
}

@media (max-width: 680px) {
	.bnr .bnr-list .item {
		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; }


/* PC */
@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: 3rem;}

	p.btn_more {font-size: 1.6rem;} 
	p.btn_right {top: 50px;}

	.section-top {padding: 60px 0;}

	.mv_pc {display: none;}
	.mv_sp {display: block; padding-top: 112%;}

	.banner_slider_arrow-prev {left: 5%; transform: translateX(0) scaleX(-1);}
	.banner_slider_arrow-next {right: 5%; transform: translateX(0);}

	.news_h2 {margin-bottom: 30px;} 
	.news_list {display: block;margin-left: 0;}
	.news_list li {width: 100%;margin: 0}
	.news_list li + li {margin-top: 30px;}
	.news_list p.date {font-size: 2.2rem;margin-bottom: 5px;}
	.news_list p.detail {font-size: 1.4rem;}

	.schedule_h2 {margin-bottom: 30px;} 
	.schedule_list {display: block;margin-left: 0;}
	.schedule_list li {width: 100%;margin: 0}
	.schedule_list li + li {margin-top: 30px;}
	.schedule_list p.date {font-size: 2.2rem;margin-bottom: 5px;}
	.schedule_list p.detail {font-size: 1.4rem;}

	.shop_h2 {margin-bottom: 30px;}
	.shop_banner {height: auto;background-size: 30% auto}
	.shop_banner span {font-size: 2rem;padding: 1em;}

	.section-top.movie {padding: 60px 0;}
	.movie_h2 {margin-bottom: 30px;} 
	.movie_slider {display: block;} 

}