@charset "utf-8";
#fullWrap{
	position: relative;
	min-height: 100vh;
}

.tMain,.footer{
	position: relative;
	z-index: 2;
}


.footer{
	width: 100%;
	min-height: 100vh;
}


/**
* headerBtn
**/
@media screen and (min-width:769px){
	.header__navBtn{
		transition: .3s ease, opacity .3s ease;
	}
	body[data-nowsection="firstview"] .header__navBtn{
		transform: scale(60%);
		opacity: 0;
		pointer-events: none;
	}
	body:not([data-nowsection="firstview"]) .header__navBtn{
		transform: scale(100%);
		pointer-events: auto;
		opacity: 100%;
	}	
}


/**
* LOADING[FROM LPAGE]
**/
body.--is-from-lpage .loadingSet,
body.--is-from-lpage .loadingElement.-logo,
body.--is-from-lpage .loadingCircle{
	opacity: 0;
}
body.--is-from-lpage .loadingElement.-fromLpage{
	background-color: var(--color-blue);
	clip-path:circle(min(150vh,150vw) at center);
	animation: ani_loading_closeCircle 0.5s ease forwards;
	animation-play-state: paused;
}
body.--is-from-lpage.--is-loading .loadingElement.-fromLpage{
	animation-delay: .3s;
	animation-play-state: running;
}
body.--is-from-lpage.--is-loading .loading{
	animation-delay: 0.7s;
	animation: unset;
}


/*-----------------------------------------------
 * VisualImage
-------------------------------------------------*/
.contentVisualImageWrap{
	/* position: absolute; */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.contentVisualImageInWrap{
	/* position: sticky; */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	height: 100dvh;
}
.contentVisualImageInWrap:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: inset 0px 0px clamp(160px, calc(200 / var(--vw-min) * 100vw), calc(200px * var(--max-percent))) rgba(0, 0, 0, 60%);
}

.visualImageCont{
	position: absolute;
}

/* bg */
.visualImageCont.-visual_bg{
	width: 100%;
	height: max(100vh, 71.9663vw);
	top: 50%;
	transform: translateY(-50%);
}
.visualImageCont.-visual_bg .visualImageCont__img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform-origin: 50% 80vw;
}
.visualImageCont__imgIn{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: rotate(0deg);
}
.visualImageCont.-visual_bg .visualImageCont__imgIn:before{
	content: '';
	position: absolute;
	top: -15%;
	left: -15%;
	right: -15%;
	bottom: -15%;
	background: url(../img/top/visual_bg-blur.webp) no-repeat center bottom / cover;
}
@supports not (background-image: url(../img/top/visual_bg-blur.webp)){
	.visualImageCont.-visual_bg .visualImageCont__imgIn:before{
		background-image: url(../img/top/visual_bg-blur.jpg);
	}
}
.visualImageCont.-visual_bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width: 768px){
	.visualImageCont.-visual_bg{
		width: max(calc(952 / var(--vw-min) * 100vw), calc(952 / var(--vh-min) * 100vh));
		height: max(calc(1320 / var(--vw-min) * 100vw), calc(1320 / var(--vh-min) * 100vh));
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.visualImageCont.-visual_bg .visualImageCont__imgIn:before{
		background-image: url(../img/top/visual_bg-blur-s.webp);
	}
	@supports not (background-image: url(../img/top/visual_bg-blur-s.webp)){
		.visualImageCont.-visual_bg .visualImageCont__imgIn:before{
			background-image: url(../img/top/visual_bg-blur-s.jpg);
		}
	}
	.visualImageCont.-visual_bg .visualImageCont__img{
		transform-origin: 50% 80vh;
	}
}

/* chara */
.visualImageCont.-visual_chara{
	width: max(63.2813vh, 33.75%);/* 405 */
	height: max(89.6875vh, 47.8334vw);/* 574 */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.visualImageCont.-visual_chara .visualImageCont__img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform-origin: 50% 80vw;
}
.visualImageCont.-visual_chara img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width: 768px){
	.visualImageCont.-visual_chara{
		width: max(calc(603 / var(--vw-min) * 100vw), calc(603 / var(--vh-min) * 100vh));
		height: max(calc(854 / var(--vw-min) * 100vw), calc(854 / var(--vh-min) * 100vh));
	}
	.visualImageCont.-visual_chara .visualImageCont__img{
		transform-origin: 50% 80vh;
	}
}



/*-----------------------------------------------
 * section
-------------------------------------------------*/
.sectionDecoImageWrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.sectionDecoImage{
	position: absolute;
	opacity: 0;
}
.sectionDecoImageIn{
	width: 100%;
	height: 100%;
}
.sectionDecoImage img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/**
* chara1
**/
.sectionDecoImage.-chara1{
	width: max(calc(676 / var(--vh-min) * 100vh), calc(676 / var(--vw-min) * 100vw));
	height: max(calc(648 / var(--vh-min) * 100vh), calc(648 / var(--vw-min) * 100vw));
	max-width: 100%;
	max-height: 85.2632vh;
	bottom: 0;
	left: 0;
}
.sectionDecoImage.-chara1 img{
	width: 115.8285%;/* 783 */
	margin-left: -15.8285%;
	object-position: left bottom;
}
@media screen and (max-width:768px){
	.sectionDecoImage.-chara1{
		width: calc(618 / var(--vw-min) * 100vw);
		height: calc(532 / var(--vw-min) * 100vw);
		max-height: unset;
		transition: .5s ease;
	}
	.sectionDecoImage.-chara1 img{
		width: 126.6991%;/* 783 */
		height: 100%;/* 532 */
		object-position: left bottom;
		margin-left: -26.9991%;
	}
	body[data-nowsection="firstview"] .sectionDecoImage.-chara1{
		opacity: 0;
		transform: translateX(-25%);
	}
	body[data-nowsection="news"] .sectionDecoImage.-chara1{
		opacity: 1;
		transform: translateX(0%);
	}
	body[data-nowsection="introduction"] .sectionDecoImage.-chara1,
	body[data-nowsection="story"] .sectionDecoImage.-chara1,
	body[data-nowsection="character"] .sectionDecoImage.-chara1,
	body[data-nowsection="footer"] .sectionDecoImage.-chara1{
		opacity: 0;
		transform: translateX(25%);
	}
}


/**
* chara2
**/
.sectionDecoImage.-chara2_1,
.sectionDecoImage.-chara2_2{
	width: max(calc(675 / var(--vh-min) * 100vh), calc(675 / var(--vw-min) * 100vw));
	height: max(calc(648 / var(--vh-min) * 100vh), calc(648 / var(--vw-min) * 100vw));
	max-width: 100%;
	max-height: 100vh;
	right: 0;
	bottom: 0;
}
.sectionDecoImage.-chara2_1 img,
.sectionDecoImage.-chara2_2 img{
	object-position: right bottom;
}
@media screen and (max-width:768px){
	.sectionDecoImage.-chara2_1{
		display: none;
	}
	.sectionDecoImage.-chara2_2{
		width: calc(683 / var(--vw-min)* 100vw);
        height: calc(930 / var(--vw-min)* 100vw);
        bottom: 0;
        right: 0;
	}
	.sectionDecoImage.-chara2_2 img{
		width: 129.429%;/* 884 */
	}
	body[data-nowsection="firstview"] .sectionDecoImage.-chara2_2,
	body[data-nowsection="news"] .sectionDecoImage.-chara2_2{
		transform: translateX(25%);
		opacity: 0;
		transition: .6s ease;
	}
	body[data-nowsection="introduction"] .sectionDecoImage.-chara2_2{
		opacity: 1;
		transform: translateX(0%);
		transition: .6s ease;
		transition-delay: .4s;
	}
	body[data-nowsection="story"] .sectionDecoImage.-chara2_2,
	body[data-nowsection="character"] .sectionDecoImage.-chara2_2,
	body[data-nowsection="footer"] .sectionDecoImage.-chara2_2{
		transform: translateX(-25%);
		opacity: 0;
		transition: .6s ease;
	}
}


/**
* chara3
**/
.sectionDecoImage.-chara3{
	width: max(calc(475 / var(--vh-min) * 100vh), calc(475 / var(--vw-min) * 100vw));
	height: max(calc(712 / var(--vh-min) * 100vh), calc(712 / var(--vw-min) * 100vw));
	max-width: 100%;
	max-height: 82.4075vh;
	bottom: 0;
	left: 0;
}
.sectionDecoImage.-chara3 img{
	width: 117.0527%;/* 556 */
	margin-left: -17.0527%;
	object-position: left bottom;
}
@media screen and (max-width:768px){
	.sectionDecoImage.-chara3{
		width: calc(535 / var(--vw-min) * 100vw);
		height: calc(419 / var(--vw-min) * 100vw);
		left: unset;
		right: calc(75 / var(--vw-min) * 100vw);
		max-width: unset;
		max-height: unset;
		transition: .5s ease;
	}
	.sectionDecoImage.-chara3 img{
		width: 100%;
		height: 217.1838%;/* 910 */
		object-position: center top;
	}
	body[data-nowsection="firstview"] .sectionDecoImage.-chara3,
	body[data-nowsection="news"] .sectionDecoImage.-chara3,
	body[data-nowsection="introduction"] .sectionDecoImage.-chara3{
		opacity: 0;
		transform: translateY(25%);
	}
	body[data-nowsection="story"] .sectionDecoImage.-chara3{
		opacity: 1;
		transform: translateY(0%);
	}
	body[data-nowsection="character"] .sectionDecoImage.-chara3,
	body[data-nowsection="footer"] .sectionDecoImage.-chara3{
		opacity: 0;
		transform: translateY(-25%);
	}
}


/**
* chara4
**/
.sectionDecoImage.-chara4{
	width: max(calc(291 / var(--vh-min) * 100vh), calc(291 / var(--vw-min) * 100vw));
	height: max(calc(557 / var(--vh-min) * 100vh), calc(557 / var(--vw-min) * 100vw));
	max-width: 100%;
	max-height: 87.0313vh;
	bottom: 0;
	right: max(calc(104 / var(--vh-min) * 100vh), calc(104 / var(--vw-min) * 100vw));/* 104 */
}
.sectionDecoImage.-chara4 img{
	object-position: right bottom;
}
@media screen and (max-width:768px){
	.sectionDecoImage.-chara4{
		width: calc(337 / var(--vw-min) * 100vw);
		height: calc(487 / var(--vw-min) * 100vw);
		max-height: unset;
		right: 0;
		transition: .5s ease;
	}
	body[data-nowsection="firstview"] .sectionDecoImage.-chara4,
	body[data-nowsection="news"] .sectionDecoImage.-chara4,
	body[data-nowsection="introduction"] .sectionDecoImage.-chara4,
	body[data-nowsection="story"] .sectionDecoImage.-chara4{
		opacity: 0;
		transform: translateX(25%);
	}
	body[data-nowsection="character"] .sectionDecoImage.-chara4{
		opacity: 1;
		transform: translateX(0%);
	}
	body[data-nowsection="footer"] .sectionDecoImage.-chara4{
		opacity: 0;
		transform: translateX(-25%);
	}
}



/**
* contDeco
**/
.sectionContDeco{
	position: absolute;
	width: min(calc(120 / var(--vw-min) * 100vw), calc(120px * var(--max-percent)));
	height: min(calc(120 / var(--vw-min) * 100vw), calc(120px * var(--max-percent)));
}
.sectionContDeco:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 77.5%;/* 93 */
	height: 77.5%;/* 93 */
	margin: auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	animation: 18s ani_rotate linear infinite;
	animation-play-state: paused;
}
.sectionContDeco:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(../img/top/deco_sectionCont.svg) no-repeat center / contain;
	animation: 18s ani_rotate linear infinite;
	animation-direction: reverse;
	animation-play-state: paused;
}
@media screen and (max-width:768px){
	.sectionContDeco{
		width: calc(144 / var(--vw-min) * 100vw);
		height: calc(144 / var(--vw-min) * 100vw);
	}
}


