@charset "utf-8";
/*-----------------------------------------------
 * FIRSTVIEW
-------------------------------------------------*/
.firstview{
	width: 100%;
	min-height: 100vh;
	position: relative;
}
.fv_logo{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: calc(400 / var(--vw-min) * 100vw);/* 400 */
	max-width: calc(400 / var(--vh-min) * 100vh);
	margin-top: min(calc(40 / var(--vw-min) * 100vw), calc(40 / var(--vh-min) * 100vh));
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
    transition: top .8s cubic-bezier(0.25, 1, 0.5, 1);
}
.fv_logo-img{
	display: block;
	width: 100%;
	padding-top: min(calc(166 / var(--vw-min) * 100vw), calc(166 / var(--vh-min) * 100vh));
	position: relative;
}
.fv_logo img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: top;
}

@media screen and (min-width:769px){
	.fv_logo.has-bottom {
		top: 56%;
	}
}

.visualArea{
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	min-height: 100vh;
}
.visualAreaIn{
	width: 100%;
}
.visualImage{
	width: 100%;
	width: 91.6667%;/* 1100 */
	max-width: calc(1100 / var(--vh-min) * 100vh);
	margin: auto;
	padding-top: 33.6364%;
	position: relative;
}
.visualImage img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media screen and (min-width:769px){
	.visualImage.is-kv3 {
		padding-top: 50%;
	}
	.visualImage.is-kv3 img {
		width: 110%;
		top: -5%;
		left: -5%;
		right: 0;
		bottom: 0;
		margin: auto;
	}

	.kvLists {
		align-items: center;
	}

}


.fv_placeTxt{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: calc(840 / var(--vw-min) * 100vw);
	max-width: calc(840 / var(--vh-min) * 100vh);
	margin-bottom: min(calc(32 / var(--vw-min) * 100vw), calc(32 / var(--vh-min) * 100vh));
	margin-left: auto;
	margin-right: auto;
}
.fv_placeTxt-img{
	display: block;
	width: 100%;
	padding-top: 2.6191%;/* 22 */
	position: relative;
}
.fv_placeTxt img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* band name */
.fv_bandnameBlock{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 6.6667%;/* 80 */
	max-width: calc(80 / var(--vh-min) * 100vh);
	display: flex;
	align-items: center;
	justify-content: center;
}
.fv_bandname_txt{
	display: inline-block;
	width: 15%;/* 12 */
}
.fv_bandname_txt img{
	width: 100%;
}



.p-fv_toScroll{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 6.6667%;/* 80 */
	max-width: calc(80 / var(--vh-min) * 100vh);
	display: flex;
	align-items: center;
	justify-content: center;
}
.p-fv_toScroll__link{
	display: inline-block;
	width: 15%;
}
.p-fv_toScroll--txt{
	display: inline-block;
	width: 100%;/* 12 */
	padding-bottom: 333.3334%;/* 40 */
	position: relative;
}
.p-fv_toScroll--txt img{
	width: 100%;
}
.p-fv_toScroll--txt:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 66.6667%;/* 8 */
	padding-top: 325%;/* 26 */
	margin: 0 auto;
	-webkit-mask: url(../img/common/arrow_b.svg) no-repeat center bottom / contain;
	mask: url(../img/common/arrow_b.svg) no-repeat center bottom / contain;
	background-color: #fff;
}

.p-fv_officalx{
	position: absolute;
	top: 0;
	right: 0;
	margin-top: min(calc(30 / var(--vw-min) * 100vw), calc(30 / var(--vh-min) * 100vh));
	margin-right: min(calc(32 / var(--vw-min) * 100vw), calc(32 / var(--vh-min) * 100vh));
	width: 7%;/* 84 */
}
.p-fv_officialx__link{
	display: block;
	line-height: 0;
	text-decoration: none;
	position: relative;
	width: 100%;
	padding-top: 23.8096%;/* 20 */
	-webkit-mask: url(../img/top/txt_fv_officialx.svg) no-repeat center / contain;
	mask: url(../img/top/txt_fv_officialx.svg) no-repeat center / contain;
	background-color: #fff;
}

@media screen and (hover:hover) and (pointer: fine){
/* toScroll */
	.p-fv_toScroll--txt img,
	.p-fv_toScroll--txt:after{
		transition: .3s ease;
	}
	.p-fv_toScroll__link:hover .p-fv_toScroll--txt img{
		opacity: 70%;
	}
	.p-fv_toScroll__link:hover .p-fv_toScroll--txt:after{
		transform: translateY(25%);
	}

/* officalX */
	.p-fv_officialx__link{
		transition: .3s ease;
	}
	.p-fv_officialx__link:hover{
		background-color: var(--color-subyellow);
	}
}

@media screen and (max-width:768px){
	.firstview{
		min-height: unset;
		padding-top: calc(48 / var(--vw-min)* 100vw);
	}
	.fv_logo{
		width: calc(462 / var(--vw-min) * 100vw);
		max-width: 100%;
		position: relative;
		margin-top:0;
	}
	.fv_logo-img{
		padding-top: calc(196 / var(--vw-min) * 100vw);
	}
	.visualArea{
		width: 100%;
		max-width: 100%;
		position: relative;
		margin-top: calc(26 / var(--vw-min) * 100vw);
		min-height: unset;
	}
	.kvLists__item{
		display: flex;
		flex-direction: column;
	}
	.visualImage{
		padding-top: unset;
	}
	.visualImage img{
		width: 100%;
		height: auto;
		position: relative;
	}

	.fv_placeTxt{
		position: relative;
		width: calc(634 / var(--vw-min) * 100vw);
		max-width: 100%;
		margin-bottom: 0;
	}
	.fv_placeTxt-img{
		padding-top: unset;
	}
	.fv_placeTxt img{
		height: auto;
	}
	.fv_bandnameBlock{
		display: block;
		position: relative;
		margin: calc(32 / var(--vw-min) * 100vw) auto calc(48 / var(--vw-min) * 100vw);
		line-height: 0;
		order: 2;
	}
	.fv_bandnameBlock.fv_kessokuband{
		width: calc(148 / var(--vw-min) * 100vw);
		max-width: 100%;
	}
	.fv_bandnameBlock.fv_sickhack{
		width: calc(100 / var(--vw-min) * 100vw);
		max-width: 100%;
	}
    .fv_bandnameBlock.fv_seika_pa-san{
		width: calc(160 / var(--vw-min) * 100vw);
		max-width: 100%;
	}
	.fv_bandname_txt{
		width: 100%;
	}

	.p-fv_toScroll,
	.p-fv_officalx{
		display: none;
	}
}



