@charset "UTF-8";
/* 共通 */
p.btn_more {font-size: 2rem; font-weight: bold; line-height: 1;}
p.btn_more a {padding-right: 90px; display: block; background: url(/img/common/arrow_bk.png) right center / auto auto no-repeat;}
p.btn_right {position: absolute; top: 20px; right: 0;}

h2.top_h2 {font-size: 5rem; font-weight: bold;}

.section-top {padding: 150px 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%);}

/* NEWS */
.news_h2 {margin-bottom: 75px;}
.news_slider .slick-track {display: flex;}
.news_slider .slick-slide {float: none; height: auto; padding: 20px; margin: 0 10px; border: 1px solid #e7ecef; background-color: #fff;}
.news_slider .slick-slide a {display: block;}
.slick-active .news_slider_txt p {display: inline-block; opacity: 1; transition: all 1s 1s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1;}
.news_slider_txt p.date {font-size: 2.8rem; font-weight: bold; line-height: 1.2;}
.news_slider_txt p.detail {font-size: 1.8rem; font-feature-settings: "palt";}
.news_slider_txt span {display: block; width: 100%; background: none; min-height: 0.5em;}
.news_slider .slick-dots {display: flex; justify-content: center; align-items: center; margin-top: 50px;}
.news_slider .slick-dots li {display: flex; align-items: center; width: 8px; height: 8px; background: #fff; border: 2px solid #000; border-radius: 100%; overflow: hidden; -webkit-transition: -webkit-transform 0.5s linear; transition: transform 0.5s linear;}
.news_slider .slick-dots .slick-active {background-color: #000; -webkit-transform: scale(1.2); transform: scale(1.2);}
.news_slider .slick-dots li + li {margin-left: 20px;}
.news_slider .slick-dots button {appearance: none; -webkit-appearance: none; padding: 0; margin: 0; text-indent: 100%; white-space: nowrap; border: none; background-color: transparent; cursor: pointer;}

/* MOVIE */
.movie_h2 {margin-bottom: 60px;}
.movie_list {display: flex; justify-content: space-between;}
.movie_list ul li a,
.movie_list ul li img {display: block;}
.movie_list ul li a {position: relative;}
.movie_list ul li a:before{content: ""; position: absolute; bottom: -100%; left: 0; width: 100%; height: 100%; background-color: #1e2971; opacity: 0.6; -webkit-transition:	all 0.6s ease; transition:		all 0.6s ease; mix-blend-mode: hard-light; z-index: 10;}
.movie_list ul li a:hover:before {bottom: 0;}
.movie_list ul li a:after {content: "PLAY"; position: absolute; top: 50%; left: 50%; color: #fff; font-family: 'Hind', sans-serif; font-size: 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;}
.movie_list ul li a:hover:after {opacity: 1;}
.movie_list ul li a:hover {opacity: 1;}
.movie_ttl {position: absolute; bottom: 20px; left: 20px; color: #fff; font-size: 1.4rem; font-feature-settings: "palt";}
.movie_large {width: 66%;}
.movie_small {width: 32%;}
.movie_small li + li {margin-top: 5%;}

/* SCHEDULE */
.schedule_col {display: flex; justify-content: space-between; margin-bottom: 150px;}
.schedule_ttl {width: 37%;}
.schedule_h2 {margin-bottom: 80px;}
.schedule_btn_more {display: inline-block; padding-left: 50px;}
.schedule_list {width: 63%;}
.schedule_list ul {padding-right: 50px;}
.schedule_list li + li {margin-top: 50px;}
.schedule_list li .date {margin-bottom: 30px; font-size: 2rem; font-weight: bold; line-height: 1; letter-spacing: 0;}
.schedule_list li .date span {font-size: 1.1rem; writing-mode: vertical-rl; vertical-align: middle; text-transform: uppercase;}
.schedule_list li .date:before {display: inline-block; width: 150px; height: 28px; margin-right: 20px; color: #fff; font-family: 'Hind', sans-serif; font-size: 1.4rem; font-weight: bold; line-height: 28px; text-align: center; vertical-align: middle;}
.schedule_list li:nth-of-type(odd) .date:before {background-color: #1e2971;}
.schedule_list li:nth-of-type(even) .date:before {background-color: #d51542;}
.schedule_list li.all .date:before{content: "ALL";}
.schedule_list li.event .date:before{content: "EVENT";}
.schedule_list li.instore .date:before{content: "INSTORE";}
.schedule_list li.live .date:before{content: "LIVE";}
.schedule_list li.media .date:before{content: "MEDIA";}
.schedule_list li.stage .date:before{content: "STAGE";}
.schedule_list li.tour .date:before{content: "TOUR";}
.schedule_list li.radio .date:before{content: "RADIO";}
.schedule_list li.tv .date:before{content: "TV";}
.schedule_list li.magazine .date:before{content: "MAGAZINE";}
.schedule_list li.release .date:before{content: "RELEASE";}
.schedule_list li.web .date:before{content: "WEB";}
.schedule_list li .ttl {line-height: 2;}
.schedule_link {padding: 0 50px;}
.schedule_link ul {position: relative; display: flex; justify-content: space-between; flex-wrap: wrap;}
.schedule_link ul li {width: 32%;}
.schedule_link ul li:nth-child(n+4) { margin-top:30px; }
.schedule_link ul li.large {width: 100%; margin-top: 30px;}
.schedule_link ul li.bnr a {display: block; margin: 0 auto;}
.schedule_link ul li.btn a {display: flex; align-items: center; font-weight: bold;}
.schedule_link ul li.btn-bk a {height: 100%; min-height:120px; padding: 0 30px; color: #fff; background: url(/img/common/arrow_wt.png) right 30px center / auto auto no-repeat #000;}
.schedule_link ul li.btn-wt a {justify-content: center; padding: 20px 0; border: 3px solid #000; font-size: 2.4rem; letter-spacing: 0.1em; background-color: #fff;}
.schedule_link ul li.btn-wt a:before {content: ""; display: inline-block; width: 7%; padding: 3.4% 0; margin-right: 30px; background: url(/img/common/icon_onlineShop.png) left top / 100% auto no-repeat;}

/* 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_slider_txt {left: 0; 	bottom: 5px; 	width: 100%;} 
	.news_bnr img {width: 90%;} 
	.news_slider_txt p.date {font-size: 2.2rem;} 
	.news_slider_txt p.detail {font-size: 1.4rem;} 	
	.news_slider .slick-dots {margin-top: 30px;}

	.movie_h2 {margin-bottom: 30px;} 
	.movie_list {display: block;} 
	.movie_large, .movie_small {width: 100%; padding: 0 10%; box-sizing: border-box;} 
	.movie_small li, .movie_small li + li {margin-top: 30px;} 
	.movie_list ul li a:before, 
	.movie_list ul li a:after {content: none;} 	
	.movie_list ul li img {margin: 0 auto;}

	.schedule_col {display: block; 	margin-bottom: 60px;} 
	.schedule_ttl {width: 100%;} 
	.schedule_h2 {margin-bottom: 30px;} 
	.schedule_btn_more {position: absolute; padding-left: 0; 	right: 5%; 	top: 50px;} 
	.schedule_list {width: 100%;} 
	.schedule_list ul {padding-right: 0;} 
	.schedule_list li + li {margin-top: 30px;} 
	.schedule_list li .date {font-size: 1.6rem;	margin-bottom: 0;} 
	.schedule_list li .date:before {width: 100px; height: auto; margin-right: 1em; line-height: initial; font-size: 1.6rem;}
	.schedule_list li:nth-of-type(odd) .date:before {color: #1e2971; background: transparent;}
	.schedule_list li:nth-of-type(even) .date:before {color: #d51542; background: transparent;}
	.schedule_list li .ttl {font-size: 1.4rem;} 
	.schedule_link {padding: 0;} 
	.schedule_link ul {display: block;} 
	.schedule_link ul li {width: 100%;} 
	.schedule_link ul li + li, .schedule_link ul li:nth-child(n+4){margin-top: 20px;}
	.schedule_link ul li img {display: block; 	margin: 0 auto;} 
	.schedule_link ul li.btn-bk a {padding: 12% 10px; min-height:0;	background-position: right 10px center;} 
	.schedule_link ul li.btn-wt a {padding: 18% 0 20px; 	font-size: 2.2rem;} 
	.schedule_link ul li.btn-wt a:before {position: absolute; 	top: 10px; 	width: 15%; 	padding: 7.5% 0; 	margin-right: 0;}
}