/*-----------------------------------------------
 * visualArea
-------------------------------------------------*/
.mainContentFVArea{
	width: 100%;
	height: 100vh;
	position: relative;
}
@media screen and (max-width:768px){
	.mainContentFVArea{
		height: calc(1524 / var(--vw-min) * 100vw);/* 1524 */
		min-height: 100vh;
		height: auto;
		/* padding-bottom: 10vh; */
	}
	.fv_contSet{
		width: 100%;
		height: 100vh;
		height: 100dvh;
		min-height: 100vw;
		position: relative;
	}
}

/**
* fv_navListsWrap
**/
.fv_navListsWrap{
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	padding: 16px;
}
.fv_navListsWrap:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: -12px;
	background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 100%);
}
.fv_navListsWrap .navLists{
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.fv_navListsWrap .navList{
	padding: 8px;
}
.fv_navListsWrap .navList__link{
	color: #FFF;
	font-size: 20px;
}

.fv_navListsWrap .snsLists{
	flex-shrink: 0;
	margin-top: unset;
	padding-left: 16px;
}
.fv_navListsWrap .snsList__dt{
	font-size: 14px;
	padding-right: 8px;
}
.fv_navListsWrap .snsList__dd{
	padding: 0 8px;
	width: 36px;
	height: 20px;
}
@media screen and (hover:hover) and (pointer: fine){
	.fv_navListsWrap .snsList__link{
		transition: .3s ease;
	}
	.fv_navListsWrap .navList__link{
		transition: .3s ease;
	}
	.fv_navListsWrap .navList__link span{
		background-image: linear-gradient(var(--color-black), var(--color-black));
	}
	.fv_navListsWrap .navList__link:hover{
		color: var(--color-yellow);
	}
	.fv_navListsWrap .snsList__link:hover{
		opacity: 70%;
	}
}
@media screen and (max-width:768px){
	.fv_navListsWrap{
		display: none;
	}
}


/**
* banner
**/
.fv_bannerListsWrap{
	position: absolute;
	top: 0;
	bottom: 0;
	right: min(3.3334%, min(calc(40 / var(--vh-min) * 100vh), calc(40px * var(--max-percent))));/* 40 */
	width: 240px;
	height: 216px;
	width: 20%;
	height: 18vw;
	max-width: min(37.5vh, calc(240px * var(--max-percent)));
	max-height: min(33.75vh, calc(216px * var(--max-percent)));
	margin: auto 0;
}
.fv_bannerListsInWrap{
	width: 100%;
	height: 100%;
	padding: 8.3334% 0;
	position: relative;
}
.fv_bannerListsSwiper{
	height: 100%;
	-webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, #000 8%, #000 92%, rgba(0,0,0,0.1) 100%);
	mask-image: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, #000 8%, #000 92%, rgba(0,0,0,0.1) 100%);
}
@media screen and (min-width:769px){
	.fv_bannerListsSwiper.--noSwiper .fv_bannerLists{
		flex-direction: column;
	}
}
.fv_bannerList{
	width: 100%;
	height: 50%;/* 88 */
	padding: 5% 0;
}
.fv_bannerList > a{
	display: block;
}
.fv_bannerList > a > img{
	width: 100%;
}

.fv_bannerLists__paginations{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}


.com_SwiperPaginations,
.com_SwiperPaginations.swiper-pagination-bullets.swiper-pagination-horizontal{
	display: flex;
	justify-content: center;
	width: 100%;
}
.com_SwiperPagination,
.com_SwiperPaginations.swiper-pagination-horizontal.swiper-pagination-bullets .com_SwiperPagination.swiper-pagination-bullet,
.com_SwiperPaginations.swiper-pagination-vertical.swiper-pagination-bullets .com_SwiperPagination.swiper-pagination-bullet{
	display: block;
	cursor: pointer;
	pointer-events: auto;
	width: 8px;
	height: 8px;
	margin: 0 min(2.5%, 6px);
	background-color: rgba(255,255,255,40%);
	border-radius: 50%;
	opacity: 1;
	transition: .3s ease;
}
.com_SwiperPaginations.swiper-pagination-vertical.swiper-pagination-bullets .com_SwiperPagination.swiper-pagination-bullet-active,
.com_SwiperPaginations.swiper-pagination-horizontal.swiper-pagination-bullets .com_SwiperPagination.swiper-pagination-bullet-active{
	background-color: #ff6400;
}
.com_SwiperPaginations.swiper-pagination-vertical.swiper-pagination-bullets{
	transform: unset;
}
@media screen and (hover:hover) and (pointer: fine){
	.com_SwiperPagination:not(.swiper-pagination-bullet-active):hover,
	.com_SwiperPaginations.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.com_SwiperPagination:not(.swiper-pagination-bullet-active):hover,
	.com_SwiperPaginations.swiper-pagination-vertical.swiper-pagination-bullets .com_SwiperPagination.swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover{
		background-color: rgba(255,255,255,80%);
	}

	.fv_bannerList__link img{
		transition: .3s ease;
	}
	.fv_bannerList__link:hover img{
		transform: scale(102.5%);
		opacity: 80%;
	}
}

@media screen and (max-width:768px){
	.fv_bannerListsWrap{
		position: relative;
		right: unset;
		width: 100%;
		height: auto;
		max-width: 100%;
		max-height: unset;
		margin: 0 auto;
		padding: calc(48 / var(--vw-min) * 100vw) calc(36 / var(--vw-min) * 100vw);
	}
	.fv_bannerListsInWrap{
		padding: 0;
	}
	.fv_bannerListsSwiper{
		-webkit-mask: unset;
		mask: unset;
	}
	.fv_bannerList{
		width: 50%;
		padding: calc(12 / var(--vw-min) * 100vw);
	}
	.fv_bannerLists__paginations{
		position: relative;
		width: 100%;
		margin-top: calc(24 / var(--vw-min) * 100vw);
	}
	.com_SwiperPagination,
	.com_SwiperPaginations.swiper-pagination-horizontal.swiper-pagination-bullets .com_SwiperPagination.swiper-pagination-bullet,
	.com_SwiperPaginations.swiper-pagination-vertical.swiper-pagination-bullets .com_SwiperPagination.swiper-pagination-bullet{
		width: calc(16 / var(--vw-min) * 100vw);
		height: calc(16 / var(--vw-min) * 100vw);
		margin: 0 calc(8 / var(--vw-min) * 100vw);
	}
}



/**
* visualLists
**/
.fv_visualListsWrap{
	position: absolute;
	top: 32px;
	right: min(3.3334%, min(calc(40 / var(--vh-min) * 100vh), calc(40px * var(--max-percent))));/* 40 */
	width: 160px;
	height: 224px;
	width: 13.3334%;
	height: calc(224 / var(--vh-min) * 100vh);
	max-width: min(calc(160 / var(--vh-min) * 100vh), calc(160px * var(--max-percent)));
	max-height: min(calc(240 / var(--vh-min) * 100vh), calc(240px * var(--max-percent)));
	pointer-events: none;
}
.fv_visualListsIn{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}
.fv_visualLists{
	width: 100%;
	position: relative;
}
.fv_visualList{
	position: relative;
	width: 100%;
	padding-top: 40%;/* 64 */
}
.fv_visualList__link{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 120px;
	overflow: hidden;
	display: flex;
	align-items: center;
	border: 1px solid #FFF;
	pointer-events: auto;
	text-decoration: none;
	font-size: min(calc(14 / var(--vw-min) * 100vw), min(calc(14 / var(--vh-min) * 100vh), calc(14px * var(--max-percent))));
}
.fv_visualList__link:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-black);
	opacity: 40%;
	z-index: 2;
}
.fv_visualList__img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.fv_visualList__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.fv_visualList__txt{
	position: relative;
	z-index: 2;
	width: 100%;
	font-family: var(--font-en);
	line-height: 1;
	color: #FFF;
	padding: 0 20% 0 10%;/* 0 40 0 16 */
	text-shadow: 0px 0px 4px var(--color-black);
}
.fv_visualList__link:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.1429em;/* 16 */
	width: 1.1429em;/* 16 */
	height: 1.1429em;/* 16 */
	margin: auto 0;
	-webkit-mask: url(../img/common/arrow_r.svg) no-repeat center / contain;
	mask: url(../img/common/arrow_r.svg) no-repeat center / contain;
	background-color: #fff;
	z-index: 2;
}

@media screen and (hover:hover) and (pointer: fine){
	.fv_visualList__link:before,
	.fv_visualList__img img,
	.fv_visualList__link:after{
		transition: .3s ease;
	}
	.fv_visualList__link:hover::before{
		opacity: 25%;
	}	
	.fv_visualList__link:hover .fv_visualList__img img{
		transform: scale(1.05);
	}
	.fv_visualList__link:hover::after{
		transform: translateX(40%);
	}
}

@media screen and (max-width:768px){
	.fv_visualListsWrap{
		top: calc(168 / var(--vw-min) * 100vw);
		right: calc(48 / var(--vw-min) * 100vw);
		width: calc(192 / var(--vw-min) * 100vw);
		height: auto;
		max-width: unset;
		max-height: unset;
	}
	.fv_visualListsIn{
		height: auto;
		display: block;
	}
	.fv_visualList{
		padding-top: 37.5%;/* 72 */
		line-height: 1.5;
	}
	.fv_visualList__link{
		font-size: calc(20 / var(--vw-min) * 100vw);
		text-align: center;
	}
	.fv_visualList__txt{
		padding: 0 25%;
	}
	.fv_visualList__link:after{
		right: 1.2em;
		width: 1em;
		height: 1em;
	}
}


/**
* onairInfo
**/
.fv_onairInfo{
	position: absolute;
	top: 0;
	bottom: 0;
	left: min(3.3334%, min(calc(40 / var(--vh-min) * 100vh), calc(40px * var(--max-percent))));/* 40 */
	width: 280px;
	height: 170px;
	width: 23.3334%;
	height: calc(347 / var(--vh-min) * 100vh);/* 227 + 120 */
	max-width: min(calc(280 / var(--vh-min) * 100vh), calc(280px * var(--max-percent)));
	max-height: min(calc(347 / var(--vh-min) * 100vh), calc(347px * var(--max-percent)));
	margin: auto 0;
	display: flex;
	align-items: center;
}
.fv_onairInfoIn{
	width: 100%;
	display: flex;
	flex-direction: column;
	padding-bottom: 42.8572%;/* 120 */
}
.fv_onairInfo--logo{
	width: 100%;
	padding-top: 38.2143%;/* 107 */
	position: relative;
}
.fv_onairInfo--date__link{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.fv_onairInfo--logo img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 0;
}
.fv_onairInfo--date{
	order: -1;
	margin-bottom: 7.1429%;/* 20 */
	width: 107.1429%;/* 300 */
	padding-top: 35.7143%;/* 100 */
	position: relative;
}
.fv_onairInfo--date img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (hover:hover) and (pointer: fine){
	.fv_onairInfo--date__link{
		transition: .2s ease;
	}
	.fv_onairInfo--date__link:hover{
		transform: scale(102.5%);
	}
}

@media screen and (max-width:768px){
	.fv_onairInfo{
		bottom: unset;
		left: calc(48 / var(--vw-min) * 100vw);
		margin-top: calc(16 / var(--vw-min) * 100vw);
		width: auto;
		height: auto;
		max-width: unset;
	}
	.fv_onairInfoIn{
		width: calc(280 / var(--vw-min) * 100vw);
		display: block;
		padding-top: 0;
		padding-bottom: unset;
	}
	.fv_onairInfo--date{
		margin-bottom: unset;
		margin-top: calc(8 / var(--vw-min) * 100vw);
		padding-top: calc(93 / var(--vw-min) * 100vw);
		width: 100%;
	}
	.fv_onairInfo--date img{
		object-position: center top;
	}
}