/*-----------------------------------------------
 * MOVIE
-------------------------------------------------*/
.movieContent {
	width: 100%;
	position: relative;
	padding-top: clamp(40px, calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
	padding-bottom: clamp(80px, calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
}
@media screen and (min-width:769px){
	.movieContent{
		padding-top: clamp(80px, calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
		padding-bottom: clamp(80px, calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	}
}
.movieContentIn{
	position: relative;
	width: 100%;
}

.movie_h2{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 16.6667%;/* 200 */
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.movie_h2:before{
	content: unset;
}
.movie_h2Txt{
	display: inline-block;
	margin-top: -26px;
	overflow: hidden;
}
#movie .cont_h2--txt{
	padding-right: 10px;
}
#movie .cont_h2--txt:first-letter{
	color: var(--color-pink);
}


.movieContentIn__cont{
	position: relative;
	width: 66.6667%;/* 800 */
	margin: 0 auto;
}
.movieAreaWrap{
	position: relative;
	width: 100%;/* 800 */
	padding-top: 42.5%;/* 340 */
}
.movieArea{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.btn_moviePlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.btn_moviePlay:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: 20%;
}
.movieIcon{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: calc(96 / var(--vw-min) * 100vw);
	height: calc(96 / var(--vw-min) * 100vw);
	margin: auto;
}
.movieIcon:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/common/txt_movieplay.svg) no-repeat center / contain;
	animation: 18s rotate linear infinite;
}
.movieIcon:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 31.25%;
	height: 31.25%;
	margin: auto;
	background: url(../img/common/icon_pick.svg) no-repeat center / contain;
}
.bg_movie{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
}
.bg_ytplayer{
	width: 100%;
	height: 200%;
	position: absolute;
	top: -50%;
	left: 0;
	transition: .3s ease;
}
body.--yt-apmov-stop .bg_ytplayer{
	opacity: 0;
	transition-delay: 0s;
}
.bg_movie:not(.-playing) .bg_ytplayer{
	opacity: 0;
}


.movieLine{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	margin: auto;
	z-index: -1;
}
.movieLine span{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

@media screen and (hover:hover) and (pointer: fine){
	.btn_moviePlay:before,
	.movieIcon:after{
		transition: .45s ease;
	}
	.btn_moviePlay:hover::before{
		opacity: 5%;
	}
	.btn_moviePlay:hover .movieIcon:before{
		animation-play-state: paused;
	}
	.btn_moviePlay:hover .movieIcon:after{
		transform: rotateX(180deg) scale(105%) translateX(10%);
	}
}


@media screen and (max-width:768px){
	.movieContent{
		padding-top: calc(96 / var(--vw-min) * 100vw);
		padding-bottom: calc(96 / var(--vw-min) * 100vw);
	}
	.movie_h2{
		width: calc(192 / var(--vw-min) * 100vw);
		z-index: 2;
	}
	.movie_h2Txt{
		margin-top: calc(-40 / var(--vw-min) * 100vw);
	}
	#movie .cont_h2--txt{
		padding-right: 0;
	}
	

	.movieContentIn__cont{
		width: 74.4%;/* 558 */
	}
	.movieAreaWrap{
		padding-top: calc(240 / var(--vw-min) * 100vw);
	}
	.movieIcon{
		width: calc(144 / var(--vw-min) * 100vw);
		height: calc(144 / var(--vw-min) * 100vw);
	}
	.movieLine{
		height: var(--sp-size-2);
	}
}

.swiper-pagination-bullets.swiper-pagination-horizontal.movie__pagingLists,
.movie__pagingLists{
	position: absolute;
	bottom: -32px;
	width: 100%;
	display: flex;
	justify-content: center;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.movie__pagingList,
.movie__pagingList{
	width: 12px;
	height: 12px;
	margin: 0 6px;
	background: unset;
	opacity: 1;
}
.btn_Changemovie{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
}
.btn_Changemovie:before,
.btn_Changemovie:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	border: 2px solid #888;
}
.btn_Changemovie:after{
	border-color: var(--color-subyellow);
	opacity: 0;
	transition: opacity .3s ease;
}
@media screen and (hover:hover) and (pointer: fine){
	.btn_Changemovie:hover::after{
		opacity: 40%;
	}
}
.swiper-pagination-bullet-active .btn_Changemovie:after{
	opacity: 100%;
}

@media screen and (max-width:768px){
	.swiper-pagination-bullets.swiper-pagination-horizontal.movie__pagingLists,
	.movie__pagingLists{
		bottom: calc(-50 / var(--vw-min) * 100vw);
	}
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.movie__pagingList,
	.movie__pagingList{
		width: var(--sp-size-20);
		height: var(--sp-size-20);
		margin: 0 var(--sp-size-8);
	}
	.btn_Changemovie:before,
	.btn_Changemovie:after{
		border-width: var(--sp-size-4);
	}
}



/*-----------------------------------------------
 * NEWS
-------------------------------------------------*/
.newsContentIn{
	width: 100%;
	display: flex;
	align-items: center;
}
@media screen and (max-width:768px){
	.newsContent{
		padding-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	.newsContentIn{
		flex-direction: column;
	}
}


.newsArea{
	width: 66.6667%;/* 800 */
	/* max-width: calc(800px + (100vw - 1200px - (100vw - 1200px) / 2)); */
	max-width: calc(clamp(800px, 66.6667vw, 1280px) + (100vw - clamp(1200px, 100vw, 1920px) - (100vw - clamp(1200px, 100vw, 1920px)) / 2));
	background-color: #fff;
	background:#FFF url(../img/top/bg_news.png) no-repeat center / cover;
	color: #000;
	padding: 80px 0 40px;
	position: relative;
}
@supports (background-image: url(../img/top/bg_news.webp)){
	.newsArea{
		background-image:url(../img/top/bg_news.webp);
	}
}
.newsArea:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../img/common/ptn_dot.png);
	background-repeat: repeat;
	background-size: 5px 5px;
	opacity: 4%;
}
.newsAreaCont{
	display: block;
	max-width: calc(800px + (100vw - 1200px - (100vw - 1200px) / 2));
	padding-left: calc(100vw - 1200px - (100vw - 1200px) / 2);


	max-width: calc(clamp(800px, 66.6667vw, 1280px) + (100vw - clamp(1200px, 100vw, 1920px) - (100vw - clamp(1200px, 100vw, 1920px)) / 2));
	padding-left: calc(100vw - clamp(1200px, 100vw, 1920px) - (100vw - clamp(1200px, 100vw, 1920px)) / 2);
	position: relative;
	z-index: 2;
}
.newsAreaContIn{
	display: block;
	width: 100%;
	padding: 0 10%;/* 0 80 */
}

.newsArea .cont_h2{
	color: #000;
}
.newsArea .cont_h2--txt:first-letter{
	color: var(--color-yellow);
}
.newsArea .cont_h2--line{
	background-color: #000;
}