/**
* movie
**/
.fv_movieArea{
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: min(3.3334%, min(calc(40 / var(--vh-min) * 100vh), calc(40px * var(--max-percent))));/* 40 */
	margin-left: min(3.3334%, min(calc(40 / var(--vh-min) * 100vh), calc(40px * var(--max-percent))));/* 40 */
	width: 20%;/* 240 */
	max-width: min(calc(240 / var(--vh-min) * 100vh), calc(240px * var(--max-percent)));
}
.fv_movieAreaIn{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}
.fv_movieAreaCont{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 24px;
	border: 1px solid var(--color-black);
	overflow: hidden;
}
.fv_movieAreaCont .btn_moviePlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 24px;
	z-index: 2;
}
.fv_movieAreaCont .btn_moviePlay:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--mv_max-persent)));
	background-color: rgba(0,0,0,.2);
	z-index: 2;
}
.fv_movieAreaCont .btn_moviePlay .btn_movie-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity .3s ease;
}
.fv_movieAreaCont .btn_moviePlay .btn_movie-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
body.--yt-apmov-stop .fv_movieAreaCont .btn_moviePlay .btn_movie-img{
	opacity: 1;
}

.fv_movieThumb{
	position: absolute;
	top: -50%;
	left: 0;
	width: 100%;
	height: 200%;
    background-size: contain;
    background-position: center;
}
.fv_movieThumb__iframe{
	width: 100%;
	height: 100%;
}

/* icon */
.btn_moviePlay__circle{
	width: min(calc(96 / var(--vw-min) * 100vw), calc(96px * var(--max-percent)));
	height: min(calc(96 / var(--vw-min) * 100vw), calc(96px * var(--max-percent)));
	position: absolute;
	top: calc(50% - min(calc(48 / var(--vw-min) * 100vw), calc(48px * var(--max-percent))));
	left: calc(50% - min(calc(48 / var(--vw-min) * 100vw), calc(48px * var(--max-percent))));
	/* opacity: 0; */
	transition: .6s ease;
	z-index: 2;
}
.btn_moviePlay__circle:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/common/icon_movie-playcircle.svg) no-repeat center / contain;
	animation: 12s ani_rotate linear infinite;
	/* animation-play-state: paused; */
}
.btn_moviePlay__circle:after{
	content: '';
	position: absolute;
	top: 0;
	left: var(--sp-size-8);
	right: 0;
	bottom: 0;
	margin: auto;
	width: 33.3334%;
	height: 33.3334%;
	background: url(../img/common/icon_movie-playtriangle.svg) no-repeat center / contain;
}

@media screen and (max-width:768px){
	.fv_movieArea{
		width: calc(303 / var(--vw-min) * 100vw);
		max-width: min(calc(303 / var(--vh-min) * 100vh), calc(303px * var(--max-percent)));
		margin-bottom: calc(48 / var(--vw-min) * 100vw);
		margin-left: calc(48 / var(--vw-min) * 100vw);
	}
	.fv_movieAreaCont{
		border-width: var(--sp-size-2);
		border-radius: calc(32 / var(--vw-min) * 100vw);
	}
	.fv_movieAreaCont .btn_moviePlay{
		border-radius: calc(32 / var(--vw-min) * 100vw);
	}
	.fv_movieAreaCont .btn_moviePlay:before{
		border-radius: calc(32 / var(--vw-min) * 100vw);
	}
	.fv_movieAreaCont .btn_moviePlay .btn_movie-img{
		opacity: 1;
	}
	.fv_movieThumb{
		display: none;
	}

/* icon */
	.btn_moviePlay__circle{
		width: min(15.2vw, 114px);
        height: min(15.2vw, 114px);
        top: calc(50% - calc(57 / var(--vw-min) * 100vw));
        left: calc(50% - calc(57 / var(--vw-min) * 100vw));
	}
}


/*-----------------------------------------------
 * mainContentSection
-------------------------------------------------*/
.mainContentSection{
	width: 100%;
	min-height: 100vh;
	padding: 160px 0;
	position: relative;
	display: flex;
	align-items: center;
	font-size: min(calc(16 / var(--vw-min) * 100vw), calc(16px * var(--max-percent)));
}
.mainContentSectionIn{
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}
.mainContentSectionIn.-full{
	max-width: 100%;
}

@media screen and (max-width:768px){
	.mainContentSection{
		padding: calc(216 / var(--vw-min) * 100vw) 0 calc(288 / var(--vw-min) * 100vw);
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.mainContentSectionIn{
		max-width: 100%;
	}
}



/*-----------------------------------------------
 * mainContentSticky
-------------------------------------------------*/
.mainContentStickyWrap{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	pointer-events: none;
	z-index: 2;
}
.mainContentStickyInWrap{
	position: sticky;
	top: 0;
	width: 100%;
	height: min(100%, 100vh);
}
.mainContentStickyIn__contWrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

@media screen and (max-width:768px){
	.mainContentStickyInWrap{
		height: min(100%, 100vh);
		height: min(100%, 100dvh);
	}
}


/**
* sectionScroll
**/
.sectionScrollWrap{
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: min(3.3334%, min(calc(40 / var(--vh-min) * 100vh), calc(40px * var(--max-percent))));/* 40 */
	margin-right: clamp(3.3334%, min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent))), calc(40 / var(--vh-min) * 100vh));/* 40 */
	width: 10%;
	max-width: min(calc(120 / var(--vh-min) * 100vh), calc(120px * var(--max-percent)));
}
.sectionScrollInWrap{
	width: 100%;
	padding-top: 100%;
	position: relative;
}
.btn_sectionScroll{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	pointer-events: auto;
}
.btn_sectionScroll.--scrolling{
	pointer-events: none;
}
.btn_sectionScroll--circle{
	width: 100%;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(-90deg);
}
.btn_sectionScroll--circle circle{
	cx: min(calc(60 / var(--vw-min) * 100vw), min(calc(60 / var(--vh-min) * 100vh), calc(60px * var(--max-percent))));
	cy: min(calc(60 / var(--vw-min) * 100vw), min(calc(60 / var(--vh-min) * 100vh), calc(60px * var(--max-percent))));
	r:  calc(min(calc(60 / var(--vw-min) * 100vw), min(calc(60 / var(--vh-min) * 100vh), calc(60px * var(--max-percent)))) - 2px);
	fill: transparent;
	stroke-width: 1px;
	/* stroke-dasharray: 310% 310%; */
	position: absolute;
	top: 0;
	left: 0;
}

.btn_sectionScroll--circle.-bg circle{
	stroke: rgb(120, 120, 120);
	stroke-dasharray: 320% 320%;
}
.btn_sectionScroll--circle.-in circle{
	stroke: rgb(255,255,255);
	animation: ani_ssCircle_in 4s linear infinite;
}
.btn_sectionScroll--circle.-out circle{
	stroke: rgb(120, 120, 120);
	/* stroke-dasharray: 260% 310%; */
	animation: ani_ssCircle_out 4s linear infinite;
}

@keyframes ani_ssCircle_in {
	0%{
		opacity: 1;
		stroke-dasharray: 0% 320%;
	}
	48%,50%{
		opacity: 1;
		stroke-dasharray: 320% 320%;
	}
}
@keyframes ani_ssCircle_out {
	0%,50%{
		opacity: 1;
		stroke-dasharray: 0% 320%;
	}
	98%,100%{
		opacity: 1;
		stroke-dasharray: 320% 320%;
	}
}

.btn_sectionScroll--txt{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-en);
	font-size: min(min(calc(14 / var(--vw-min) * 100vw), min(calc(14 / var(--vh-min) * 100vh)), calc(14px * var(--max-percent))));/* 14 */
	letter-spacing: 0;
	line-height: 1;
	color: #FFF;
}
.bsst{
	display: inline-block;
	height: 1em;
	overflow: hidden;
}
.btn_sectionScroll--arrow{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: min(min(calc(16 / var(--vw-min) * 100vw), min(calc(16 / var(--vh-min) * 100vh)), calc(16px * var(--max-percent))));
	height: min(min(calc(16 / var(--vw-min) * 100vw), min(calc(16 / var(--vh-min) * 100vh)), calc(16px * var(--max-percent))));
	margin-left: auto;
	margin-right: auto;
	margin-bottom: min(min(calc(16 / var(--vw-min) * 100vw), min(calc(16 / var(--vh-min) * 100vh)), calc(16px * var(--max-percent))));
	-webkit-mask: url(../img/common/arrow_b.svg) no-repeat center / contain;
	mask: url(../img/common/arrow_b.svg) no-repeat center / contain;
	background-color: #fff;
}

@media screen and (hover:hover) and (pointer: fine){
	.btn_sectionScroll--arrow{
		transition: .3s ease;
	}
	.btn_sectionScroll:hover .btn_sectionScroll--arrow{
		transform: translateY(50%);
	}
}

@media screen and (max-width:768px){
	.sectionScrollWrap{
		margin-bottom: calc(48 / var(--vw-min) * 100vw);
		margin-right: calc(48 / var(--vw-min) * 100vw);
		width: calc(144 / var(--vw-min) * 100vw);
		max-width: unset;
	}
	.btn_sectionScroll--circle circle{
		cx: calc(72 / var(--vw-min) * 100vw);
		cy: calc(72 / var(--vw-min) * 100vw);
		r:  calc((72 / var(--vw-min) * 100vw) - 2px);
	}
	.btn_sectionScroll--circle.-bg circle{
		stroke-dasharray: 390% 390%;
	}

	@keyframes ani_ssCircle_in {
		0%{
			opacity: 1;
			stroke-dasharray: 0% 390%;
		}
		48%,50%{
			opacity: 1;
			stroke-dasharray: 390% 390%;
		}
	}
	@keyframes ani_ssCircle_out {
		0%,50%{
			opacity: 1;
			stroke-dasharray: 0% 390%;
		}
		98%,100%{
			opacity: 1;
			stroke-dasharray: 390% 390%;
		}
	}
	.btn_sectionScroll--txt{
		width: 5em;
		font-size: calc(20 / var(--vw-min) * 100vw);
		margin: 0 auto;
		bottom: calc(32 / var(--vw-min) * 100vw);
	}
	.bsst.-pc{display: none;}
	.btn_sectionScroll--txt.-down{
		width: 3.5em;
	}
	.btn_sectionScroll--txt.-toTop{
		width: 4em;
	}
	.btn_sectionScroll--arrow{
		width: calc(24 / var(--vw-min) * 100vw);
		height: calc(24 / var(--vw-min) * 100vw);
		margin-bottom: calc(26 / var(--vw-min) * 100vw);
	}
}

/** outFooter **/
.bsst span{
	display: inline-block;
	transition: transform .4s ease-in-out;
}
.btn_sectionScroll--txt.-toTop .bsst span{
	transform: translateY(100%);
}
.btn_sectionScroll--txt.-down .bsst:nth-of-type(1) span{
	transition-delay: .5s;
}
.btn_sectionScroll--txt.-down .bsst:nth-of-type(2) span{
	transition-delay: .55s;
}
.btn_sectionScroll--txt.-down .bsst:nth-of-type(3) span{
	transition-delay: .6s;
}
.btn_sectionScroll--txt.-down .bsst:nth-of-type(4) span{
	transition-delay: .65s;
}
.btn_sectionScroll--txt.-down .bsst:nth-of-type(5) span{
	transition-delay: .7s;
}
.btn_sectionScroll--txt.-down .bsst:nth-of-type(6) span{
	transition-delay: .75s;
}
.btn_sectionScroll--txt.-down .bsst:nth-of-type(7) span{
	transition-delay: .8s;
}
.btn_sectionScroll--txt.-down .bsst:nth-of-type(8) span{
	transition-delay: .85s;
}
.btn_sectionScroll--txt.-down .bsst:nth-of-type(9) span{
	transition-delay: .9s;
}
.btn_sectionScroll--txt.-down .bsst:nth-of-type(10) span{
	transition-delay: .95s;
}
.btn_sectionScroll--txt.-down .bsst:nth-of-type(11) span{
	transition-delay: 1.0s;
}

.btn_sectionScroll--txt.-toTop .bsst span{
	transform: translateY(100%);
}
.btn_sectionScroll--txt.-toTop .bsst:nth-of-type(1) span{
	transition-delay: .2s;
}
.btn_sectionScroll--txt.-toTop .bsst:nth-of-type(2) span{
	transition-delay: .25s;
}
.btn_sectionScroll--txt.-toTop .bsst:nth-of-type(3) span{
	transition-delay: .3s;
}
.btn_sectionScroll--txt.-toTop .bsst:nth-of-type(4) span{
	transition-delay: .35s;
}
.btn_sectionScroll--txt.-toTop .bsst:nth-of-type(5) span{
	transition-delay: .4s;
}
.btn_sectionScroll--txt.-toTop .bsst:nth-of-type(6) span{
	transition-delay: .45s;
}


/** in footer **/
body[data-nowsection="footer"] .btn_sectionScroll--txt.-down .bsst span{
	transform: translateY(-100%);
}
body[data-nowsection="footer"] .btn_sectionScroll--txt.-toTop .bsst span{
	transform: translateY(0%);
}

body[data-nowsection="footer"] .btn_sectionScroll--txt.-down .bsst:nth-of-type(1) span{
	transition-delay: .2s;
}
body[data-nowsection="footer"] .btn_sectionScroll--txt.-down .bsst:nth-of-type(2) span{
	transition-delay: .25s;
}
body[data-nowsection="footer"] .btn_sectionScroll--txt.-down .bsst:nth-of-type(3) span{
	transition-delay: .3s;
}
body[data-nowsection="footer"] .btn_sectionScroll--txt.-down .bsst:nth-of-type(4) span{
	transition-delay: .35s;
}
body[data-nowsection="footer"] .btn_sectionScroll--txt.-down .bsst:nth-of-type(5) span{
	transition-delay: .4s;
}
body[data-nowsection="footer"] .btn_sectionScroll--txt.-down .bsst:nth-of-type(6) span{
	transition-delay: .45s;
}
body[data-nowsection="footer"] .btn_sectionScroll--txt.-down .bsst:nth-of-type(7) span{
	transition-delay: .5s;
}
body[data-nowsection="footer"] .btn_sectionScroll--txt.-down .bsst:nth-of-type(8) span{
	transition-delay: .55s;
}
body[data-nowsection="footer"] .btn_sectionScroll--txt.-down .bsst:nth-of-type(9) span{
	transition-delay: .6s;
}
body[data-nowsection="footer"] .btn_sectionScroll--txt.-down .bsst:nth-of-type(10) span{
	transition-delay: .65s;
}
body[data-nowsection="footer"] .btn_sectionScroll--txt.-down .bsst:nth-of-type(11) span{
	transition-delay: .7s;
}


body[data-nowsection="footer"] .btn_sectionScroll--txt.-toTop .bsst:nth-of-type(1) span{
	transition-delay: .7s;
}
body[data-nowsection="footer"] .btn_sectionScroll--txt.-toTop .bsst:nth-of-type(2) span{
	transition-delay: .75s;
}
body[data-nowsection="footer"] .btn_sectionScroll--txt.-toTop .bsst:nth-of-type(3) span{
	transition-delay: .8s;
}
body[data-nowsection="footer"] .btn_sectionScroll--txt.-toTop .bsst:nth-of-type(4) span{
	transition-delay: .85s;
}
body[data-nowsection="footer"] .btn_sectionScroll--txt.-toTop .bsst:nth-of-type(5) span{
	transition-delay: .9s;
}
body[data-nowsection="footer"] .btn_sectionScroll--txt.-toTop .bsst:nth-of-type(6) span{
	transition-delay: 1.0s;
}








/**
* sectionCountWrap
**/
.sectionCountWrap{
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: min(3.3334%, min(calc(40 / var(--vh-min) * 100vh), calc(40px * var(--max-percent))));/* 40 */
	margin-left: clamp(3.3334%, min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent))), calc(40 / var(--vh-min) * 100vh));/* 40 */
	font-family: var(--font-en);
	color: #FFF;
	line-height: 0.9;
}
.sectionCount__num{
	display: inline-flex;
	align-items: flex-end;
}
.sectionCount__numListsWrap{
	font-size: min(min(calc(44 / var(--vw-min) * 100vw), calc(44 / var(--vh-min) * 100vh)), calc(44px * var(--max-percent)));/* 44 */
	font-weight: 700;
	height: 0.9em;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, #000 8%, #000 92%, rgba(0,0,0,0.1) 100%);
	mask-image: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, #000 8%, #000 92%, rgba(0,0,0,0.1) 100%);
}
.sectionCount__num--all{
	display: block;
	font-weight: 700;
	margin-left: min(min(calc(12 / var(--vw-min) * 100vw), calc(12 / var(--vh-min) * 100vh)), calc(12px * var(--max-percent)));
	padding-bottom: min(min(calc(2 / var(--vw-min) * 100vw), calc(2 / var(--vh-min) * 100vh)), calc(2px * var(--max-percent)));
}
.sectionCount__num--all_ttl{
	display: block;
	font-size: min(min(calc(10 / var(--vw-min) * 100vw), calc(10 / var(--vh-min) * 100vh)), calc(10px * var(--max-percent)));
	margin-bottom: min(min(calc(8 / var(--vw-min) * 100vw), calc(8 / var(--vh-min) * 100vh)), calc(8px * var(--max-percent)));
	letter-spacing: 0;
	overflow: hidden;
}
.sectionCount__num--all_ttl > span{
	display: inline-block;
}
.sectionCount__num--all_num{
	position: relative;
	font-size: min(min(calc(20 / var(--vw-min) * 100vw), calc(20 / var(--vh-min) * 100vh)), calc(20px * var(--max-percent)));
	padding-left: min(min(calc(16 / var(--vw-min) * 100vw), calc(16 / var(--vh-min) * 100vh)), calc(16px * var(--max-percent)));
	color: rgba(255,255,255,40%);
	overflow: hidden;
}
.sectionCount__num--all_num:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 70%;
	width: 1px;
	margin: auto 0;
	background-color: #fff;
}
.sectionCount__num--all_numTxt{
	display: inline-block;
	overflow: hidden;
}
.sectionCount__num--all_numTxt > span{
	display: inline-block;
}
.sectionCount__name{
	font-size: min(min(calc(58 / var(--vw-min) * 100vw), calc(58 / var(--vh-min) * 100vh)), calc(58px * var(--max-percent)));
	font-weight: 700;
	height: 0.9em;/* 52.2 */
	overflow: hidden;
	margin-top: min(min(calc(20 / var(--vw-min) * 100vw), calc(20 / var(--vh-min) * 100vh)), calc(20px * var(--max-percent)));
	-webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, #000 8%, #000 92%, rgba(0,0,0,0.1) 100%);
	mask-image: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, #000 8%, #000 92%, rgba(0,0,0,0.1) 100%);
}

/* 
 * nameJP
 */
.sectionCount__nameJp{
	font-size: min(min(calc(16 / var(--vw-min) * 100vw), calc(16 / var(--vh-min) * 100vh)), calc(16px * var(--max-percent)));
	font-weight: 700;
	height: 1em;
	overflow: hidden;
	line-height: 1;
	padding-left: min(min(calc(28 / var(--vw-min) * 100vw), calc(28 / var(--vh-min) * 100vh)), calc(28px * var(--max-percent)));
	-webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, #000 8%, #000 92%, rgba(0,0,0,0.1) 100%);
	mask-image: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, #000 8%, #000 92%, rgba(0,0,0,0.1) 100%);
	margin-bottom: min(min(calc(8 / var(--vw-min) * 100vw), calc(8 / var(--vh-min) * 100vh)), calc(8px * var(--max-percent)));;
}




@media screen and (max-width:768px){
	.sectionCountWrap{
		margin-bottom: calc(48 / var(--vw-min) * 100vw);
		margin-left: calc(48 / var(--vw-min) * 100vw);
		line-height: 1;
	}
	.sectionCount__numListsWrap{
		font-size: calc(60 / var(--vw-min) * 100vw);
		height: 1em;
	}
	.sectionCount__num--all{
		margin-left: calc(16 / var(--vw-min) * 100vw);
		padding-bottom: calc(12 / var(--vw-min) * 100vw);
	}
	.sectionCount__num--all_ttl{
		font-size: calc(16 / var(--vw-min) * 100vw);
		margin-bottom: calc(12 / var(--vw-min) * 100vw);
	}
	.sectionCount__num--all_num{
		font-size: calc(26 / var(--vw-min) * 100vw);
		padding-left: calc(24 / var(--vw-min) * 100vw);
		display: block;
		line-height: 0.8;
		padding-top: calc(4 / var(--vw-min) * 100vw);
	}
	.sectionCount__num--all_num:before{
		width: var(--sp-size-2);
	}
	.sectionCount__name{
		font-size: calc(70 / var(--vw-min) * 100vw);
		height: 1em;
		margin-top: calc(24 / var(--vw-min) * 100vw);
		-webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, #000 4%, #000 96%, rgba(0,0,0,0.1) 100%);
		mask-image: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, #000 4%, #000 96%, rgba(0,0,0,0.1) 100%);
	}
	.sectionCount__nameJp{
		font-size: calc(24 / var(--vw-min) * 100vw);
		padding-left: calc(28 / var(--vw-min) * 100vw);
		-webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, #000 4%, #000 96%, rgba(0,0,0,0.1) 100%);
		mask-image: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, #000 4%, #000 96%, rgba(0,0,0,0.1) 100%);
		margin-bottom: calc(12 / var(--vw-min) * 100vw);
	}
}