.newsAreaContent{
	width: 100%;
	padding-top: 36px;
}

@media screen and (max-width:768px){
	.newsArea{
		width: 100%;
		max-width: 100%;
		padding: calc(96 / var(--vw-min) * 100vw) 0 calc(48 / var(--vw-min) * 100vw);
	}
	.newsAreaCont{
		width: 100%;
		max-width: 100%;
		padding-left: 0;
	}
	.newsAreaContIn{
		padding: 0 6.4%;/* 0 48 */
	}
	.newsAreaContent{
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
}


/**
* newsLists
**/
.newsList{
	width: 100%;
	background-image: linear-gradient(180deg, rgba(0,0,0,10%) 0px, rgba(0,0,0,10%) 1px, transparent 1px);
	background-repeat: repeat;
	background-size: 16px 16px;
}
.newsList:not(:last-child){
	margin-bottom: 30px;
}
.newsList__link{
	display: block;
	position: relative;
	text-decoration: none;
	color: #000;
	line-height: 1;
	padding-right: 40px;
}
.newsList__link:after{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 25px;
	height: 8px;
	-webkit-mask: url(../img/common/arrow_r.svg) no-repeat right bottom / contain;
	mask: url(../img/common/arrow_r.svg) no-repeat right bottom / contain;
	background-color: #000;
	margin-bottom: 8px;
}
.newsList__time{
	font-family: var(--font-en);
	color: #aaa;
	display: inline-block;
	padding-left: 16px;
}
.newsList__title{
	line-height: 2;
	padding-top: 8px;
	position: relative;
	padding-left: 16px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	min-height: 72px;
}
.newsList__title:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 8px;
	left: 0;
	width: 2px;
	background-color: #000;
}

@media screen and (hover:hover) and (pointer: fine){
	.newsList__title > span{
		background: linear-gradient(rgba(0, 0, 0, 60%), rgba(0, 0, 0, 60%)) right bottom / 0 2px no-repeat;
		transition: background-size 0.8s;
	}
	.newsList__link:after{
		transition: .4s ease;
	}
	.newsList__link:hover .newsList__title > span {
		background-size: 100% 10%;
		background-position: left bottom;
	}
	.newsList__link:hover::after{
		transform: translateX(25%);
	}
}

@media screen and (max-width:768px){
	.newsList{
		background-size: var(--sp-size-24) var(--sp-size-24);
	}
	.newsList:not(:last-child){
		margin-bottom: calc(32 / var(--vw-min) * 100vw);
	}
	.newsList__link{
		padding-left: var(--sp-size-24);
		padding-right: var(--sp-size-64);
	}
	.newsList__link:before{
		content: '';
		position: absolute;
		top: var(--sp-size-24);
		bottom: var(--sp-size-12);
		left: 0;
		width: var(--sp-size-4);
		background-color: #000;
	}
	.newsList__link:after{
		width: calc(50 / var(--vw-min) * 100vw);
		height: calc(16 / var(--vw-min) * 100vw);
		margin-bottom: calc(12 / var(--vw-min) * 100vw);
	}
	.newsList__time{
		padding-left: 0;
	}
	.newsList__title{
		padding-left: 0;
		padding-top: var(--sp-size-12);
		min-height: calc(108 / var(--vw-min) * 100vw);
	}
	.newsList__title:before{
		content: unset;
	}
}


/**
* newsAreaContentIn
**/
.newsAreaContentIn .newsAreaContIn{
	padding-left: 5%;/* 40 */
}
.newsArea__bgTxt{
	width: min(calc(368 / var(--vw-min) * 100vw), 368px);
	margin-top: 12px;
}
.newsArea__bgTxt img{
	width: 100%;
}
@media screen and (max-width:768px){
	.newsAreaContentIn .newsAreaContIn{
		padding-left: 6.4%;
	}
	.newsArea__bgTxt{
		width: calc(292 / var(--vw-min) * 100vw);
		margin-top: calc(-4 / var(--vw-min) * 100vw);
	}
}


/**
* news__ImageArea
**/
.news__ImageArea{
	width: 33.3333%;/* 400 */
	position: relative;
}
.newsImageSwiper{
	width: 70%;/* 280 */
	max-width: calc(280px * var(--max-percent));
	margin: 0 auto;
}
.newsImage__image{
	width: 100%;
}
.newsImage__image img{
	width: 100%;
}
.newsImage__name{
	margin-top: 10px;
	font-family: var(--font-en);
	text-align: center;
	line-height: 1;
}

.swiper-pagination-bullets.swiper-pagination-horizontal.newsImage__pagingLists,
.newsImage__pagingLists{
	margin-top: 32px;
	width: 100%;
	display: flex;
	justify-content: center;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.newsImage__pagingList,
.newsImage__pagingList{
	width: 12px;
	height: 12px;
	margin: 0 6px;
	background: unset;
	opacity: 1;
}
.btn_ChangenewsImage{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
}
.btn_ChangenewsImage:before,
.btn_ChangenewsImage:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	border: 2px solid #888;
}
.btn_ChangenewsImage:after{
	opacity: 0;
	transition: opacity .3s ease;
}
@media screen and (hover:hover) and (pointer: fine){
	.btn_ChangenewsImage:hover::after{
		opacity: 40%;
	}
}
.swiper-pagination-bullet-active .btn_ChangenewsImage:after{
	opacity: 100%;
}



@media screen and (max-width:768px){
	.news__ImageArea{
		width: 100%;
		padding-top: calc(64 / var(--vw-min) * 100vw);
	}
	.newsImageSwiper{
		width: 100%;
		max-width: 100%;
	}
	.newsImageList{
		display: flex;
		align-items: center;
		width: 100%;
		padding-left: 3.2%;
		padding-right: 6.4%;
	}
	.newsImage__image{
		width: calc(364 / var(--vw-min) * 100vw);
		flex-shrink: 0;
	}
	.newsImage__name{
		width: calc(314 / var(--vw-min) * 100vw);
		margin-top: 0;
	}
	.swiper-pagination-bullets.swiper-pagination-horizontal.newsImage__pagingLists,
	.newsImage__pagingLists{
		position: absolute;
		bottom: 0;
		left: unset;
		right: calc(48 / var(--vw-min) * 100vw);
		margin-top: 0;
		width: calc(314 / var(--vw-min) * 100vw);
		z-index: 2;
		margin-bottom: calc(16 / var(--vw-min) * 100vw);
	}
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.newsImage__pagingList,
	.newsImage__pagingList{
		width: var(--sp-size-20);
		height: var(--sp-size-20);
		margin: 0 var(--sp-size-8);
	}
	.btn_ChangenewsImage:before,
	.btn_ChangenewsImage:after{
		border-width: var(--sp-size-4);
	}
}