/**
* sectionCount - Animation _setting
**/
.sectionCount__numLists,
.sectionCount__nameLists,
.sectionCount__nameJpLists{
	transform: translateY(0.9em);
	transition: transform .2s linear;
}
.sectionCount__numList span,
.sectionCount__num--all_numTxt span,
.sectionCount__nameList span,
.sectionCount__nameJpList span{
	display: inline-block;
	transform: translateY(100%);
	transition: .4s ease-in-out;
}
.sectionCount__num--all_numTxt span{
	transform: translateY(0%);
}
.sectionCount__numList span:nth-of-type(1),
.sectionCount__num--all_numTxt span:nth-of-type(1),
.sectionCount__nameList span:nth-of-type(1),
.sectionCount__nameJpList span:nth-of-type(1){
	transition-delay: .2s;
}
.sectionCount__numList span:nth-of-type(2),
.sectionCount__num--all_numTxt span:nth-of-type(2),
.sectionCount__nameList span:nth-of-type(2),
.sectionCount__nameJpList span:nth-of-type(2){
	transition-delay: .25s;
}
.sectionCount__numList span:nth-of-type(3),
.sectionCount__num--all_numTxt span:nth-of-type(3),
.sectionCount__nameList span:nth-of-type(3),
.sectionCount__nameJpList span:nth-of-type(3){
	transition-delay: .3s;
}
.sectionCount__numList span:nth-of-type(4),
.sectionCount__num--all_numTxt span:nth-of-type(4),
.sectionCount__nameList span:nth-of-type(4),
.sectionCount__nameJpList span:nth-of-type(4){
	transition-delay: .35s;
}
.sectionCount__numList span:nth-of-type(5),
.sectionCount__num--all_numTxt span:nth-of-type(5),
.sectionCount__nameList span:nth-of-type(5),
.sectionCount__nameJpList span:nth-of-type(5){
	transition-delay: .4s;
}
.sectionCount__numList span:nth-of-type(6),
.sectionCount__num--all_numTxt span:nth-of-type(6),
.sectionCount__nameList span:nth-of-type(6),
.sectionCount__nameJpList span:nth-of-type(6){
	transition-delay: .45s;
}
.sectionCount__numList span:nth-of-type(7),
.sectionCount__num--all_numTxt span:nth-of-type(7),
.sectionCount__nameList span:nth-of-type(7),
.sectionCount__nameJpList span:nth-of-type(7){
	transition-delay: .5s;
}
.sectionCount__numList span:nth-of-type(8),
.sectionCount__num--all_numTxt span:nth-of-type(8),
.sectionCount__nameList span:nth-of-type(8),
.sectionCount__nameJpList span:nth-of-type(8){
	transition-delay: .55s;
}
.sectionCount__numList span:nth-of-type(9),
.sectionCount__num--all_numTxt span:nth-of-type(9),
.sectionCount__nameList span:nth-of-type(9),
.sectionCount__nameJpList span:nth-of-type(9){
	transition-delay: 0.6s;
}
.sectionCount__numList span:nth-of-type(10),
.sectionCount__num--all_numTxt span:nth-of-type(10),
.sectionCount__nameList span:nth-of-type(10),
.sectionCount__nameJpList span:nth-of-type(10){
	transition-delay: 0.65s;
}
.sectionCount__numList span:nth-of-type(11),
.sectionCount__num--all_numTxt span:nth-of-type(11),
.sectionCount__nameList span:nth-of-type(11),
.sectionCount__nameJpList span:nth-of-type(11){
	transition-delay: 0.7s;
}
.sectionCount__numList span:nth-of-type(12),
.sectionCount__num--all_numTxt span:nth-of-type(12),
.sectionCount__nameList span:nth-of-type(12),
.sectionCount__nameJpList span:nth-of-type(12){
	transition-delay: 0.75s;
}

.sectionCount__num--all_ttl > span{
	transition: .3s ease-in-out .3s;
}
.sectionCount__num--all_num:before{
	transition: height .6s ease .3s;
}


/**
* sectionCount - Animation _active
**/
/* firstview */
body[data-nowsection="firstview"] .sectionCount__num--all_ttl > span{
	transform: translateY(100%);
	transition-delay: 0s;
}
body[data-nowsection="firstview"] .sectionCount__num--all_numTxt span{
	transform: translateY(100%);
	transition-delay: 0s;
}
body[data-nowsection="firstview"] .sectionCount__num--all_num:before{
	height: 0%;
	transition-delay: 0s;
}


/* news */
body[data-nowsection="news"] .sectionCount__numLists,
body[data-nowsection="news"] .sectionCount__nameLists,
body[data-nowsection="news"] .sectionCount__nameJpLists{
	transform: translateY(0em);
}
body[data-nowsection="news"] .sectionCount__numList:nth-of-type(1) span,
body[data-nowsection="news"] .sectionCount__nameList:nth-of-type(1) span,
body[data-nowsection="news"] .sectionCount__nameJpList:nth-of-type(1) span{
	transform: translateY(0%);
}


/* introduction */
body[data-nowsection="introduction"] .sectionCount__numLists,
body[data-nowsection="introduction"] .sectionCount__nameLists,
body[data-nowsection="introduction"] .sectionCount__nameJpLists{
	transform: translateY(-0.9em);
}
body[data-nowsection="introduction"] .sectionCount__nameJpLists{
	transform: translateY(-1em);
}
@media screen and (max-width:768px){
	body[data-nowsection="introduction"] .sectionCount__numLists,
	body[data-nowsection="introduction"] .sectionCount__nameLists,
	body[data-nowsection="introduction"] .sectionCount__nameJpLists{
		transform: translateY(-1em);
	}
}
body[data-nowsection="introduction"] .sectionCount__numList:nth-of-type(1) span,
body[data-nowsection="introduction"] .sectionCount__nameList:nth-of-type(1) span,
body[data-nowsection="introduction"] .sectionCount__nameJpList:nth-of-type(1) span{
	transform: translateY(-100%);
}
body[data-nowsection="introduction"] .sectionCount__numList:nth-of-type(2) span,
body[data-nowsection="introduction"] .sectionCount__nameList:nth-of-type(2) span,
body[data-nowsection="introduction"] .sectionCount__nameJpList:nth-of-type(2) span{
	transform: translateY(0%);
}

/* story */
body[data-nowsection="story"] .sectionCount__numLists,
body[data-nowsection="story"] .sectionCount__nameLists{
	transform: translateY(-1.8em);
}
body[data-nowsection="story"] .sectionCount__nameJpLists{
	transform: translateY(-2em);
}
@media screen and (max-width:768px){
	body[data-nowsection="story"] .sectionCount__numLists,
	body[data-nowsection="story"] .sectionCount__nameLists,
	body[data-nowsection="story"] .sectionCount__nameJpLists{
		transform: translateY(-2em);
	}
}
body[data-nowsection="story"] .sectionCount__numList:nth-of-type(1) span,
body[data-nowsection="story"] .sectionCount__numList:nth-of-type(2) span,
body[data-nowsection="story"] .sectionCount__nameList:nth-of-type(1) span,
body[data-nowsection="story"] .sectionCount__nameList:nth-of-type(2) span,
body[data-nowsection="story"] .sectionCount__nameJpList:nth-of-type(1) span,
body[data-nowsection="story"] .sectionCount__nameJpList:nth-of-type(2) span{
	transform: translateY(-100%);
}
body[data-nowsection="story"] .sectionCount__numList:nth-of-type(3) span,
body[data-nowsection="story"] .sectionCount__nameList:nth-of-type(3) span,
body[data-nowsection="story"] .sectionCount__nameJpList:nth-of-type(3) span{
	transform: translateY(0%);
}

/* character */
body[data-nowsection="character"] .sectionCount__numLists,
body[data-nowsection="character"] .sectionCount__nameLists{
	transform: translateY(-2.7em);
}
body[data-nowsection="character"] .sectionCount__nameJpLists{
	transform: translateY(-3em);
}
@media screen and (max-width:768px){
	body[data-nowsection="character"] .sectionCount__numLists,
	body[data-nowsection="character"] .sectionCount__nameLists,
	body[data-nowsection="character"] .sectionCount__nameJpLists{
		transform: translateY(-3em);
	}
}
body[data-nowsection="character"] .sectionCount__numList:nth-of-type(1) span,
body[data-nowsection="character"] .sectionCount__numList:nth-of-type(2) span,
body[data-nowsection="character"] .sectionCount__numList:nth-of-type(3) span,
body[data-nowsection="character"] .sectionCount__nameList:nth-of-type(1) span,
body[data-nowsection="character"] .sectionCount__nameList:nth-of-type(2) span,
body[data-nowsection="character"] .sectionCount__nameList:nth-of-type(3) span,
body[data-nowsection="character"] .sectionCount__nameJpList:nth-of-type(1) span,
body[data-nowsection="character"] .sectionCount__nameJpList:nth-of-type(2) span,
body[data-nowsection="character"] .sectionCount__nameJpList:nth-of-type(3) span{
	transform: translateY(-100%);
}
body[data-nowsection="character"] .sectionCount__numList:nth-of-type(4) span,
body[data-nowsection="character"] .sectionCount__nameList:nth-of-type(4) span,
body[data-nowsection="character"] .sectionCount__nameJpList:nth-of-type(4) span{
	transform: translateY(0%);
}

/* footer */
body[data-nowsection="footer"] .sectionCount__numLists,
body[data-nowsection="footer"] .sectionCount__nameLists{
	transform: translateY(-3.6em);
}
body[data-nowsection="footer"] .sectionCount__nameJpLists{
	transform: translateY(-4em);
}
@media screen and (max-width:768px){
	body[data-nowsection="footer"] .sectionCount__numLists,
	body[data-nowsection="footer"] .sectionCount__nameLists,
	body[data-nowsection="footer"] .sectionCount__nameJpLists{
		transform: translateY(-4em);
	}
}
body[data-nowsection="footer"] .sectionCount__numList:nth-of-type(1) span,
body[data-nowsection="footer"] .sectionCount__numList:nth-of-type(2) span,
body[data-nowsection="footer"] .sectionCount__numList:nth-of-type(3) span,
body[data-nowsection="footer"] .sectionCount__numList:nth-of-type(4) span,
body[data-nowsection="footer"] .sectionCount__nameList:nth-of-type(1) span,
body[data-nowsection="footer"] .sectionCount__nameList:nth-of-type(2) span,
body[data-nowsection="footer"] .sectionCount__nameList:nth-of-type(3) span,
body[data-nowsection="footer"] .sectionCount__nameList:nth-of-type(4) span,
body[data-nowsection="footer"] .sectionCount__nameJpList:nth-of-type(1) span,
body[data-nowsection="footer"] .sectionCount__nameJpList:nth-of-type(2) span,
body[data-nowsection="footer"] .sectionCount__nameJpList:nth-of-type(3) span,
body[data-nowsection="footer"] .sectionCount__nameJpList:nth-of-type(4) span{
	transform: translateY(-100%);
}

body[data-nowsection="footer"] .sectionCount__num--all_ttl > span{
	transform: translateY(-100%);
	transition-delay: 0s;
}
body[data-nowsection="footer"] .sectionCount__num--all_numTxt span{
	transform: translateY(-100%);
	transition-delay: 0s;
}
body[data-nowsection="footer"] .sectionCount__num--all_num:before{
	height: 0%;
	transition-delay: 0s;
}



/**
* comLogo
**/
.comLogo{
	opacity: 0;
	transform: scale(60%);
	transition: transform .3s ease, opacity .3s ease;
}

body:not([data-nowsection="firstview"]) .comLogo{
	opacity: 1;
	transform: scale(100%);
}
body[data-nowsection="firstview"] .comLogo a{
	pointer-events: none;
}



/*-----------------------------------------------
 * NEWS
-------------------------------------------------*/
#news .mainContentSectionIn__cont{
	width: 66.6667%;/* 800 */
	min-width: min(800px, 100%);
	margin-left: auto;
	padding-bottom: 40px;
	position: relative;
}
.sectionContDeco.-news{
	top: 0;
	left: 0;
	margin-top: max(calc(-77 / var(--vw-min) * 100vw), calc(-77px * var(--max-percent)));
	margin-left: max(calc(-77 / var(--vw-min) * 100vw), calc(-77px * var(--max-percent)));
	z-index: 2;
	pointer-events: none;
}
.sectionContDeco.-news::before{
	background-image: url(../img/top/deco_sectionCont-news.svg);
}
.newsLists{
	width: 100%;
}
.newsList{
	position: relative;
}
.newsList:not(:last-child){
	margin-bottom: 16px;
}
.newsList__link{
	display: flex;
	text-decoration: none;
	background-color: #fff;
	position: relative;
}
.newsList__link:before,
.newsList__link:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: var(--color-black);
	z-index: 2;
}
.newsList__link:before{
	top: 0;
}
.newsList__link:after{
	bottom: 0;
}
.newsList__date{
	width: 12%;/* 96 */
	min-width: 96px;
	flex-shrink: 0;
	background-color: #fafaeb;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-en);
	line-height: 1.25;
	font-weight: 700;
}
.newsList:nth-child(odd) .newsList__date{
	color: var(--color-orange);
}
.newsList:nth-child(even) .newsList__date{
	color: var(--color-blue);
}
.newsList__title{
	display: flex;
	align-items: center;
	padding: min(2%, 16px) 3%;/* 16 24 */
	min-height: min(calc(112 / var(--vw-min) * 100vw), calc(112px * var(--max-percent)));
}
.newsList__title-txt{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 2;
	overflow: hidden;
}
.newsList__thumb{
	flex-shrink: 0;
	width: 12%;/* 96 */
	min-width: 96px;
	position: relative;
	margin-left: auto;
}
.newsList__thumb-img{
	position: relative;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
}
.newsList__thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (hover:hover) and (pointer: fine){
	.newsList__link .newsList__title-txt span{
		background: linear-gradient(var(--color-yellow), var(--color-yellow)) right bottom / 0 40% no-repeat;
        transition: background-size 0.8s;
	}
	.newsList__thumb img{
		transition: transform .4s ease, filter .4s ease;
	}
	.newsList__link:hover .newsList__title-txt span {
		background-size: 100% 40%;
		background-position: left bottom;
	}
	.newsList__link:hover .newsList__thumb img{
		filter: brightness(110%);
		transform: scale(1.075);
	}
}