.newsImage__pagingList:nth-of-type(1) .btn_ChangenewsImage:after{
	border-color: var(--color-pink);
}
.newsImage__pagingList:nth-of-type(2) .btn_ChangenewsImage:after{
	border-color: var(--color-yellow);
}
.newsImage__pagingList:nth-of-type(3) .btn_ChangenewsImage:after{
	border-color: var(--color-blue);
}
.newsImage__pagingList:nth-of-type(4) .btn_ChangenewsImage:after{
	border-color: var(--color-red);
}
.newsImage__pagingList:nth-of-type(5) .btn_ChangenewsImage:after{
	border-color: var(--color-white);
}
.newsImage__pagingList:nth-of-type(6) .btn_ChangenewsImage:after{
	border-color: var(--color-navy);
}
.newsImage__pagingList:nth-of-type(7) .btn_ChangenewsImage:after{
	border-color: var(--color-purple2);
}





/*-----------------------------------------------
 * tMain
-------------------------------------------------*/
/**
* tMainIn
**/
.tMainIn{
	width: 100%;
	position: relative;
	padding-top: 80px;
	padding-bottom: 80px;
}
.tMain__movieArea{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.tMain__movieAreaIn{
	position: sticky;
	left: 0;
	top: 0;
	height: min(100vh, 100%);
}
.tMain__movieAreaCont{
	width: 100%;
	height: min(100vh, 100%);
	align-items: center;
	position: relative;
	overflow: hidden;
}
.tMain__movieAreaCont:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../img/common/ptn_dot.png);
	background-repeat: repeat;
	background-size: 5px 5px;
}
.tMain__movieAreaContIn{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 10%;
	background-size: cover;
	background-repeat: no-repeat;
}
.tMain__movieAreaContIn:not(.-playing) #js-tMainMovie{
	opacity: 0;
}
#js-tMainMovie{
	width: 100%;
	height: 100%;
	transition: opacity .3s ease;
}
.tMainContent{
	width: 100%;
	position: relative;
	padding-top: 80px;
	padding-bottom: 80px;
}

.tMainIn .cont_h2--txt{
	display: block;
	width: min(100%, 1920px);
	margin: 0 auto;
	padding: 0 min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
}

.tMainContentIn{
	width: 100%;
	padding-top: 72px;
}

@media screen and (max-width:768px){
	.tMainIn{
		padding-top: 0;
		padding-bottom: calc(192 / var(--vw-min) * 100vw);
	}
	.tMainContent{
		padding-top: calc(48 / var(--vw-min) * 100vw);
		padding-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	.tMainIn .cont_h2--txt{
		width: 100%;
		padding: 0 6.4%;
	}
	.tMainContentIn{
		padding-top: calc(24 / var(--vw-min) * 100vw);
	}
}


/**
* CONT_h3
**/
.cont_h3{
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
}
.cont_h3.-en{
	font-family: var(--font-en);
	font-size: 28px;
}
.cont_h3.-line{
	border-bottom: 1px solid #FFF;
}
@media screen and (max-width:768px){
	.cont_h3{
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
	.cont_h3.-en{
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
}


/*-----------------------------------------------
 * CAST STAFF
-------------------------------------------------*/
.caststaff_h4{
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	padding-top: 32px;
	margin-bottom: 20px;
}
.caststaff_h4.-npt{
	padding-top: 0;
}
#caststaff .cont_h2--txt:first-letter,
#caststaff .cont_h2--txt > span{
	color: var(--color-blue);
}

.staffcastContent{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.staffcastContentIn{
	width: 100%;
	max-width: calc(1200px * var(--max-percent));
	padding: 0 min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	display: flex;
	margin: 0 auto;
}
.caststaff_h3{
	width: 23.077%;/* 240 */
	flex-shrink: 0;
	padding-top: 32px;
	padding-left: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
}
.staffcastContentInCont{
	width: 76.9231%;/* 800 */
}
.caststaffLists{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.caststaffLists.is-other {
	margin-top: min(calc(100 / var(--vw-min) * 100vw), 100px);
}
.caststaffList{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}
#cast .caststaffList:nth-child(n+3),
.caststaffList.-mt{
	margin-top: 30px;
}
.caststaffList.-line:before{
	content: '';
	position: absolute;
	top: 0;
	left: -50vw;
	right: -50vw;
	bottom: 0;
	background-image: linear-gradient(180deg, rgba(255,255,255,10%) 0px, rgba(255,255,255,10%) 1px, transparent 1px);
	background-repeat: repeat;
	background-size: 16px 16px;
	z-index: -1;
}
.caststaffList.-wrap{
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 17px;
}
.caststaffList.-w100{
	width: 100%;
}
.caststaffList.-l{
	padding-right: 50%;
}
.caststaffList__job{
	color: #aaa;
	line-height: 1;
	padding-right: 1em;
	flex-shrink: 0;
}
.caststaffList__name{
	font-size: 20px;
	line-height: 1;
}
.caststaffList__name small{
	font-size: 60%;
}
.caststaffList__en{
	order: -1;
	font-family: var(--font-en);
	width: 100%;
	text-align: center;
	font-size: 20px;
	line-height: 1;
	padding-top: 14px;
	padding-bottom: 10px;
}
.caststaffList__en[data-color="pink"] > span{
	color: var(--color-pink);
}
.caststaffList__en[data-color="yellow"] > span{
	color: var(--color-yellow);
}
.caststaffList__en[data-color="blue"] > span{
	color: var(--color-blue);
}
.caststaffList__en[data-color="red"] > span{
	color: var(--color-red);
}
.caststaffList__en[data-color="subyellow"] > span{
	color: var(--color-subyellow);
}
.caststaffList__en[data-color="white"] > span{
	color: var(--color-white);
}
.caststaffList__en[data-color="navy"] > span{
	color: #4a6ded;
}
.caststaffList__en[data-color="purple"] > span{
	color: var(--color-purple2);
}
.caststaffList__en[data-color="pasan"] > span{
	color: #89409d;
}

#staff{
	padding-top: 64px;
}
#staff .caststaffList:nth-child(n+2){
	margin-top: 30px;
}

.caststaffList.-staff .caststaffList__job{
	margin-bottom: 0.75em;
	padding-right: 0;
}
.caststaffList.-staff .caststaffList__name{
	line-height: 1.5;
	text-align: center;
}

@media screen and (max-width:768px){
	.caststaff_h4{
		font-size: calc(28 / var(--vw-min) * 100vw);
		padding-top: calc(48 / var(--vw-min) * 100vw);
		margin-bottom: calc(24 / var(--vw-min) * 100vw);
	}
	.caststaff_h4.-s_npt{
		padding-top: 0;
	}
	.staffcastContent{
		padding-top: calc(72 / var(--vw-min) * 100vw);
	}
	.staffcastContentIn{
		max-width: 100%;
		padding: 0 3.2%;/* 0 24 */
		flex-direction: column;
	}
	.caststaff_h3{
		width: 100%;
		text-align: center;
		padding-top: 0;
		padding-left: unset;
		margin-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	.staffcastContentInCont{
		width: 100%;
		padding: 0 calc(24 / var(--vw-min) * 100vw);
	}
	#cast .caststaffList:nth-child(n+3),
	.caststaffList.-mt{
		margin-top: calc(32 / var(--vw-min) * 100vw);
	}
	.caststaffList.-line:before{
		background-size: var(--sp-size-24) var(--sp-size-24);
	}
	.caststaffList.-wrap{
		padding-bottom: calc(24 / var(--vw-min) * 100vw);
	}
	.caststaffList.-s_center{
		padding-left: 0;
		padding-right: 0;
	}
	.caststaffList__name{
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
	.caststaffList__name small{
		font-size: 71.4286%;
	}
	.caststaffList__en{
		font-size: calc(28 / var(--vw-min) * 100vw);
		padding-top: calc(21 / var(--vw-min) * 100vw);
		padding-bottom: calc(20 / var(--vw-min) * 100vw);
	}

	#staff{
		padding-top: calc(72 / var(--vw-min) * 100vw);
	}
	#staff .caststaffList:nth-child(n+2){
		margin-top: calc(32 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * CHARACTER
-------------------------------------------------*/
.characterListsWrap{
	width: 66.6667%;
    max-width: calc(800px * var(--max-percent));
    margin: 0 auto;
	padding-bottom: 20px;
}
.characterListsWrap:not(:first-child){
	padding-top: min(3.3334vw, 64px);
}
#character_other{
	padding-bottom: 0;
}
@media screen and (max-width: 767px){
	.characterListsWrap {
		width: 87.2%;
		padding-top: calc(72 / var(--vw-min) * 100vw);
	}
	.characterListsWrap:not(:first-child){
        padding-top: 9.6%;
	}
}

.characterLists{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: min(3.3334vw, 64px) 5%; /* 40px */
}
.characterList{
	width: 21.25%; /* 170px */
	position: relative;
}
/* #character_other .characterLists {
	width: 73.75%;
	margin: 0 auto;
	gap: min(3.3334vw, 64px) 6.7797%; 
}
#character_other .characterList {
	width: 28.8136%;
} */
/*#bocchies .characterLists{
	gap: min(2.5vw, 48px);
}
#bocchies .characterList{
	width: 16.95%;
}
*/
@media screen and (max-width: 960px){
	
	.characterLists{
		width: 100%;
		gap: min(3.3334vw, 64px) 0%;
	}
	.characterList{
		width: 50%;
	}
	.characterList:nth-of-type(odd){
		padding-right: 2.5%;
	}
	.characterList:nth-of-type(even){
		padding-left: 2.5%;
	}
	/* #character_other .characterLists {
		width: 100%;
		gap: min(3.3334vw, 64px) 0%;
	}
	#character_other .characterList{
		width: 50%;
	}
	#character_other .characterList:nth-of-type(odd){
		padding-right: 2.5%;
	}
	#character_other .characterList:nth-of-type(even){
		padding-left: 2.5%;
	} */
	#bocchies .characterLists:before {
		content:'';
		width:100%;
		display: block;
		order:1;
	}
	#bocchies .characterList:nth-child(n + 2){
		order:10;
	}
	#bocchies .characterList:nth-of-type(odd){
		padding-right:0;
		padding-left: 2.5%;
	}
	#bocchies .characterList:nth-of-type(even){
		padding-left:0;
		padding-right: 2.5%;
	}
	#bocchies .characterList:first-of-type{
		padding-right:0;
		padding-left:0;
	}