@media screen and (max-width:768px){
	#news .mainContentSectionIn__cont{
		width: 87.2%;/* 654 */
		min-width: auto;
		padding-bottom: unset;
	}
	.sectionContDeco.-news{
		margin-top: calc(-84 / var(--vw-min) * 100vw);
		margin-left: calc(-84 / var(--vw-min) * 100vw);
	}
	.newsList:not(:last-child){
		margin-bottom: calc(24 / var(--vw-min) * 100vw);
	}
	.newsList__date{
		width: auto;
		min-width: 18.3487%;/* 120 */
	}
	.newsList__title{
		min-height: calc(160 / var(--vw-min) * 100vw);
		padding: calc(8 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
	}
	.newsList__title-txt{
		-webkit-line-clamp: 3;
	}
	.newsList__thumb{
		width: calc(168 / var(--vw-min) * 100vw);
	}
}


/**
* ScrollAnimation _setting
**/
.sectionContDeco.-news,
.newsList,
#news .comLink{
	opacity: 0;
	transition: opacity .6s ease, transform .4s ease;
}



/**
* ScrollAnimation _active
**/
#news .mainContentSectionIn__cont.is-ani .sectionContDeco.-news{
	opacity: 1;
}
#news .mainContentSectionIn__cont.is-ani .sectionContDeco.-news:before,
#news .mainContentSectionIn__cont.is-ani .sectionContDeco.-news:after{
	animation-play-state: running;
}
#news .mainContentSectionIn__cont.is-ani .newsList,
#news .mainContentSectionIn__cont.is-ani .comLink{
	opacity: 1;
	transform: translateX(0%);
}
#news .mainContentSectionIn__cont.is-ani .newsList:nth-of-type(1){
	transition-delay: .05s;
}
#news .mainContentSectionIn__cont.is-ani .newsList:nth-of-type(2){
	transition-delay: .15s;
}
#news .mainContentSectionIn__cont.is-ani .newsList:nth-of-type(3){
	transition-delay: .25s;
}
#news .mainContentSectionIn__cont.is-ani .comLink{
	transition-delay: .3s;
}


/*-----------------------------------------------
 * INTRODUCTION
-------------------------------------------------*/
#introduction .mainContentSectionIn__cont{
	width: 93.3334%;/* 1120 */
	min-width: min(100%, 1120px);
	margin: 0 auto;
	position: relative;
	padding-bottom: 40px;
}


.introduction_catch{
	position: absolute;
	top: 0;
	right: 0.7143%;/* 8 */
	width: min(calc(151 / var(--vw-min) * 100vw), calc(151px * var(--max-percent)));
}
.introduction_catch--img{
	display: block;
	width: 100%;/* 151 */
	padding-top: 26.4901%;/* 40 */
}
.introduction_catch img{
	width: 100%;
}

.introduction_image{
	position: absolute;
	top: 0;
	right: 3.5715%;/* 40 */
	width: 53.5715%;/* 600 */
}
.sectionContDeco.-prologue{
	top: 0;
	left: 0;
	margin-top: max(calc(-60 / var(--vw-min) * 100vw), calc(-60px * var(--max-percent)));
	margin-left: max(calc(-60 / var(--vw-min) * 100vw), calc(-60px * var(--max-percent)));
	z-index: 2;
	pointer-events: none;
}
.sectionContDeco.-prologue::before{
	background-image: url(../img/top/deco_sectionCont-prologue.svg);
}

.introduction_image--img{
	width: 100%;
	border: 1px solid var(--color-black);
	border-radius: 40px;
	overflow: hidden;
}
.introduction_image--img img{
	width: 100%;
}

.introduction_text{
	padding-top: 8.0358%;/* 90 */
	padding-left: 3.5715%;/* 40 */
	position: relative;
	font-size: 1.25em;/* 20 */
	font-weight: 600;
	line-height: 2.5;
}
.introduction_text-txtIn{
	background: #FFF;
}
.introduction_text-txt:not(:first-child){
	padding-top: 2.75em;
}


.ctxt_accent[data-color="satsuki"]{
	background: linear-gradient(180deg, transparent 0%, transparent 66%, var(--color-chara-satsuki) 10%, var(--color-chara-satsuki) 95%, transparent 95%, transparent 100%);
}
.ctxt_accent[data-color="an"]{
	background: linear-gradient(180deg, transparent 0%, transparent 66%, var(--color-chara-an) 10%, var(--color-chara-an) 95%, transparent 95%, transparent 100%);
}
.ctxt_accent[data-color="haruno"]{
	background: linear-gradient(180deg, transparent 0%, transparent 66%, var(--color-chara-haruno) 10%, var(--color-chara-haruno) 95%, transparent 95%, transparent 100%);
}
.ctxt_accent[data-color="sakurako"]{
	background: linear-gradient(180deg, transparent 0%, transparent 66%, var(--color-chara-sakurako) 10%, var(--color-chara-sakurako) 95%, transparent 95%, transparent 100%);
}


#introduction .comLink{
	width: 64.2858%;/* 720 */
}

@media screen and (min-width:769px){
	.introduction_text-txtIn{
		padding: min(calc(4 / var(--vw-min) * 100vw), calc(4px * var(--max-percent))) 0;
	}
	.p-introduction_text{
		padding: 0 min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent)));
	}
}

@media screen and (max-width:768px){
	#introduction{
		overflow: hidden;
	}
	#introduction .mainContentSectionIn__cont{
		width: 87.2%;/* 654 */
		min-width: auto;
		padding-bottom: unset;
	}
	.introduction_catch{
		width: calc(181 / var(--vw-min) * 100vw);
		right: calc(-30 / var(--vw-min) * 100vw);
	}
	.introduction_catch--img{
		padding-top: 0;
	}
	.introduction_image{
		position: relative;
		padding-top: calc(48 / var(--vw-min) * 100vw);
		right: unset;
		width: 92.6606%;/* 606 */
		margin-left: auto;
	}
	.sectionContDeco.-prologue{
		margin-top: calc(-24 / var(--vw-min) * 100vw);
		margin-left: calc(-72 / var(--vw-min) * 100vw);
	}
	.introduction_image--img{
		border-radius: calc(48 / var(--vw-min) * 100vw);
		border-width: var(--sp-size-2);
	}
	
	.introduction_text{
		padding-top: 0;
		padding-left: unset;
		margin-top: calc(-32 / var(--vw-min) * 100vw);
		font-size: calc(28 / var(--vw-min) * 100vw);
		line-height: 1.8;
		letter-spacing: 0;
	}
	.introduction_text-txtIn{
		background-color: #fff;
	}
	.s-introduction_text{
		display: inline-block;
		background-color: #fff;
	}
	.introduction_text-txtIn .s-introduction_text{
		padding: 0.1em 0.25em;
	}
	.introduction_text-txtIn .s-introduction_text.-npr{
		padding-right: 0;
	}
	.introduction_text-txtIn .s-introduction_text.-npl{
		padding-left: 0.15em;
		margin-left: -0.325em;
	}
	#introduction .comLink{
		width: calc(558 / var(--vw-min) * 100vw);
		margin-top: calc(96 / var(--vw-min) * 100vw);
		margin-left: auto;
		margin-right: auto;
	}
}


/**
* ScrollAnimation _setting
**/
.sectionContDeco.-prologue,
.introduction_image--img{
	opacity: 0;
	transform: scale(60%);
	transition: opacity .6s ease, transform .6s ease;
}
.introduction_catch--img img{
	opacity: 0;
	transform: scale(80%) rotateY(135deg);
	transition: opacity .6s ease, transform .6s ease;
}
.introduction_text-txt,
#introduction .comLink{
	opacity: 0;
	transform: translateY(25%);
	transition: opacity .4s ease .8s, transform .6s ease .8s;
}


/**
* ScrollAnimation _active
**/
#introduction .mainContentSectionIn__cont.is-ani .sectionContDeco.-prologue{
	opacity: 1;
	transform: scale(100%);
	transition-delay: .4s;
}
#introduction .mainContentSectionIn__cont.is-ani .sectionContDeco.-prologue:before,
#introduction .mainContentSectionIn__cont.is-ani .sectionContDeco.-prologue:after{
	animation-play-state: running;
}
#introduction .mainContentSectionIn__cont.is-ani .introduction_image--img{
	opacity: 1;
	transform: scale(100%);
	transition-delay: .2s;
}
#introduction .mainContentSectionIn__cont.is-ani .introduction_catch--img img{
	opacity: 1;
	transform: scale(100%) rotateY(0deg);
	transition-delay: .4s;
}
#introduction .mainContentSectionIn__cont .introduction_text-txt.is-ani,
#introduction .mainContentSectionIn__cont .comLink.is-ani{
	opacity: 1;
	transform: translateY(0%);
	transition-delay: .2s;
}


/**
* sp - introDecoCharacter
**/
@media screen and (max-width:768px){
	.s-intro_decoChara{
		position: absolute;
		z-index: -1;
		transition: .4s ease;
	}
	.s-intro_decoChara img{
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	.s-intro_decoChara.-c1{
		width: calc(324 / var(--vw-min) * 100vw);
		height: calc(438 / var(--vw-min) * 100vw);
		top: 0;
		right: calc(-48 / var(--vw-min) * 100vw);
		margin-top: calc(572 / var(--vw-min) * 100vw);
	}
	.s-intro_decoChara.-c1 img{
		width: 112.3457%;/* 364 */


	}
	.s-intro_decoChara.-c2{
		width: calc(683 / var(--vw-min) * 100vw);
		height: calc(930 / var(--vw-min) * 100vw);
		bottom: 0;
		right: 0;
		margin-bottom: calc(-288 / var(--vw-min) * 100vw);
	}

	.s-intro_decoChara.-c1{
		transform: translateY(50%);
		opacity: 0;
		transition: .6s ease;
	}
	.mainContentSectionIn__cont.is-ani .s-intro_decoChara.-c1{
		opacity: 1;
		transform: translateY(0%);
		transition-delay: .4s;
	}


	.s-intro_decoChara.-c2{
		opacity: 0;
		transition: .6s ease;
	}
	body[data-nowsection="firstview"] .s-intro_decoChara.-c2,
	body[data-nowsection="news"] .s-intro_decoChara.-c2{
		transform: translateX(25%);
		opacity: 0;
		transition: .6s ease;
	}
	body[data-nowsection="introduction"] .mainContentSectionIn.is-ani .s-intro_decoChara.-c2{
		opacity: 1;
		transform: translateX(0%);
		transition-delay: .4s;
	}
	body[data-nowsection="story"] .s-intro_decoChara.-c2,
	body[data-nowsection="character"] .s-intro_decoChara.-c2,
	body[data-nowsection="footer"] .s-intro_decoChara.-c2{
		transform: translateX(-25%);
		opacity: 0;
		transition: .6s ease;
	}
}


/*-----------------------------------------------
 * STORY
-------------------------------------------------*/
#story .mainContentSectionIn__cont{
	width: 100%;
}