/*	#bocchies .characterLists{
		gap: min(3.3334vw, 32px);
	}
	#bocchies .characterList{
		width: 29.95%;
	}
	#bocchies .characterList:nth-of-type(odd),
	#bocchies .characterList:nth-of-type(even){
		padding-left: 0;
		padding-right: 0;
	}*/
}


.btn_characterImage{
	width: 100%;
	border: 2px solid var(--color-gray-light);
	position: relative;
	overflow: hidden;
}
.btn_characterImage img{
	width: 100%;
	transition: .3s ease;
}
.btn_characterImage_icon{
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 19.18466%;
	padding-top: 19.18466%;
	background-color: #ccc;
}
.btn_characterImage_icon:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 50%;
	height: 50%;
	background: url(../img/common/icon_view.svg) no-repeat center / contain;
	transform: scale(1);
	transition: .3s ease;
}
.character_name{
	margin-top: 12px;
	text-align: center;
	line-height: 1;
	font-weight: 500;
}
.character_name dt{
	color: #ccc;
	font-size: 14px;
	margin-bottom: 10px;
}
.character_name dd{
	font-size: 16px;
}

@media screen and (max-width: 767px){
	.characterLists{
		gap: var(--sp-size-48);
	}
	.characterList{
		width: calc(50% - var(--sp-size-24));
	}
	.characterList:nth-of-type(odd) {
		padding-right: unset;
	}
	.characterList:nth-of-type(even){
		padding-left: unset;
	}
	/* #character_other .characterLists {
		gap: var(--sp-size-48);
	}
	#character_other .characterList{
		width: calc(50% - var(--sp-size-24));
	}
	#character_other .characterList:nth-of-type(odd) {
		padding-right: unset;
	}
	#character_other .characterList:nth-of-type(even){
		padding-left: unset;
	} */
	.character_name{
		margin-top: var(--sp-size-20);
	}
	.character_name dt{
		font-size: var(--sp-size-20);
		margin-bottom: var(--sp-size-16);
	}
	.character_name dd{
		font-size: var(--sp-size-28);
	}
	#bocchies .characterList:nth-of-type(odd){
		padding-right:0;
		padding-left: 0;
	}
	#bocchies .characterList:nth-of-type(even){
		padding-left:0;
		padding-right: 0;
	}
/*	#bocchies .characterLists{
		gap: var(--sp-size-30);
	}
	#bocchies .characterList{
		width: 30.2752%;
	}*/
}


/* hover */
.btn_characterImage:hover img{
	transform: scale(1.05) rotate(2deg);
}
.btn_characterImage:hover .btn_characterImage_icon:before{
	transform: scale(1.25);
}

/* ani */
.characterListsWrap.--is-ani .btn_characterImage,
.characterListsWrap.--is-ani .character_name{
	opacity: 1;
}
.characterListsWrap.--is-ani .btn_characterImage{
	transform: translateY(0px);
}



/* color */
.characterList.--hitori .btn_characterImage{
	border-color: var(--color-pink);
}
.characterList.--hitori .btn_characterImage_icon{
	background-color: var(--color-pink);
}
.characterList.--hitori .character_name dt{
	color: var(--color-pink);
}

.characterList.--nijika .btn_characterImage{
	border-color: var(--color-yellow);
}
.characterList.--nijika .btn_characterImage_icon{
	background-color: var(--color-yellow);
}
.characterList.--nijika .character_name dt{
	color: var(--color-yellow);
}

.characterList.--ryo .btn_characterImage{
	border-color: var(--color-blue);
}
.characterList.--ryo .btn_characterImage_icon{
	background-color: var(--color-blue);
}
.characterList.--ryo .character_name dt{
	color: var(--color-blue);
}

.characterList.--ikuyo .btn_characterImage{
	border-color: var(--color-red);
}
.characterList.--ikuyo .btn_characterImage_icon{
	background-color: var(--color-red);
}
.characterList.--ikuyo .character_name dt{
	color: var(--color-red);
}

.characterList.--seika .btn_characterImage{
	border-color: var(--color-orange);
}
.characterList.--seika .btn_characterImage_icon{
	background-color: var(--color-orange);
}
.characterList.--seika .character_name dt{
	color: var(--color-orange);
}

.characterList.--pa .btn_characterImage{
	border-color: var(--color-purple);
}
.characterList.--pa .btn_characterImage_icon{
	background-color: var(--color-purple);
}
.characterList.--pa .character_name dt{
	color: var(--color-purple);
}

.characterList.--kikuri .btn_characterImage{
	border-color: var(--color-gray);
}
.characterList.--kikuri .btn_characterImage_icon{
	background-color: var(--color-gray);
}
.characterList.--kikuri .character_name dt{
	color: var(--color-gray);
}

.characterList.--shima .btn_characterImage{
	border-color: var(--color-darkred);
}
.characterList.--shima .btn_characterImage_icon{
	background-color: var(--color-darkred);
}
.characterList.--shima .character_name dt{
	color: var(--color-darkred);
}

.characterList.--ginjiro .btn_characterImage,
.charaSwiperList.--ginjiro .btn_characterImage{
	border-color: var(--color-darkblue);
}
.characterList.--ginjiro .btn_characterImage_icon,
.charaSwiperList.--ginjiro .btn_characterImage_icon{
	background-color: var(--color-darkblue);
}
.characterList.--ginjiro .character_name dt,
.charaSwiperList.--ginjiro .character_name dt{
	color: var(--color-darkblue);
}

.characterList.--eliza .btn_characterImage,
.charaSwiperList.--eliza .btn_characterImage{
	border-color: var(--color-skyblue);
}
.characterList.--eliza .btn_characterImage_icon,
.charaSwiperList.--eliza .btn_characterImage_icon{
	background-color: var(--color-skyblue);
}
.characterList.--eliza .character_name dt,
.charaSwiperList.--eliza .character_name dt{
	color: var(--color-skyblue);
}


.characterList.--futari .btn_characterImage{
	border-color: var(--color-pink2);
}
.characterList.--futari .btn_characterImage_icon{
	background-color: var(--color-pink2);
}
.characterList.--futari .character_name dt{
	color: var(--color-pink2);
}

/* modalImage */
@media screen and (min-width: 767px){
	.charamodalImageWrap{
		width: min(66.6667vw, 1280px); /*800px */
		min-height: 640px;
		height: 80vh;
		position: relative;
		padding: 24px;
		margin: 0 auto;
	}
	.charamodalImage{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.charamodalImage img{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
}
@media screen and (max-width: 767px){
	.charamodalImageWrap{
		width: 87.2%;
		margin: 0 auto;
		text-align: center;
	}
	.charamodalImageWrap img{
		max-width: 100%;
	}
}



/* Selector */
.swiper-pagination-bullets.swiper-pagination-horizontal.charaSwiperSelectorWrap,
.charaSwiperSelectorWrap{
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 52px;
	display: flex;
	justify-content: center;
	gap: 8px;
	z-index: 2;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.charaSwiperSelector{
	width: 10px;
	height: 16px;
	position: relative;
	margin: 0;
	background: unset;
	opacity: 1;
	border-radius: unset;
}
.charaSwiperSelector:before,
.charaSwiperSelector:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: .3s ease;
}

.charaSwiperSelector:before{
	background-image: url(../img/top/ticketschedule/schedule_timeSchedule__icon1.svg);
}
.charaSwiperSelector:after{
	opacity: 0;
	background-image: url(../img/top/ticketschedule/schedule_timeSchedule__icon2.svg);
}

/* hover */
.charaSwiperSelector:hover::before{
	opacity: 1;
}
.charaSwiperSelector:hover::after{
	opacity: 0.4;
}

/* active */
.swiper-pagination-bullet-active.charaSwiperSelector:before{
	opacity: 0;
}
.swiper-pagination-bullet-active.charaSwiperSelector:after{
	opacity: 1;
}



.charaSwiper .character_name{
	margin-top: 40px;
}

@media screen and (max-width: 767px){
	.swiper-pagination-bullets.swiper-pagination-horizontal.charaSwiperSelectorWrap,
	.charaSwiperSelectorWrap{
		bottom: min(11.2vw, 84px);
	}
	.charaSwiper .character_name{
		margin-top: calc(var(--sp-size-40) + 16px);
	}
}
/*-----------------------------------------------
 * TICKET & SCHEDULE
-------------------------------------------------*/
#ticketschedule .cont_h2--txt:first-letter,
#ticketschedule .cont_h2--txt > span{
	color: var(--color-red);
}
#ticketschedule .tMainContentIn{
	width: 100%;
	padding-top: 80px;
	max-width: calc(1200px * var(--max-percent));
	padding-left: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	padding-right: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	margin: 0 auto;
}
.ticketscheduleContent{
	width: 100%;
	padding: 0 min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	position: relative;
}

.ticketscheduleContentIn{
	width: 100%;
	padding-top: 20px;
}

@media screen and (max-width:768px){
	#ticketschedule .tMainContentIn{
		padding-top: calc(96 / var(--vw-min) * 100vw);
		padding-left: 6.4%;
		padding-right: 6.4%;
	}
	.ticketscheduleContent{
		padding: 0;
	}
	.ticketscheduleContentIn{
		padding-top: 0;
	}
}


/**
* SCHEDULE
**/
.scheduleLists{
	padding-top: 20px;
}
.scheduleList{
	width: 100%;
	display: flex;
	line-height: 2;
}
.scheduleList:not(:first-child){
	margin-top: 40px;
}
.schedule__dt{
	min-width: 150px;
	font-weight: 700;
	flex-shrink: 0;
}
.schedule__dd{
	width: 100%;
}
.schedule__ddCont{
	display: flex;
}
.scheduleList .schedule__dd .schedule__ddCont:not(:first-child){
	margin-top: 24px;
}
.schedule__date{
	min-width: 180px;
	font-weight: 700;
}