/* ComingSoon */
.story_comingsoon{
	width: min(calc(828 / var(--vw-min) * 100vw), calc(828px * var(--max-percent)));/* 828 */
	min-width: min(100%, 828px);
	margin: 0 auto;
}
.story_comingsoonIn{
	width: 100%;
	padding-left: 20.65217%;/* 171 */
	padding-right: 5.7972%;/* 48 */
}
.story_comingsoonIn img{
	width: 100%;
}

@media screen and (max-width:768px){
	#story .mainContentSectionIn__cont{
		padding-bottom: unset;
	}
	.story_comingsoon{
		width: 100%;
		min-width: auto;
	}
	.story_comingsoonIn{
		padding-left: calc(96 / var(--vw-min) * 100vw);
		padding-right: 0;
		overflow: hidden;
	}
	.story_comingsoonIn img{
		width: 100.7646%;
	}
}


/**
* StoryContent
**/
.storyContentWrap{
	width: min(calc(800 / var(--vw-min) * 100vw), calc(800px * var(--max-percent)));
	min-width: min(100%, 800px);
	margin: 0 auto;
}
.storySlideWrap{
	position: relative;
}
.storySlideSwiper{
	width: min(calc(680 / var(--vw-min) * 100vw), calc(680px * var(--max-percent)));
	padding: 0 min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
	margin-left: auto;
	margin-right: auto;
	min-width: min(100%, 680px);
}

.storySlideList{
	width: 80%;/* 480 */
	height: auto;
}
.storySlide__link{
	display: flex;
	flex-direction: column;
	text-decoration: none;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 24px;
	color: #000;
	border: 1px solid #000;
	padding: 8.3334%;/* 40 */
	position: relative;
}
.storySlide__link:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	border-radius: 24px;
	background-color: rgba(0,0,0,5%);
	opacity: 0;
	transition: opacity .2s ease;
}
.storySlide__image{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	overflow: hidden;
}
.storySlide__image img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.storySlide__title{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding-top: 6%;/* 24 */
	display: flex;
	align-items: center;
}
.storySlide__title--no{
	display: inline-block;
	flex-shrink: 0;
	min-width: min(calc(96 / var(--vw-min) * 100vw), calc(96px * var(--max-percent)));
	position: relative;
	font-family: var(--font-en);
	font-size: min(calc(44 / var(--vw-min) * 100vw), calc(44px * var(--max-percent)));
	font-weight: 700;
	line-height: 0.8;
	padding-top: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent)));
	padding-right: min(calc(12 / var(--vw-min) * 100vw), calc(12px * var(--max-percent)));
}
.storySlide__title--no:before{
	content: 'EPISODE';
	position: absolute;
	top: 0;
	left: 0;
	font-size: min(calc(10 / var(--vw-min) * 100vw), calc(10px * var(--max-percent)));
}
.storySlide__title--title{
	display: flex;
	align-items: center;
	min-height: min(calc(60 / var(--vw-min) * 100vw), calc(60px * var(--max-percent)));
	padding-left: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent)));
	position: relative;
	font-size: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	line-height: 1.8;
}
.storySlide__title--title:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 1px;
	background: #000;
}

.storySlideList .swiper-slide-shadow{
	opacity: 0!important;
}

@media screen and (min-width:769px){
	.storySlideSwiper.--noSwiper .storySlideLists{
		justify-content: center;
	}
}

@media screen and (max-width:768px){
	.storySlideWrap{
		overflow: hidden;
	}
	.storyContentWrap{
		width: 100%;
		min-width: 100%;
	}
	.storySlideSwiper{
		width: 100%;
		min-width: 100%;
		padding: 0 calc(96 / var(--vw-min) * 100vw);
	}
	.storySlideList{
		width: 100%;
	}
	.storySlide__link{
		padding: calc(48 / var(--vw-min) * 100vw);
	}
	.storySlide__title{
		padding-top: calc(32 / var(--vw-min) * 100vw);
	}
	.storySlide__title--no{
		min-width: calc(128 / var(--vw-min) * 100vw);
		font-size: calc(60 / var(--vw-min) * 100vw);
		padding-top: calc(26 / var(--vw-min) * 100vw);
		padding-right: calc(12 / var(--vw-min) * 100vw);
	}
	.storySlide__title--no:before{
		font-size: calc(16 / var(--vw-min) * 100vw);
	}
	.storySlide__title--title{
		font-size: calc(28 / var(--vw-min) * 100vw);
		line-height: 1.5;
		min-height: calc(84 / var(--vw-min) * 100vw);
	}
	.storySlide__title--title:after{
		width: var(--sp-size-2);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.storySlide__image img{
		transition: .3s ease;
	}
	.storySlide__link:hover .storySlide__image img{
		transform: scale(105%);
		filter: brightness(110%);
	}
}

/**
* deco
**/
.storySlideDecoWrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: min(calc(680 / var(--vw-min) * 100vw), calc(680px * var(--max-percent)));
	padding: 0 min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));;
	min-width: min(100%, 680px);
	margin: 0 auto;
	pointer-events: none;
}
.storySlideDecoInWrap{
	width: 80%;
	margin: 0 auto;
	position: relative;
}
.sectionContDeco.-episode{
	top: 0;
	left: 0;
	margin-top: max(calc(-60 / var(--vw-min) * 100vw), calc(-60px * var(--max-percent)));
	margin-left: max(calc(-60 / var(--vw-min) * 100vw), calc(-60px * var(--max-percent)));
	z-index: 2;
	pointer-events: none;
}
.sectionContDeco.-episode::before{
	background-image: url(../img/top/deco_sectionCont-episode.svg);
}
@media screen and (max-width:768px){
	.storySlideWrap{
		padding: calc(72 / var(--vw-min) * 100vw) 0;
	}
	.storySlideDecoWrap{
		width: 100%;
		min-width: 100%;
		padding: 0 calc(96 / var(--vw-min) * 100vw);
	}
	.storySlideDecoInWrap{
		width: 100%;
	}
	.sectionContDeco.-episode{
		margin-top: 0;
        margin-left: calc(-72 / var(--vw-min) * 100vw);
	}
}


/**
* ScrollAnimation _setting
**/
.story_comingsoonIn,
.storySlideWrap{
	opacity: 0;
	transform: scale(60%);
	transition: opacity .6s ease, transform .6s ease;
}

/**
* ScrollAnimation _active
**/
#story .mainContentSectionIn__cont.is-ani .story_comingsoonIn,
#story .mainContentSectionIn__cont.is-ani .storySlideWrap{
	opacity: 1;
	transform: scale(100%);
	transition-delay: .2s;
}
#story .mainContentSectionIn__cont.is-ani .sectionContDeco.-episode{
	opacity: 1;
	transform: scale(100%);
	transition-delay: .4s;
}
#story .mainContentSectionIn__cont.is-ani .sectionContDeco.-episode:before,
#story .mainContentSectionIn__cont.is-ani .sectionContDeco.-episode:after{
	animation-play-state: running;
}


/*-----------------------------------------------
 * CHARACTER
-------------------------------------------------*/
#character .mainContentSectionIn{
	max-width: 100%;
}
#character .mainContentSectionIn__cont{
	width: 100%;
	position: relative;
	padding-bottom: 0;
}

.characterSlideContentWrap{
	width: 100%;
	min-height: max(calc((400 / var(--vw-min) * 100vw) * 5), calc(100vh + (400 / var(--vw-min) * 100vw)));
	/* min-height: calc(100vw + 340px); */
	position: relative;
}
.characterSlideContent{
	position: sticky;
	top: 0;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.characterSlideContentIn{
	width: 100%;
	padding-bottom: min(calc(80 / var(--vw-min) * 100vw), calc(80 / var(--vh-min) * 100vh));
}

.characterSlideListsWrap{
	position: relative;
	width: 100%;
	height: min(calc(320 / var(--vw-min) * 100vw), calc(320px * var(--max-percent)));
}
.characterSlideLists{
	position: absolute;
	/* bottom: min(calc(40 / var(--vw-min) * 100vw), calc(40 / var(--vh-min) * 100vh)); */
	top: 0;
	left: 0;
	display: flex;
	padding-left: calc(80 / var(--vw-min) * 100vw);
	padding-right: calc(400 / var(--vw-min) * 100vw);
}
.characterSlideList{
	width: calc(400 / var(--vw-min) * 100vw);
	height: min(calc(320 / var(--vw-min) * 100vw), calc(320 / var(--vh-min) * 100vh));
	padding-top: min(calc(40 / var(--vw-min) * 100vw), calc(40 / var(--vh-min) * 100vh));
	overflow: hidden;
}

.characterSlideList__link{
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	text-decoration: none;
}
.characterSlideList__link:before,
.characterSlideList__link:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.characterSlideList__link:before{
	border-top: 1px solid var(--color-black);
}
.characterSlideList__link:after{
	border-bottom: 1px solid var(--color-black);
	z-index: 2;
}


.characterSlideList.-satsuki .characterSlideList__link{
	background-color: var(--color-chara-satsuki);
}
.characterSlideList.-an .characterSlideList__link{
	background-color: var(--color-chara-an);
}
.characterSlideList.-sakurako .characterSlideList__link{
	background-color: var(--color-chara-sakurako);
}
.characterSlideList.-haruno .characterSlideList__link{
	background-color: var(--color-chara-haruno);
}
.characterSlideList.-kako .characterSlideList__link{
	background-color: var(--color-chara-kako);
}

.characterSlideList__textWrap{
	width: 30%;/* 120 */
	display: flex;
	justify-content: center;
	padding-top: min(calc(40 / var(--vw-min) * 100vw), calc(40 / var(--vh-min) * 100vh));
	font-size: min(calc(10 / var(--vw-min) * 100vw), min(calc(10 / var(--vh-min) * 100vh), calc(10px * 1.2)));
	color: #FFF;
}
.characterSlideList__text--num{
	text-align: center;
	font-family: var(--font-en);
	font-weight: 700;
	font-size: 2.1em;
	line-height: 0.9;
	letter-spacing: 0;
	padding-bottom: 0.6667em;/* 14 */
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #FFF;
}
.characterSlideList__name{
	writing-mode: vertical-rl;
	text-orientation: mixed;
	line-height: 1;
	padding-top: 1.6em;
}
.characterSlideList__name-en{
	font-family: var(--font-en);
	font-weight: 700;
	font-size: 1em;
	line-height: 0.9;
	letter-spacing: 0;
}
.characterSlideList__name-ja{
	font-size: 2.4em;
	font-weight: 700;
	letter-spacing: 0;
	padding-right: 0.5em;/* 10 */
}

.characterSlideList__ImageWrap{
	width: 60%;/* 240 */
	padding-top: min(calc(40 / var(--vw-min) * 100vw), calc(40 / var(--vh-min) * 100vh));
}
.characterSlideList__Image{
	width: min(100%, calc(240 / var(--vh-min) * 100vh));
	margin: 0 auto;
	transform: perspective(1000px) rotateX(-10deg) translateZ(-6px);
	text-align: center;
}
.characterSlideList__Image img{
	max-width: 100%;
	filter: drop-shadow(0 0 20px rgba(0,0,0,50%));
}

.characterSlideList.-haruno .characterSlideList__textWrap{
	color: var(--color-black);
}
.characterSlideList.-haruno .characterSlideList__text--num{
	border-color: var(--color-black);
}

@media screen and (hover:hover) and (pointer: fine){
	.characterSlideList__Image{
		transition: .3s ease;
	}
	.characterSlideList__link:hover .characterSlideList__Image{
		transform: translateY(max(calc(-80 / var(--vw-min) * 100vw), calc(-80 / var(--vh-min) * 100vh))) translateZ(0px) perspective(1000px) rotateX(0deg);
	}
}

@media screen and (max-width:768px){
	.characterSlideContentWrap{
		min-height: unset;
	}
	.characterSlideContent{
		position: relative;
		height: auto;
		display: block;
	}
	.characterSlideContentIn{
		padding-bottom: unset;
	}
	.characterSlideListsWrap{
		height: auto;
	}
	.characterSlideLists{
		position: relative;
		display: block;
		padding: 0;
	}
	.characterSlideList{
		width: calc(614 / var(--vw-min) * 100vw);
		height: calc(424 / var(--vw-min) * 100vw);
		/* padding-top: calc(48 / var(--vw-min) * 100vw); */
		padding-top: calc(48 / var(--vw-min) * 100vw);
		position: relative;
	}
	.characterSlideList:not(:nth-child(1)){
		margin-top: calc(-48 / var(--vw-min) * 100vw);
		z-index: 2;
	}
	.characterSlideList:nth-of-type(even){
		margin-left: auto;
	}
	.characterSlideList__link:before,
	.characterSlideList__link:after{
		border-width: var(--sp-size-2);
	}
	.characterSlideList__textWrap{
		width: 24.7558%;/* 152 */
		padding-top: calc(48 / var(--vw-min) * 100vw);
		font-size: calc(16 / var(--vw-min) * 100vw);
	}
	.characterSlideList__textInWrap{
		min-width: calc(64 / var(--vw-min) * 100vw);
	}
	.characterSlideList__text--num{
		font-size: 1.625em;/* 26 */
		padding-bottom: 0.92308em;/* 24 */
		border-width: var(--sp-size-2);
	}
	.characterSlideList__name{
		width: 100%;
		padding-top: 1.5em;/* 15 */
	}
	.characterSlideList__name-ja{
		font-size: 2em;/* 32 */
		padding-right: 0.4375em;/* 14 */
	}
	.characterSlideList__ImageWrap{
		width: 59.9349%;/* 368 */
		margin-left: 0;
		padding-top: unset;
	}
	.characterSlideList__Image{
		width: 100%;
		transform: translateY(calc(-40 / var(--vw-min) * 100vw));
	}

	.characterSlideList__Image img{
		filter: drop-shadow(0 10px 10px rgba(0,0,0,50%));
	}
	
/* satsuki */
	.characterSlideList.characterSlideList.-satsuki	.characterSlideList__Image img{
		transform: rotate(-1deg);
	}
	
/* an */
	.characterSlideList.characterSlideList.-an .characterSlideList__Image img{
		transform: rotate(1.5deg);
	}
		
/* sakurako */
	.characterSlideList.characterSlideList.-an .characterSlideList__Image img{
		transform: rotate(-0.5deg);
	}
			
/* haruno */
	.characterSlideList.characterSlideList.-haruno .characterSlideList__Image img{
		transform: rotate(2deg);
	}
				
/* haruno */
	.characterSlideList.characterSlideList.-kako .characterSlideList__Image img{
		transform: rotate(-1.5deg);
	}
}



/**
* ScrollAnimation _setting
**/
.characterSlideList{
	opacity: 0;
	transform: translateY(25%);
	transition: opacity .6s ease, transform .8s ease .6s;
}
@media screen and (max-width:768px){
	#character{
		overflow: hidden;
	}
	.characterSlideList{
		transition: opacity .6s ease, transform .6s ease;
	}
	.characterSlideList:nth-of-type(odd){
		transform: translateX(-50%);
	}
	.characterSlideList:nth-of-type(even){
		transform: translateX(50%);
	}
}