.caution{
	font-size: 12px;
	line-height: 2;
}


span.-indent{
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
}
span.line100{
	display: inline-block;
	width: 100%;
	height: 1px;
	margin: 0.5em 0;
	border-bottom: 1px dotted rgba(255,255,255,40%);
}

@media screen and (max-width:768px){
	.scheduleLists{
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
	.scheduleList:not(:first-child){
		margin-top: calc(48 / var(--vw-min) * 100vw);
	}
	.schedule__dt{
		min-width: calc(200 / var(--vw-min) * 100vw);
	}
	.schedule__ddCont{
		flex-direction: column;
	}
	.scheduleList .schedule__dd .schedule__ddCont:not(:first-child){
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
	.schedule__date{
		min-width: unset;
	}
	.caution{
		font-size: var(--sp-size-20);
		line-height: 2;
	}
}



/**
* TICKET
**/
#ticket{
	padding-top: 64px;
}
#ticket .ticketscheduleContentIn{
	padding-top: 0;
}
.ticketList{
	border-bottom: 1px solid rgba(255,255,255,20%);
	padding: 40px 0;
}
.ticket_h4{
	font-weight: 700;
	color: var(--color-subyellow);
}

.ticketInfoLists{
	line-height: 2;
	margin-top: 20px;
}
.ticketInfoList{
	display: flex;
}
.ticketInfoList__dt{
	flex-shrink: 0;
}
.ticketInfoList__dt:before{
	content: '◇';
}
.ticketInfoList__dt:after{
	content: '：';
}
.ticketList__caution{
	margin-top: 20px;
}

.ticketList__txt{
	line-height: 2;
	margin-top: 20px;
}
.ticketList__txt.-ptLine{
	padding-top: 20px;
	border-top: 1px dashed rgba(255,255,255,20%);
}
.ticketList__txt.-fs_m{
	font-size: 87.5%;
}
.ticketCaution{
	margin-top: 24px;
}

@media screen and (max-width:768px){
	#ticket{
		padding-top: calc(72 / var(--vw-min) * 100vw);
	}
	.ticketList{
		padding: calc(48 / var(--vw-min) * 100vw) 0;
	}
	.ticketInfoLists{
		margin-top: calc(24 / var(--vw-min) * 100vw);
	}
	.ticketList__caution{
		margin-top: calc(24 / var(--vw-min) * 100vw);
	}
	.ticketList__txt.-ptLine{
		padding-top: calc(24 / var(--vw-min) * 100vw);
	}
	.ticketList__txt.-fs_m{
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
	.ticketCaution{
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
}


/*-----------------------------------------------
 * tLoading
-------------------------------------------------*/
.tLoading{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20000;
}
.tLoadingBg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #160607;
	opacity: 100%;
}
.tLoading__logo{
	width: calc(400 / var(--vw-min)* 100vw);
	max-width: calc(400 / var(--vh-min)* 100vh);
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: calc(50% - min(calc(83 / var(--vw-min)* 100vw), calc(83 / var(--vh-min)* 100vh)));
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
}
.tLoading__logo--img{
	width: 100%;
	animation: ani_loading_stby_logo 1.4s infinite ease-in-out 1s alternate;
}
.tLoading__logo--img img{
	width: 100%;
	opacity: 0;
	animation: ani_loading_stby_logo_opacity .8s ease .2s forwards;
}

@keyframes ani_loading_stby_logo {
	0% {transform:translate(0, 0) rotate(0deg);}
	42% {transform:translate(0, 0) rotate(0deg);}

	44% {transform:translate(0, 0) rotate(-2deg);}
	46% {transform:translate(0, -1px) rotate(0deg);}
	48% {transform:translate(0, -1px) rotate(2deg);}

	50% {transform:translate(1px, 0) rotate(-1deg);}
	52% {transform:translate(0, 1px) rotate(0deg);}
	54% {transform:translate(0, 0) rotate(2deg);}

	56% {transform:translate(0, 0) rotate(0deg);}
	100% {transform:translate(0, 0) rotate(0deg);}
}

@keyframes ani_loading_stby_logo_opacity {
	0%{opacity: 0; transform: translateY(12.5%);}
	100%{opacity: 1; transform: translateY(0%);}
}
@media screen and (max-width:768px){
	.tLoading__logo{
		width: calc(462 / var(--vw-min) * 100vw);
		max-width: 100%;
		top: calc(50% - (147 / var(--vw-min) * 100vw));
	}
}


.tLoading__place{
	position: absolute;
    bottom: calc(50% - min(calc(11 / var(--vw-min)* 100vw), calc(11 / var(--vh-min)* 100vh)));
	transform: translateY(calc(50% + min(calc(125 / var(--vw-min)* 100vw), calc(125 / var(--vh-min)* 100vh))));
    left: 0px;
    right: 0px;
    width: calc(840 / var(--vw-min)* 100vw);
    max-width: calc(840 / var(--vh-min)* 100vh);
	margin-left: auto;
	margin-right: auto;
	/* transition: bottom .6s ease, transform .6s ease; */
}
.tLoading__placeTxt{
	position: relative;
	width: 100%;
	padding-top: 2.6191%;
}
.tLoading__placeTxt:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-mask: url(../img/top/txt_place.svg) no-repeat center / 100%;
	mask: url(../img/top/txt_place.svg) no-repeat center / 100%;
	background: linear-gradient(#FFF, #FFF) right bottom / 0 100% no-repeat;
	transition: background-size 0.6s ease;
}

@media screen and (max-width:768px){
	.tLoading__place{
		bottom: unset;
		transform: unset;
		top: calc(50% + (98 / var(--vw-min) * 100vw));
		width: calc(634 / var(--vw-min)* 100vw);
		max-width: unset;
	}
	.tLoading__placeTxt{
		padding-top: 13.2493%;
	}
	.tLoading__placeTxt:before{
		-webkit-mask-image: url(../img/top/txt_place-s.svg);
		mask-image: url(../img/top/txt_place-s.svg);
	}
}


/* standby */


/* is-loading */
body.--is-loading .tLoading__placeTxt:before{
	background-size: 100% 100%;
	background-position: left bottom;
}
body.--is-loading .tLoading__logo--img{
	animation: unset;
}

/* not:-hs */
body.--is-loading:not(.-hs) .tLoading__logo{
	top: min(calc(40 / var(--vw-min) * 100vw), calc(40 / var(--vh-min) * 100vh));
	transition: top .6s cubic-bezier(.5,.36,.45,.89) .8s;
}
body.--is-loading:not(.-hs) .tLoading__place{
	bottom: min(calc(32 / var(--vw-min) * 100vw), calc(32 / var(--vh-min) * 100vh));
	transform: translateY(0);
	transition: bottom .6s cubic-bezier(.5,.36,.45,.89) .8s, transform .6s cubic-bezier(.5,.36,.45,.89) .8s;
}
@media screen and (max-width:768px){
	body.--is-loading:not(.-hs) .tLoading__logo{
		top: calc(48 / var(--vw-min) * 100vw);
	}
	body.--is-loading:not(.-hs) .tLoading__place{
		bottom: unset;
		top: calc(1219 / var(--vw-min) * 100vw);
		transition: top .6s cubic-bezier(.5,.36,.45,.89) .8s;
	}
}

/*
* kv change bar
*/
.kv__changebar {
    width: 100%;
    height:2px;
    background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

@media screen and (max-width:768px) {
    .kv__changebar {
        width: 100%;
        height: calc(4 / var(--vw-min) * 100vw);
    }
}

.js-kv__changebar {
    display: block;
    width: 0;
    height: 2px;
    background-color:#FFF;
}

@media screen and (max-width:768px) {
    .js-kv__changebar {
        display: block;
        width: 0;
        height: 100%;
    }
}

.js-kv__changebar.--changed {
    transition: 5s ease;
    width: 100%;
}

@media screen and (max-width:768px) {
    .js-kv__changebar.--changed {
        transition: 5s ease;
        width: 100%;
    }
}

/**/
.visualImage{
	opacity: 0;
	transform: scale(80%);
	transition: transform .6s ease, opacity .6s ease;
}

/**
* LOADING
**/



body.--is-loaded .swiper_start .swiper-slide-next .visualImage{
	opacity: 0;
    transform: scale(80%);
}
body.--is-loaded ._view .visualImage{
	opacity: 1 ;
	transform: scale(100%);
}

.swiper_start .is-active .visualImage{
	opacity: 1;
	transform: scale(100%);
}







/*-----------------------------------------------
 * supported
-------------------------------------------------*/
#supportedby .tMainContentIn{
	padding-top: 0;
}
.sbText{
	display: flex;
	justify-content: center;
}
.sbText__txt{
	font-size: 12px;
	padding: 0.5em 1em;
}
.sbText__img{
	width: 100px;
}
.sbText__img img{
	width: 100%;
}
.sbText__img--link{
	display: inline-block;
	text-decoration: none;
}

/* converse */
.sbText.-converse{
	flex-direction: column;
	align-items: center;
}
.sbText.-converse .sbText__txt{
	padding: 0 0 1.25em;
}
.sbText.-converse .sbText__img{
	display: inline-block;
	width: 120px;
}

@media screen and (max-width:768px){
	.sbText__txt{
		font-size: calc(20 / var(--vw-min) * 100vw);
		padding: 0.5em;
	}
	.sbText__img{
		width: calc(200 / var(--vw-min) * 100vw);
		padding: 0 0.5em;
	}

	.sbText.-converse .sbText__img{
		width: calc(200 / var(--vw-min) * 100vw);
	}
}
.ticketEnd {
    position: relative;
}
.ticketEnd:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(68, 68, 68, 70%);
    z-index: 2;
}
.ticketEnd:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-image: repeating-linear-gradient(-45deg, #000, #000 4px, transparent 0, transparent 9px);
    opacity: 40%;
}
.ticketEnd_txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex
;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    z-index: 3;
}
.ticketEnd_txt span {
    background-color: var(--color-subyellow);
    color: #000;
}
.ticketList::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #FFF;
}
@media screen and (max-width: 767px) {
    .ticketEnd_txt {
        font-size: var(--sp-size-26);
    }
}


/*-----------------------------------------------
 * noticeMODAL
-------------------------------------------------*/
.noticeModal__cont{
	width: 100%;
	max-width: 1200px;
	padding: 80px min(6.6667%, 80px);
	margin: 0 auto;
}

.noticeModal__contIn{
	display: flex;
	flex-wrap: wrap;
}

/**
* noticeModal__imageArea
**/
.noticeModal__imageArea{
	width: 50%;
	order: -1;
}
.noticeModal__imageArea img{
	width: 100%;
}


/**
* noticeModal__txtArea
**/
.noticeModal__txtArea{
	width: 50%;
	padding: 0 0 0 3.8462%;/* 40px */
	line-height: 2;
}

.noticeModal__h2{
	font-size: min(2.6667vw, 32px);
	font-weight: 700;
	text-align: center;
	margin-bottom: min(2.6667vw, 32px);
	color: var(--color-subyellow);
	text-wrap: nowrap;
	line-height: 1.6;    
}
.noticeModal__h2 small{
	color: #FFF;
	font-size: min(2vw, 24px);
	display: inline-block;
	background-color: #000;
	line-height: 1;
	padding: 0 0.25em;
}

.noticeModal__dateInfo{
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: min(3.3334vw, 40px);
}
.noticeModal__dateInfo > dt{
	color: #FFF;
	line-height: 1;
	margin-bottom: min(1vw, 12px);
}
.noticeModal__dateInfo > dt > span{
	display: inline-block;
	background-color: var(--color-subyellow);
	color: #000;
}
.noticeModal__dateInfo > dd{
	line-height: 2;
}



.noticeModal__mainTxt{
	letter-spacing: 0.05em;
	line-height: 2;
}
.noticeModal__txtArea .btn_comLink{
	margin: 40px 0;
}

.noticeModal__text_sub{
	font-size: 14px;
}

.noticeModal__w100Area{
	width: 100%;
	margin: 40px auto 0;
}

.noticeModal__movie{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}
.noticeModal__movie iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 767px){
	.noticeModal__cont{
		max-width: 100%;
		padding: 6.4%;
	}
	.noticeModal__h2{
		font-size: var(--sp-size-36);
		margin-bottom: var(--sp-size-32);
	}
	.noticeModal__h2 small{
		font-size: var(--sp-size-28);
	}
	.noticeModal__contIn{
		flex-direction: column;
		padding: var(--sp-size-48) 0;
	}
	.noticeModal__imageArea{
		width: 100%;
		order: 0;
	}
	.noticeModal__txtArea{
		width: 100%;
		padding: 0 0 var(--sp-size-48) 0;
	}
	.noticeModal__dateInfo{
		font-size: var(--sp-size-26);
		margin-bottom: var(--sp-size-48);
	}
	.noticeModal__dateInfo > dt{
		margin-bottom: var(--sp-size-16);
	}
	.noticeModal__mainTxt{
		font-size: var(--sp-size-26);
	}
	.noticeModal__txtArea .btn_comLink{
		margin: var(--sp-size-48) 0;
		font-size: var(--sp-size-24);
	}
	.noticeModal__text_sub{
		font-size: var(--sp-size-20);
	}
	.noticeModal__w100Area{
		margin: var(--sp-size-48) auto 0;
		font-size: var(--sp-size-24);
	}
}