/**
* ScrollAnimation _active
**/
@media screen and (min-width: 769px){
	#character .mainContentSectionIn__cont.is-ani .characterSlideList{
		opacity: 1;
		transform: translateY(0%);
		transition-delay: .4s;
	}
	#character .mainContentSectionIn__cont.is-ani .characterSlideList:nth-of-type(2){
		transition-delay: .5s;
	}
	#character .mainContentSectionIn__cont.is-ani .characterSlideList:nth-of-type(3){
		transition-delay: .6s;
	}
	#character .mainContentSectionIn__cont.is-ani .characterSlideList:nth-of-type(4){
		transition-delay: .7s;
	}
	#character .mainContentSectionIn__cont.is-ani .characterSlideList:nth-of-type(5){
		transition-delay: .8s;
	}
}
@media screen and (max-width:768px){
	#character .characterSlideList.is-ani{
		opacity: 1;
		transform: translateX(0%);
	}
}


/*-----------------------------------------------
 * Cursor
-------------------------------------------------*/
@media (hover: hover) and (pointer: fine) {
	.cursor{
		display: block;
		position: fixed;
		width: min(calc(96 / var(--vw-min) * 100vw), calc(96px * var(--max-percent)));
		height: min(calc(96 / var(--vw-min) * 100vw), calc(96px * var(--max-percent)));
		z-index: 1000;
		pointer-events: none;
		mix-blend-mode: difference;
	}
	.cursor__in{
		position: absolute;
		top: 0;	
		left: 4.1667%;/* 4 */
		right: 0;
		bottom: 0;
		margin: auto;
		width: 33.3334%;
		height: 33.3334%;
		background: url(../img/common/icon_movie-playtriangle.svg) no-repeat center / contain;
		transform: scale(0.15);
		opacity: 0;
		transition: transform .4s ease, opacity .2s ease;
	}
	.cursor__out{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		transform: scale(1.85);
		transition: transform .4s ease, opacity .2s ease;
	}
	.cursor__out:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/common/icon_movie-playcircle.svg) no-repeat center / contain;
		animation: 12s ani_rotate linear infinite;
		animation-play-state: paused;
	}

	/* active */
	.cursor.is-hover .cursor__in,
	.cursor.is-hover .cursor__out {
		opacity: 1;
		transform: scale(1);
	}
	.cursor.is-hover .cursor__out:before{
		animation-play-state: running;
	}
	.btn_moviePlay__circle{display: none;}

	.tilt_mvAreaContent{
		width: 100%;
		height: 100%;
	}
	.js-mv_mouseOver{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.js-charaVisual_mouseOver{
		z-index: 1000;
	}
	.mvImage img{
		transition: object-position 2s cubic-bezier(.43,.56,.48,.92);
	}
	
	.js-charaMv{
		transition: transform 2s cubic-bezier(.43,.56,.48,.92);
	}

	body.--is-backtotop .js-mv_mouseOver{
		pointer-events: none;
	}
	body.--is-backtotop .mvImage img{
		object-position: 50% 50%!important;
		transition: unset;
	}

	.fv_movieAreaCont .btn_moviePlay:before{
		content: unset;
	}
}


/*-----------------------------------------------
 * BackToTop
-------------------------------------------------*/
.contentBackTopWrap{
	opacity: 0;
	pointer-events: none;
	z-index: 10010;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity .4s ease;
}
.contentBackTop__bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(../img/common/visual_bg.webp) no-repeat center / cover;
}
@supports not (background-image: url(../img/common/visual_bg.webp)){
	.contentBackTop__bg{
		background-image: url(../img/common/visual_bg.jpg);
	}
}

.contentBackTop__bg:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0px 0px clamp(160px, calc(200 / var(--vw-min)* 100vw), calc(200px* var(--max-percent))) rgba(0, 0, 0, 60%);
}
.contentBackTop__chara{
	width: max(63.2813vh, 33.75%);
	height: max(89.6875vh, 47.8334vw);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.contentBackTop__chara-imgWrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform-origin: 50% 80vw;
	transform: scale(250%);
	opacity: 0;
	transition: .6s ease .4s;
}
.contentBackTop__chara-img{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	background: url(../img/top/visual_chara.webp) no-repeat center / contain;
}
@supports not (background-image: url(../img/top/visual_chara.webp)){
	.contentBackTop__chara-img{
		background-image: url(../img/top/visual_chara.png);
	}
}

@media screen and (max-width:768px){
	.contentBackTop__bg{
		width: max(calc(952 / var(--vw-min)* 100vw), calc(952 / var(--vh-min)* 100vh));
		height: max(calc(1320 / var(--vw-min)* 100vw), calc(1320 / var(--vh-min)* 100vh));
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background: url(../img/common/visual_bg-s.webp) no-repeat center / cover;
	}
	@supports not (background-image: url(../img/common/visual_bg-s.webp)){
		.contentBackTop__bg{
			background-image: url(../img/common/visual_bg-s.jpg);
		}
	}
	.contentBackTop__chara{
		width: max(calc(603 / var(--vw-min)* 100vw), calc(603 / var(--vh-min)* 100vh));
        height: max(calc(854 / var(--vw-min)* 100vw), calc(854 / var(--vh-min)* 100vh));
	}
	.contentBackTop__chara-imgWrap{
		transform-origin: 50% 80vh;
	}
}



/** --backtop **/
body.--backtop .contentBackTopWrap{
	pointer-events: auto;
	opacity: 1;
}
body.--backtop .contentBackTop__chara-imgWrap{
	transform: scale(100%);
	opacity: 1;
}
body.--backtop{
	cursor: wait;
}


/*-----------------------------------------------
 * LOADED
-------------------------------------------------*/
/**
* _standby
**/
.fv_navListsWrap{
	transform: translateY(-100%);
	transition: transform .4s ease, opacity .4s ease;
}
.fv_navListsWrap .navLists,
.fv_navListsWrap .snsLists{
	opacity: 0;
	transform: translateY(-25%);
	transition: transform .4s ease .2s, opacity .4s ease .2s;
}
.fv_onairInfoIn{
	opacity: 0;
	transform: scale(25%);
	transition: transform .4s ease, opacity .4s ease;
}
.fv_movieAreaIn,
.fv_bannerListsInWrap,
.fv_visualListsIn{
	opacity: 0;
	transition: opacity .4s ease;
}
.mainContentSectionWrap{
	opacity: 0;
	transition: opacity .6s ease;
}

.visualImageCont.-visual_chara img{
	opacity: 0;
	transform: scale(80%);
	transition: opacity .6s ease, transform .6s ease;
}



/**
* _active
**/
body.--is-loaded .fv_navListsWrap{
	transform: translateY(0%);
}
body.--is-loaded .fv_navListsWrap .navLists,
body.--is-loaded .fv_navListsWrap .snsLists{
	opacity: 1;
	transform: translateY(0%);
}

body.--is-loaded .fv_onairInfoIn{
	opacity: 1;
	transform: scale(100%);
}

body.--is-loaded .fv_movieAreaIn,
body.--is-loaded .fv_bannerListsInWrap,
body.--is-loaded .fv_visualListsIn{
	opacity: 1;
}


body.--is-loaded .mainContentSectionWrap{
	opacity: 1;
}

body.--is-loaded .visualImageCont.-visual_chara img{
	opacity: 1;
	transform: scale(100%);
}




/*-----------------------------------------------
 * Image Modal
-------------------------------------------------*/
.imgModalImage{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 80vw;
	max-width: 1200px;
	height: 100vh;
	height: 100svh;
	margin: auto;
}
.imgModalImage img{
	width: 100%;
	height: 100%;
	object-fit:scale-down;
}

@media screen and (max-width:768px){
	.imgModalImage{
		width: 100vw;
	}
}


/** ENDILLUST **/
#imgModal[data-option="endillust"] .imgModalImage{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	font-size: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent)));
}
.imgModal__endillust{
	padding: 1em 0;
}
.imgModal__endillust--text{
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #000;
	padding-bottom: 1em;
}
.imgModal__endillust--text .c_orange{
	color: var(--color-orange);
}
.imgModal__endillust--img{
	width: 100%;
}
.imgModal__endillust--img img{
	height: auto;
	max-height: calc(100dvh - 4em);
}
@media screen and (max-width:768px){
	#imgModal[data-option="endillust"] .imgModalImage{
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
}