@charset "utf-8";
#top{
	background:#000;
}
#fullWrap{
	width:100%;
	min-width:1200px;
	position:relative;
	z-index:2;
	position:relative;
	padding-top:400vh
}
#contentWrap{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	z-index:7;
}
.stick-lane{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
}
@media screen and (max-width:768px){
	#top{
		background:transparent;
		position:relative;
	}
	#top:before{
		content:'';
		position:fixed;
		left:0;
		top:0;
		right:0;
		bottom:-100px;
		background:#000;
	}
	#fullWrap{
		min-width:320px;
		padding:0;
	}
	#contentWrap{
		position:relative;
		left:auto;
		top:auto;
		right:auto;
		bottom:auto;
	}
	.stick-lane{
		position:relative;
		left:auto;
		top:auto;
		bottom:auto;
		right:auto;
	}
}
.mv{
	z-index:5;
	pointer-events:none;
}
.c0 .mv{
	pointer-events:auto;
}
.mv__inner{
	height:100vh;
	position:sticky;
	z-index:5;
	left:0;
	top:0;
	overflow:hidden;
}
.mv__logo{
	position:absolute;
	right: 200px; /* 200px */
	top: min(10vh, 64px); /* 40px */
	width:430px; /* 430px */
	height: min(47.03125vh ,301px); /* 301px */
/*	transform:translateY(-86.6441%);*/
	transition:opacity 0.7s;
	margin: 0 auto;
	filter: drop-shadow(0 0 8px #000) drop-shadow(0 0 16px #000);
}
/* Glitch styles */
.glitchWrap{
	--color-text:#aaa;
	--color-bg:#000;
	--color-link:#1c1cc9;
	--color-link-hover:#aaa;
	--color-info:#1c1cc9;
	--glitch-width:100vw;
	--glitch-height:100vh;
	--gap-horizontal:10px;
	--gap-vertical:0;
	--color-title:#fff;
	--time-anim:2s;
	--delay-anim:0s;
	--blend-mode-1:none;
	--blend-mode-2:none;
	--blend-mode-3:none;
	--blend-mode-4:overlay;
	--blend-mode-5:overlay;
	--blend-color-1:transparent;
	--blend-color-2:transparent;
	--blend-color-3:transparent;
	--blend-color-4:transparent;
	--blend-color-5:transparent;
	opacity:1;
}
@media screen and (min-width:769px){
	.fv-show.glitchWrap{
		opacity:0;
		transition:.4s ease;
	}
	#firstview.is-show .fv-show{
		opacity:1;
		transition:.4s ease;
	}
}
@media screen and (max-width:768px){
	.fv-show.glitchWrap .js-loadfin{
		transition:.4s ease-in-out;
	}
}
.on .charathumb_glitch{
	opacity:1;
}
.glitch{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
.glitch__img{
	position:absolute;
	/*	 top:calc(-1 * var(--gap-vertical)); */
	left:calc(-1 * var(--gap-horizontal));
	top:0;
	bottom:0;
	right:0;
	left:0;
	background:url(../img/common/logo.svg) no-repeat center top / contain;
	background-color:var(--blend-color-1);
	transform:translate3d(0, 0, 0);
	background-blend-mode:var(--blend-mode-1);
	z-index:3;
}
@media screen and (min-width: 769px) and (orientation: portrait){
	.glitch__img{
		background-position: center top;
	}
}
.glitch__img:nth-child(n+2),
.visual3_loading{
	opacity:0;
}
.imgloaded .glitch__img:nth-child(n+2),
.imgloaded .visual3_loading{
	animation-duration:var(--time-anim);
	animation-delay:var(--delay-anim);
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
.imgloaded .glitch__img:nth-child(2),
.imgloaded .visual3_loading2{
	background-color:var(--blend-color-2);
	background-blend-mode:var(--blend-mode-2);
	animation-name:glitch-anim-1;
}
.imgloaded .glitch__img:nth-child(3),
.imgloaded .visual3_loading3{
	background-color:var(--blend-color-3);
	background-blend-mode:var(--blend-mode-3);
	animation-name:glitch-anim-2;
}
.imgloaded .glitch__img:nth-child(4),
.imgloaded .visual3_loading4{
	background-color:var(--blend-color-4);
	background-blend-mode:var(--blend-mode-4);
	animation-name:glitch-anim-3;
}
.imgloaded .glitch__img:nth-child(5),
.imgloaded .visual3_loading5{
	background-color:var(--blend-color-5);
	background-blend-mode:var(--blend-mode-5);
	animation-name:glitch-anim-flash;
}
/* Animations */
@keyframes glitch-anim-1{
	0%{
		opacity:1;
		transform:translate3d(var(--gap-horizontal), 0, 0);
		-webkit-clip-path:polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
		clip-path:polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
	}
	2%{
		-webkit-clip-path:polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
		clip-path:polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
	}
	4%{
		-webkit-clip-path:polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
		clip-path:polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
	}
	6%{
		-webkit-clip-path:polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
		clip-path:polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
	}
	8%{
		-webkit-clip-path:polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
		clip-path:polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
	}
	10%{
		-webkit-clip-path:polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
		clip-path:polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
	}
	12%{
		-webkit-clip-path:polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
		clip-path:polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
	}
	14%{
		-webkit-clip-path:polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
		clip-path:polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	16%{
		-webkit-clip-path:polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
		clip-path:polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	18%{
		-webkit-clip-path:polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
		clip-path:polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	20%{
		-webkit-clip-path:polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
		clip-path:polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
	}
	21.9%{
		opacity:1;
		transform:translate3d(var(--gap-horizontal), 0, 0);
	}
	22%,
	100%{
		opacity:0;
		transform:translate3d(0, 0, 0);
		-webkit-clip-path:polygon(0 0, 0 0, 0 0, 0 0);
		clip-path:polygon(0 0, 0 0, 0 0, 0 0);
	}
}
@keyframes glitch-anim-2{
	0%{
		opacity:1;
		transform:translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
		-webkit-clip-path:polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
		clip-path:polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
	}
	3%{
		-webkit-clip-path:polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
		clip-path:polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
	}
	5%{
		-webkit-clip-path:polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
		clip-path:polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
	}
	7%{
		-webkit-clip-path:polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
		clip-path:polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}
	9%{
		-webkit-clip-path:polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
		clip-path:polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
	}
	11%{
		-webkit-clip-path:polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
		clip-path:polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
	}
	13%{
		-webkit-clip-path:polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path:polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	15%{
		-webkit-clip-path:polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
		clip-path:polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
	}
	17%{
		-webkit-clip-path:polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
		clip-path:polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
	}
	19%{
		-webkit-clip-path:polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
		clip-path:polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
	}
	20%{
		-webkit-clip-path:polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
		clip-path:polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
	}
	21.9%{
		opacity:1;
		transform:translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
	}
	22%,
	100%{
		opacity:0;
		transform:translate3d(0, 0, 0);
		-webkit-clip-path:polygon(0 0, 0 0, 0 0, 0 0);
		clip-path:polygon(0 0, 0 0, 0 0, 0 0);
	}
}
@keyframes glitch-anim-3{
	0%{
		opacity:1;
		transform:translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
		-webkit-clip-path:polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
		clip-path:polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
	}
	1.5%{
		-webkit-clip-path:polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
		clip-path:polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
	}
	2%{
		-webkit-clip-path:polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
		clip-path:polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
	}
	2.5%{
		-webkit-clip-path:polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
		clip-path:polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}
	3%{
		-webkit-clip-path:polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
		clip-path:polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
	}
	5%{
		-webkit-clip-path:polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
		clip-path:polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
	}
	5.5%{
		-webkit-clip-path:polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
		clip-path:polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
	}
	7%{
		-webkit-clip-path:polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
		clip-path:polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
	}
	8%{
		-webkit-clip-path:polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
		clip-path:polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
	}
	9%{
		-webkit-clip-path:polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
		clip-path:polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
	}
	10.5%{
		-webkit-clip-path:polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
		clip-path:polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
	}
	11%{
		-webkit-clip-path:polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
		clip-path:polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
	}
	13%{
		-webkit-clip-path:polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
		clip-path:polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
	}
	14%{
		-webkit-clip-path:polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
		clip-path:polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
	}
	14.5%{
		-webkit-clip-path:polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
		clip-path:polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
	}
	15%{
		-webkit-clip-path:polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
		clip-path:polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
	}
	16%{
		-webkit-clip-path:polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path:polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	18%{
		-webkit-clip-path:polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
		clip-path:polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
	}
	20%{
		-webkit-clip-path:polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
		clip-path:polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
	}
	21.9%{
		opacity:1;
		transform:translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
	}
	22%,
	100%{
		opacity:0;
		transform:translate3d(0, 0, 0);
		-webkit-clip-path:polygon(0 0, 0 0, 0 0, 0 0);
		clip-path:polygon(0 0, 0 0, 0 0, 0 0);
	}
}
@keyframes glitch-anim-text{
	0%{
		transform:translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
		-webkit-clip-path:polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
		clip-path:polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
	}
	2%{
		-webkit-clip-path:polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
		clip-path:polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
	}
	4%{
		-webkit-clip-path:polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
		clip-path:polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
	}
	5%{
		-webkit-clip-path:polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
		clip-path:polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
	}
	6%{
		-webkit-clip-path:polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
		clip-path:polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	7%{
		-webkit-clip-path:polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
		clip-path:polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	8%{
		-webkit-clip-path:polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
		clip-path:polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	9%{
		-webkit-clip-path:polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
		clip-path:polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
	}
	9.9%{
		transform:translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
	}
	10%,
	100%{
		transform:translate3d(0, 0, 0) scale3d(1, 1, 1);
		-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}
/* Flash */
@keyframes glitch-anim-flash{
	0%,
	5%{
		opacity:0.2;
		transform:translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
	}
	5.5%,
	100%{
		opacity:0;
		transform:translate3d(0, 0, 0);
	}
}

/* 230320add */
.mv__visual{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: url(../img/top/visual3.jpg) no-repeat 13.3334% 60% / cover;
	z-index: -1;
	transition:opacity 0.7s;
}
.mv__visual_swiperWrap{
	width: 100%;
	height: 100vh;
	min-height: 640px;
}
.mv__visualLists,
.mv__visualList{
	width: 100%;
	height: 100%;
}
.mv__visualList {
	pointer-events: none !important;
}
.mv__visualList img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	filter: blur(12px);
	transition: opacity .3s ease-in, filter .8s ease;
}
.mv__visualList.swiper-slide-active img{
	opacity: 1;
	filter: blur(0px);
	transition: opacity .3s ease-in, filter .8s ease .2s;
}
.visual1,.visual2{
	object-position: 13.3334% 60%;
}

.mv_selectorListsWrap{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 40px;
	display: flex;
	align-items: center;
	width: 24px;
	z-index: 10;
}
.mv_selectorLists.swiper-pagination-bullets.swiper-pagination-horizontal{
	display: block;
	height: auto;
	width: 100%;
	bottom: unset;
	left: unset;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.mv_selectorList{
	width: 24px;
	height: 24px;
	margin: 8px 0;
	background: unset;
	opacity: 1;
}
.mv_selectorList_link{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.mv_selectorList_link:after {
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	left: calc(50% - 1px);
	width: 2px;
	height: 2px;
	background-color: #FFF;
	transition: .3s ease;
	border-radius: 50%;
}
.mv_selectorList svg{
	margin: 0;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(-90deg);
}
.mv_selectorList svg circle{
	cx: 12px;
	cy: 12px;
	r: 11px;
	fill: transparent;
	stroke-width: 1px;
}
.mv_selectorList svg.mv_selectorList_link__circle{
	z-index: 2;
	opacity: 0;
}
.mv_selectorList svg.mv_selectorList_link__circle circle{
	stroke: #FFF;
	animation: pCircle-out_mv 8s forwards;
}
.mv_selectorList svg.mv_selectorList_link__bg circle{
	stroke: rgba(255,255,255,40%);
}

@keyframes pCircle_mv {
	0% {
		stroke-dasharray: 0 76; /*-- 円の直径(24)x3.14 --*/
	}
	100% {
		stroke-dasharray: 76 76;
	}
}
@keyframes pCircle-out_mv {
	0% {
		stroke-dasharray: 76 76; /*-- 円の直径(24)x3.14 --*/
	}
	100% {
		stroke-dasharray: 0 76;
	}
}

.mv_selectorList.swiper-pagination-bullet-active .mv_selectorList_link:after {
	top: calc(50% - 2px);
	left: calc(50% - 2px);
	width: 4px;
	height: 4px;
	background-color: #FFF;
}
body.--afin .mv_selectorList.swiper-pagination-bullet-active svg.mv_selectorList_link__circle {
	opacity: 1;
}
body.--afin .mv_selectorList.swiper-pagination-bullet-active svg.mv_selectorList_link__circle circle{
	animation: pCircle_mv 12s forwards;
}


@media screen and (max-width: 768px){
	.mv__visual{
		order: -1;
		height: auto;
		position: relative;
		padding-top: 135.0211%;
		background-image: unset;
		background-color: #000;
		background-position: center center;
	}
	.mv__visual img{
		object-position: center center;
	}
	.mv_selectorListsWrap{
		right: 6.4%;
	}
}
/* END 230320add */

/* 230910add */
.mv__visual_layer{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mv__visual_img{
	width: 100%;
    height: 100%;
    object-fit: cover;
	object-position: 13.3334% 0%;
}
@media screen and (max-width: 768px){
	.mv__visual_img{
		object-position: center bottom;
	}
}

/* loading */

@media screen and (min-width: 769px){
	/* loading bg */
	.mv__visual_layer.-visual3_bg{
		transform: scale(150%);
		filter: blur(4px) brightness(200%);
		-webkit-transform-origin-y: calc(100% - 20px);
		-webkit-transform-origin-x: right;
		transition: all 4s ease-in-out;
		will-change: transform, fitter;
	}
	body.--afin .mv__visual_layer.-visual3_bg{
		-webkit-transform-origin-x: left;
		filter: blur(0px);
	}
	body.--afin2 .mv__visual_layer.-visual3_bg{
		transform: scale(1);
		filter: blur(0px) brightness(100%);
		transition: all 2s ease-in-out;
	}

	/* loading chara */
	.mv__visual_layer.-visual3_chara{
		filter: blur(4px);
		opacity:0;
		transition:all 0.3s ease;
	}
	body.--afin2 .mv__visual_layer.-visual3_chara{
		opacity: 1;
		filter: blur(0px);
		transform: scale(1, 1);
		transition-delay: 1.8s;
	}

	body.--loaded .mv__visual_layer.-visual3_chara,
	body.--loaded .mv__visual_layer.-visual3_bg{
		transition: unset;
		will-change: unset;
	}


	/* loading header & cont */
	.js-load02{
		opacity: 0;
		transform: scale(500, 1);
		transition: .15s;
	}
	body.--afin2 .js-load02{
		opacity: 1;
		transform: scale(1, 1);
		transition-delay: 1.6s;
		will-change: transform;
	}
	
	.theader,
	.mv__scroll{
		opacity: 0;
		transition: .3s ease 1.8s;
	}


	body.--afin2 .theader,
	body.--afin2 .mv__scroll{
		opacity: 1;
	}

	body.--loaded .js-load02,
	body.--loaded .theader,
	body.--loaded .mv__scroll{
		transition: unset;
	}

	body.--afin2 .header.is-hide,
	body.--afin2 .theader.is-hide{
		opacity: 0;
		transition: opacity .4s ease-in-out;
	}
	body.--afin2 .c1 .js-load02,
	body.--afin2 .c1 .theader,
	body.--afin2 .c1 .mv__scroll{
		opacity: 0;
		/* transform: scale(1000, 1); */
		transition-delay: 0s;
		transition: .3s ease;
	}
}
@media screen and (max-width: 768px){
	/* loading bg */
	.mv__visual_layer.-visual3_bg{
		filter: blur(4px);
		transition: all .8s ease-in-out;
	}

	body.--afin .mv__visual_layer.-visual3_bg{
		filter: blur(0px);
		will-change: filter;
	}


	/* loading chara */
	.mv__visual_layer.-visual3_chara{
		transform: scale(1.1);
		transform-origin: left bottom;
		opacity:0;
	}
	.mv__visual_layer.-visual3_chara img{
		filter: brightness(150%);
		transition: filter .6s ease 0.3s;
	}
	
	body.--afin .mv__visual_layer.-visual3_chara{
		transform: scale(1);
		opacity: 1;
		transition:opacity 0.4s ease .2s, transform .8s ease .2s;
	}
	body.--afin .mv__visual_layer.-visual3_chara img{
		filter: blur(0px) brightness(100%);
	}
}



/* header */
@media screen and (min-width: 769px){
	.theader .headerNavLists__text{
		filter: drop-shadow(0 0 8px rgba(0,0,0,0.6)) drop-shadow(0 0 16px rgba(0,0,0,0.6))
	}
}



/* END 230910add */ 


.mv__catch{
	position:absolute;
	left:45px;
	top:80px;
	width:2.5%;
	height:51.875%;
	background:url(../img/common/catch.svg) no-repeat right top / contain;
	transition:opacity 0.7s;
	filter: drop-shadow(0 0 8px #000);
}
.mv__startdate{
	position:absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width:48px;/* w88 */
	height:100%;/* w22 */
	background:url(../img/top/startdate.svg) no-repeat left top / contain;
	/* transition:opacity 0.7s, transform .3s ease; */
}
.mv__scroll{
	width:120px;
	height:120px;
	border:1px solid rgba(255, 255, 255, .4);
	border-radius:50%;
	position:absolute;
	left:40px;
	bottom:40px;
}
.mv__scroll:before{
	content:'';
	position:absolute;
	bottom:-40px;
	height:60px;
	width:1px;
	left:50%;
	background:#FFF;
	transition:all 0.3s ease;
}
.mv__scroll a{
	display:flex;
	text-decoration:none;
	justify-content:center;
	align-items:center;
	font-size:14px;
	height:120px;
	position:relative;
	z-index:10;
}
.scroll-circle{
	position:absolute;
	left:-1px;
	width:120px;
	top:0px;
	height:120px;
	display:block;
	transform:rotate(90deg);
}
.scroll-circle circle{
	fill:transparent;
	stroke:#FFF;
	stroke-width:1px;
	stroke-dasharray:0 400;
	transition:all 0.3s ease;
}
.mv__scroll:hover:before{
	transform:translateY(10px);
}
.mv__scroll:hover .scroll-circle circle{
	stroke-dasharray:400 400;
}
.kv{
	z-index:4;
	pointer-events:none;
}
.kv__inner{
	height:100vh;
	position:sticky;
	z-index:6;
	left:0;
	top:0;
	transition:opacity 0.7s;
	overflow:hidden;
}
.kv__content{
	height:100%;
	width:100%;
	position:absolute;
	z-index:6;
	left:0;
	top:0;
	background:url(../img/common/kv.png) no-repeat center center / auto 100%;
	filter:blur(200px);
	opacity:0;
}
.c0 .kv__content{
	transition:all 0.3s ease;
	transition-delay:0.5s;
	opacity:0;
	filter:blur(0);
}
@media screen and (max-width:768px){
	.mv{
		height:auto;
		min-height:1.728vw;
		background-color: #000;
	}
	.mv__inner{
		display: flex;
		flex-direction: column;
		height: auto;
		min-height:1.728vw;
		position:relative;
		/*padding-bottom: 37.8667%;  284px */
		padding-bottom: 21.3334%;/* 160px */
	}
	.mv__logo{
		position: relative;
		right: 0;
		left:0;
		top:unset;
		bottom: 0;
		width:61.6vw; /* 462px */
		height:40.5333vw;
		margin: -16% auto var(--sp-size-32);
		transform:none;
		filter: drop-shadow(0 0 8px #000) drop-shadow(0 0 16px #000);
	}
	.mv__catch{
		left:5.3334%;
		top:50%;
		width:5.4vw;
		height:73.76vw;
		margin-top:-36.88vw;
		background:url(../img/common/catch.svg) no-repeat center center / contain;
		transition:none;
	}
	.mv__startdate{
		top: 0;
		bottom: unset;
		left:0;
		width:12.8%;
		padding-top: 2.9334%;
	}
	.mv__scroll{
		width:16vw;
		height:16vw;
		left:3.2vw;
		bottom:6.4vw;
	}
	.mv__scroll:before{
		bottom:-6.4vw;
		height:8vw;
	}
	.mv__scroll a{
		font-size:1rem;
		height:16vw;
	}
	.scroll-circle{
		display:none;
	}
	.kv{
		position:absolute;
		left:0;
		top:0;
		right:0;
		height:100vh;
		min-height:1.728vw;
	}
	.kv__content{
		height:109.3333vw;
		width:100%;
		position:absolute;
		z-index:6;
		left:0;
		top:auto;
		bottom:0;
		background:url(../img/common/kvs.png) no-repeat center bottom / auto 100%;
	}
}
@media screen and (min-width:768px){
	.c1 .mv__logo{
		opacity:0;
		transition:all 0.3s ease;
		/* transform:translateY(-86.6441%) scale(1000, 1); */
	}
	.c1 .mv__visual{
		transition:all 0.3s ease;
		opacity:0;
		filter:blur(200px);
	}
	.c1 .mv__catch{
		transition:all 0.3s ease;
		opacity:0;
		/* transform:scale(1000, 1); */
	}
	.c1 .mv__startdate{
		transition:all 0.3s ease;
		opacity:0;
		/* transform:scale(1000, 1); */
	}
	.c1 .kv__content{
		transition:all 0.3s ease;
		opacity:0;
		transition-delay:0.3s;
		filter:blur(200px);
	}
	/*	.c1 .mv__scroll{
		transition:all 0.3s ease;
		opacity:0;
		filter:blur(200px);
	}
*/
	.c0.cb .kv__content{
		transition:all 0.6s ease;
		opacity:0;
		filter:blur(0);
	}
	.c2 .mv__inner .mv__logo,
	.c2 .mv__inner .mv__visual,
	.c2 .mv__inner .mv__catch,
	.c2 .mv__inner .mv__startdate,
	.c2 .mv__inner .notice_season2Wrap,
	.c3 .mv__inner .mv__logo,
	.c3 .mv__inner .mv__visual,
	.c3 .mv__inner .mv__catch,
	.c3 .mv__inner .mv__startdate,
	.c3 .mv__inner .notice_season2Wrap,
	.c4 .mv__inner .mv__logo,
	.c4 .mv__inner .mv__visual,
	.c4 .mv__inner .mv__catch,
	.c4 .mv__inner .mv__startdate,
	.c4 .mv__inner .notice_season2Wrap{
		display:none;
	}
	.c1 .mv,
	.c2 .mv,
	.c3 .mv,
	.c4 .mv{
		z-index:15;
	}
	.c1 .mv__inner .mv__scroll,
	.c2 .mv__inner .mv__scroll,
	.c3 .mv__inner .mv__scroll{
		display:block;
		pointer-events:auto;
	}
	.c3.cb .mv__inner .mv__scroll{
		transition:all 0.5s ease;
		transition-delay:0.2s;
	}
	.c4 .mv__inner .mv__scroll{
		opacity:0;
		transition:all 2s ease;
		filter:blur(200px);
	}
}

.notice_season2Wrap{
	position: absolute;
	top: 0;
	right: 0;
	width: 430px;
	height: min(6.25vh, 40px);
	margin-top: calc(min(6.25vh, 40px) + min(47.03125vh ,301px) + min(6.25vh, 40px));
	margin-right: 200px;
}
.mv__nextNotice{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	margin: auto;
	filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 8px #000);
}
.mv__nextNotice img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
@media screen and (max-width: 767px){
	.notice_season2Wrap{
		position: relative;
		width: 61.6vw;
		height: var(--sp-size-40);
		top: unset;
		right: unset;
		margin-right: auto;
		margin-left: auto;
		margin-top: var(--sp-size-48);
		margin-bottom: 12.8%;
	}
	.mv__nextNotice{
		width: 100%;
	}
}



.movie{
	/* z-index:15; */
	z-index: 6;
	pointer-events:none;
	opacity:0;
	transition:all 0.5s ease;
}
.movie__inner{
	height:100vh;
	position:sticky;
	z-index:7;
	left:0;
	top:0;
	display:flex;
	justify-content:center;
	align-items:center;
}
.movie__play{
	width:120px;
	height:120px;
	border:1px solid rgba(255, 255, 255, .4);
	border-radius:50%;
	position:relative;
}
.movie__play:before{
	content:'';
	position:absolute;
	right:-40px;
	width:60px;
	height:1px;
	top:50%;
	background:#FFF;
	transition:all 0.3s ease;
}
.movie__play a{
	display:flex;
	text-decoration:none;
	justify-content:center;
	align-items:center;
	font-size:14px;
	height:120px;
	position:relative;
	z-index:10;
	pointer-events: auto;
}
.play-circle{
	position:absolute;
	left:-1px;
	width:120px;
	top:0px;
	height:120px;
	display:block;
}
.play-circle circle{
	fill:transparent;
	stroke:#FFF;
	stroke-width:1px;
	stroke-dasharray:0 400;
	transition:all 0.3s ease;
}
.movie__play:hover:before{
	transform:translateX(10px);
}
.movie__play:hover .play-circle circle{
	stroke-dasharray:400 400;
}
@media screen and (max-width:768px){
	.movie{
		position:relative;
		/* height:25vh; */
		opacity:1;
		transition:none;
		pointer-events:auto;
	}
	.movie__inner{
		/* height:25vh; */
		position:relative;
		left:auto;
		top:auto;
	}
	.movie__inner:before{
		content:'';
		position:absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
		background:rgba(0, 0, 0, .7);
		pointer-events:none;
	}
	.movie__play{
		width:16vw;
		height:16vw;
		position:relative;
	}
	.movie__play:before{
		right:-5.333vw;
		width:8vw;
		height:1px;
		top:50%;
	}
	.movie__play a{
		font-size:1rem;
		height:16vw;
	}
	.play-circle{
		display:none;
	}
}
@media screen and (min-width:769px){
	.c1 .movie{
		opacity:1;
		pointer-events: auto;
	}
}
.introduction{
	z-index:6;
	pointer-events:none;
	opacity:0;
}
.introduction__inner{
	height:100vh;
	position:sticky;
	z-index:15;
	left:0;
	top:0;
	overflow:hidden;
	transition:background 0.01s;
	transition-delay:10s;
	background:transparent;
}
.introduction__content{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transform:translateX(270%);
	transition:transform 0.9s;
	display:flex;
	justify-content:center;
	align-items:center;
}
.introduction__content:before{
	content:'';
	position:absolute;
	right:60%;
	top:0;
	width:200%;
	height:100%;
	background:#371A4F;
	transform-origin:left top;
	transform:skewX(-15deg);
}
.introduction__title{
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	height:80px;
	background:url(../img/top/title_introduction.svg) no-repeat left top / contain;
	width:100%;
	transform:translateX(30px);
	opacity:0;
}
.introduction__texts{
	padding:140px 0;
	transform:translateX(30px);
	opacity:0;
}
.introduction__text{
	font-size:16px;
	line-height:3;
	transform:scale(0.8, 1);
	letter-spacing:0.075em;
	transform-origin:left center;
	margin-bottom:30px;
}
.introduction__catch{
	font-size:20px;
	transform:scale(0.8, 1);
	letter-spacing:0.075em;
	transform-origin:left center;
	color:#ac85c7;
	font-weight:700;
}
@media screen and (max-width:768px){
	.introduction{
		z-index:6;
		pointer-events:auto;
		opacity:1;
		height:100vh;
		min-height:172.8vw;
	}
	.introduction__inner{
		height:100%;
		width:100%;
		position:absolute;
		z-index:15;
		left:0;
		top:0;
		transition:none;
		clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
	.introduction__inner:before{
		content:'';
		position:fixed;
		left:0;
		top:0;
		right:0;
		bottom:-100px;
		background:#000;
	}
	.introduction__content{
		position:relative;
		left:auto;
		top:auto;
		width:100%;
		height:100%;
		transform:none;
		transition:none;
		display:block;
	}
	.introduction__content:before{
		right:50vw;
		top:0;
		width:150%;
		height:100%;
		transform:skewX(-15deg) translateX(150%);
		transform-origin:center center;
		transition:transform 0.9s;
	}
	.introduction__content:after{
		content:'';
		position:absolute;
		height:109.3333vw;
		width:100%;
		bottom:0;
		left:50vw;
		background:url(../img/common/kvs.png) no-repeat center bottom / auto 100%;
		opacity:0;
		transform:translate(20px);
		transition:all 0.2s;
	}
	.introduction__title{
		height:12.8vw;
		transition:all 0.2s;
		transform:translateX(20px);
		opacity:0;
		z-index:5;
	}
	.introduction__texts{
		padding:22.6666vw 3.5vw 0;
		transform:translateX(20px);
		opacity:0;
		filter:drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.4)) drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.4));
		transition:all 0.2s;
		position:relative;
		z-index:30;
	}
	.introduction__text{
		font-size:1.2rem;
		transform-origin:left center;
		letter-spacing:0em;
		margin-bottom:1.5rem;
		width:125%;
		margin-right:-25%;
	}
	.introduction__catch{
		font-size:1.4rem;
		transform:scale(0.8, 1);
		width:125%;
		margin-right:-25%;
	}
	.cc2 .introduction__content:before,
	.cc3 .introduction__content:before,
	.cc4 .introduction__content:before{
		transform:skewX(-15deg) translateX(0);
	}
	.cc2 .introduction__title,
	.cc3 .introduction__title,
	.cc4 .introduction__title{
		transform:translateX(0);
		opacity:1;
		transition-delay:0.3s;
	}
	.cc2 .introduction__texts,
	.cc3 .introduction__texts,
	.cc4 .introduction__texts{
		transform:translateX(0);
		opacity:1;
		transition-delay:0.4s;
	}
	.c2 .introduction__content:after{
		transform:translateX(0);
		opacity:1;
		transition:all 0.2s;
	}
}
@media screen and (min-width:769px){
	.c1 .introduction{
		opacity:0;
		transition-delay:0.9s;
		transition:opacity 0.1s;
	}
	.c2 .introduction{
		opacity:1;
	}
	.c2 .introduction__content{
		transform:translateX(0);
	}
	.c2 .introduction__title{
		transform:translateX(0);
		opacity:1;
		transition:all 0.3s;
		transition-delay:0.9s
	}
	.c2 .introduction__texts{
		transform:translateX(0);
		opacity:1;
		transition:all 0.3s;
		transition-delay:1.0s;
	}
	.c2 #movieWrap{
		opacity:0;
		transition:opacity 0.01s linear;
		transition-delay:0.4s;
	}
	.c1.cb #movieWrap{
		opacity:1;
		transition:opacity 0.01s linear;
		transition-delay:0.2s;
	}
	.c2 .kv__content{
		opacity:1;
		filter:blur(0);
		transition-delay:0.3s;
		transform:translateX(50%);
	}
}
.staff{
	z-index:9;
	pointer-events:none;
	opacity:0;
}
.staff__inner{
	height:100vh;
	position:sticky;
	z-index:15;
	left:0;
	top:0;
	overflow:hidden;
	transition:background 0.01s;
	transition-delay:10s;
	background:transparent;
}
.staff__content{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transform:translateX(-270%);
	transition:transform 0.9s;
	display:flex;
	justify-content:center;
	align-items:center;
}
.staff__content:before{
	content:'';
	position:absolute;
	left:60%;
	top:0;
	width:200%;
	height:100%;
	background:#1D3F45;
	transform-origin:right top;
	transform:skewX(-15deg);
}
.staff__title{
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	height:80px;
	background:url(../img/top/title_staffcast.svg) no-repeat right top / contain;
	width:100%;
	transform:translateX(-30px);
	opacity:0;
}
.staff__lists{
	transform:scale(0.8, 1);
	/* transform-origin:right center; */
	transform-origin:left center;
	filter:drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.4)) drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.4)) drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.4));
	padding-left: 1.5em;
}
.staff__lists div{
	display:flex;
	width:100%;
	height:40px;
	padding:15px 0;
	transform:translateX(-30px);
	opacity:0;
}
.staff__lists div.is-2row {
	height: 82px;
}
.staff__lists dt{
	color:#5ec5b9;
	height:40px;
	line-height:40px;
	padding:0 16px;
	position:relative;
	letter-spacing:0.1em;
	white-space: nowrap;
}
.staff__lists dt:before{
	content:'';
	position:absolute;
	right:0;
	top:10px;
	bottom:10px;
	width:1px;
	background:rgba(255, 255, 255, .4);
}
.staff__lists dd{
	color:#FFF;
	height:40px;
	line-height:40px;
	padding:0 16px;
	position:relative;
	font-size:20px;
	letter-spacing:0.1em;
	white-space: nowrap;
}
@media screen and (max-width:768px){
	.staff{
		z-index:6;
		pointer-events:auto;
		opacity:1;
		/* height:100vh; */
		min-height:172.8vw;
	}
	.staff__inner{
		/* height:100%; */
		width:100%;
		height: auto;
		/* position:absolute; */
		position: relative;
		z-index:15;
		/* left:0;
		top:0; */
		transition:none;
		clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
	.staff__inner:before{
		content:'';
		position:fixed;
		left:0;
		top:0;
		right:0;
		bottom:-100px;
		background:#000;
	}
	.staff__content{
		position:relative;
		left:auto;
		top:auto;
		width:100%;
		/* height:100%; */
		height: auto;
		transform:none;
		transition:none;
		display:block;
		padding-bottom: 1vw;
	}
	.staff__content:before{
		left:50vw;
		top:0;
		width:150%;
		height:100%;
		transform:skewX(-15deg) translateX(-150%);
		transform-origin:center center;
		transition:transform 0.9s;
	}
	.staff__content:after{
		content:'';
		position:absolute;
		height:109.3333vw;
		width:200%;
		bottom:0;
		right:0;
		background:url(../img/common/kvs.png) no-repeat center bottom / auto 100%;
		opacity:0;
		transform:translate(-20px);
		transition:all 0.2s;
	}
	.staff__title{
		position:absolute;
		height:12.8vw;
		transition:all 0.2s;
		transform:translateX(20px);
		opacity:0;
		z-index:5;
	}
	.staff__lists{
		position:relative;
		z-index:10;
		padding:0 3.5vw 0;
		transform:scale(0.8, 1);
		transform-origin:right center;
		filter:drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.4)) drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.4));
		/* margin-left:10%; */
		width:100%;
	}
	.staff__lists div{
		display:flex;
		width:100%;
		padding:2vw 0;
		transform:translateX(-30px);
		transition:all 0.2s;
		opacity:0;
		height:auto;
	}
	.staff__lists div.is-2row {
		height: auto;
	}
	.staff__lists dt{
		height:8vw;
		line-height:8vw;
		padding:0 3vw;
		font-size:1.2rem;
		white-space:nowrap;
	}
	.staff__lists dt:before{
		top:1vw;
		bottom:1vw;
		background:rgba(255, 255, 255, .4);
	}
	.staff__lists dd{
		height:auto;
		line-height:8vw;
		padding:0 3vw;
		font-size:1.6rem;
		letter-spacing:0.1em;
		white-space: pre-wrap;
	}
	.cc3 .staff__content:before,
	.cc4 .staff__content:before{
		transform:skewX(-15deg) translateX(0);
	}
	.cc3 .staff__title,
	.cc4 .staff__title{
		transform:translateX(0);
		opacity:1;
		transition-delay:0.3s;
	}
	.cc3 .staff__lists div,
	.cc4 .staff__lists div{
		transform:translateX(0);
		opacity:1;
		transition-delay:0.4s;
	}
	.c3 .staff__content:after{
		transform:translateX(0);
		opacity:1;
		transition:all 0.2s;
	}
}
@media screen and (min-width:769px){
	.c2 .staff{
		opacity:0;
		transition:opacity 0.1s;
		transition-delay:0.9s;
	}
	.c3 .staff{
		opacity:1;
	}
	.c3 .staff__content{
		transform:translateX(0);
	}
	.c3 .staff__title{
		transform:translateX(0);
		opacity:1;
		transition:all 0.3s;
		transition-delay:0.9s
	}
	.c3 .staff__lists div{
		transform:translateX(0);
		opacity:1;
		transition:all 0.3s;
		transition-delay:1.0s;
	}
	.c2.cb .introduction{
		transition-delay:0.4s;
	}
	.c3 .introduction{
		transition:opacity 0.01s;
		transition-delay:0.4s;
	}
	.c3 .introduction__content{
		transform:translateX(0);
		transition:transform 0.3s ease;
		transition-delay:0.4s;
	}
	.c3 #movieWrap{
		opacity:0;
		transition:opacity 0.01s linear;
		transition-delay:0.4s;
	}
	.c3 .kv__content{
		opacity:1;
		filter:blur(0);
		transition-delay:0.4s;
		transform:translateX(-50%);
		width:200%;
	}
}
.scListsWrap {
	display: flex;
	justify-content: space-between;
	width: 620px;
	position: relative;
	z-index: 2;
}
@media screen and (max-width:768px){
	.scListsWrap {
		display: block;
		width: 100%;
		padding-top: calc(160 / 750 * 100vw);
	}
}

@media screen and (max-width:768px){
	.scListsOne:not(:first-child) {
		margin-top: 10vw;
		margin-bottom: 10vw;
	}
}

.scListsOne__title {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 22px;
}
@media screen and (min-width: 769px) {
	.scListsOne__title {
		transform: translateX(-30px);
		opacity: 0;
	}
	.c3 .scListsOne__title {
		transform: translateX(0);
		opacity: 1;
		transition: all 0.3s;
		transition-delay: 1.0s;
	}
}
@media screen and (max-width: 768px) {
	.scListsOne__title {
		height: calc(31 / 750 * 100vw);
		margin-left: 20vw;
		/* transform: translateX(-30px);
		transition: all 0.2s; */
		opacity: 1;
	}
	/* .cc3 .scListsOne__title {
		transform: translateX(0);
		opacity: 1;
		transition-delay: 0.4s;
	} */
}

.scListsOne__title.is-staff {
	background-image: url(../img/top/subtitle_staff.svg);
	width: 95px;
}
.scListsOne__title.is-cast {
	background-image: url(../img/top/subtitle_cast.svg);
	width: 79px;
}
@media screen and (max-width:768px){
	.scListsOne__title.is-staff {
		width: calc(126 / 750 * 100vw);
	}
	.scListsOne__title.is-cast {
		width: calc(109 / 750 * 100vw);
	}
}


.topics{
	position:relative;
	z-index:6;
	background:#000;
	padding:calc(160px + 66vh) 0 160px;
	min-height:100vh;
	opacity:0;
	pointer-events:none;
}
.topics__inner{
	width:1040px;
	display:flex;
	margin:0 auto;
	opacity:0;
	justify-content:space-between;
}
.topics__listsbox{
	height:520px;
	width:480px;
}
.topics__lists{
	margin-bottom:64px;
}
.topics__lists li{
	height:104px;
	margin-bottom:40px;
}
.topics__lists li:last-child{
	margin-bottom:0;
}
.topics__lists li a{
	display:block;
	height:104px;
	border-bottom:1px solid rgba(255, 255, 255, .4);
	text-decoration:none;
	position:relative;
}
.topics__lists li a:before{
	content:'';
	position:absolute;
	right:0;
	bottom:-1px;
	height:1px;
	width:10px;
	background:#FFF;
	transition:all 0.3s ease;
}
.topics__lists li a:hover:before{
	width:100%;
}
.topics__lists li a time{
	color:#5ec5b9;
	line-height:1;
	display:block;
	height:25px;
}
.topics__lists li a p{
	line-height:2;
	height:64px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.topics__twitter{
	height:520px;
	width:480px;
}
.topics__twidget{
	width:480px;
	height:392px;
	border:1px solid #FFF;
	background:#000;
	padding:10px;
	margin-bottom:64px;
}
.twitterWidget{
	height: 100%;
	overflow-x: hidden;
}
.topics__twitter .general__btn img{
	width:20px;
	height:auto;
	display:inline-block;
	margin-right:15px;
}
@media screen and (max-width:768px){
	.topics{
		background:transparent;
		position:relative;
		min-height:0;
		padding:0;
		pointer-events:auto;
		opacity:1;
	}
	.topics__inner{
		width:100%;
		height:100%;
		position:relative;
		z-index:5;
		left:0;
		top:0;
		transition:none;
		padding:12.8vw 6.4vw;
		opacity:1;
		clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);
		display:block;
	}
	.topics__inner:before{
		content:'';
		position:fixed;
		left:0;
		top:0;
		right:0;
		bottom:-100px;
		background:#000;
	}
	.topics__listsbox{
		height:auto;
		width:100%;
		margin-bottom:12.8vw;
	}
	.topics__lists{
		margin-bottom:9.6vw;
	}
	.topics__lists li{
		height:18.6666vw;
		margin-bottom:6.6666vw;
	}
	.topics__lists li a{
		height:18.6666vw;
	}
	.topics__lists li a:before{
		width:2.1333vw;
	}
	.topics__lists li a time{
		height:4.2666vw;
		font-size:1.2rem;
	}
	.topics__lists li a p{
		height:12.8vw;
		font-size:1.2rem;
	}
	.topics__twitter{
		position:relative;
		height:auto;
		width:74.4vw;
		margin:0 auto;
	}
	.topics__twidget{
		width:74.4vw;
		height:64vw;
		padding:5px;
		margin-bottom:9.6vw;
	}
	.topics__twitter .general__btn img{
		width:5.3333vw;
		height:auto;
		display:inline-block;
		margin-right:3.333vw;
	}
}
@media screen and (min-width:769px){
	.c4 .topics{
		pointer-events:auto;
		opacity:1;
		transition:opacity 0.4s ease;
	}
	.c4 .topics__inner{
		opacity:1;
		transition:opacity 0.5s ease;
		transition-delay:0.4s
	}
	.c3.cb .topics{
		transition-delay:0.4s;
	}
	.c3.cb #movieWrap{
		opacity:0;
		transition:none;
	}
	.c4 .staff{
		opacity:0;
		transition:opacity 0.01s;
		transition-delay:0.9s;
	}
	.c4 .staff__content{
		transform:translateX(-270%);
		transition:transform 0.9s;
	}
	.c4 #contentWrap{
		pointer-events:none;
	}
	.c4 #movieWrap{
		opacity:1;
		transition:opacity 0.01s linear;
		transition-delay:0.4s;
	}
	.c4 .kv__content{
		opacity:0;
		filter:blur(0);
		transition-delay:0.4s;
		transform:translateX(0);
	}
}
#loading{
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:20000;
}
#loading:before{
	position:absolute;
	content:'';
	left:-50%;
	top:0;
	bottom:calc(50% - 1px);
	right:-50%;
	transform:skewX(-15deg);
	background:#000;
}
#loading:after{
	position:absolute;
	content:'';
	left:-50%;
	top:50%;
	bottom:0;
	right:-50%;
	transform:skewX(-15deg);
	background:#000;
}
#loading.n:before{
	transform:skewX(-15deg)translateX(-100%);
	transition:all 0.8s ease;
}
#loading.n:after{
	transform:skewX(-15deg) translateX(100%);
	transition:all 0.8s ease;
}
@media screen and (max-width:768px){
	#loading:after{
		top:0;
	}
	#loading:before{
		display:none;
	}
}
.movieModal{
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:#000;
	z-index:25000;
	display:none;
}
.modalClose{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.modalClose a{
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:80px;
	height:80px;
	overflow:hidden;
}
.modalClose a:before,
.modalClose a:after{
	content:'';
	position:absolute;
	height:2px;
	top:50%;
	left:50%;
	width:200px;
	background:#FFF;
	margin-left:-100px;
	margin-top:-1px;
}
.modalClose a:before{
	transform:rotate(45deg);
}
.modalClose a:after{
	transform:rotate(-45deg);
}
.movieModal__inner{
	position:absolute;
	left:80px;
	right:80px;
	top:80px;
	bottom:80px;
}
.movieModal__inner iframe{
	width:100%;
	height:100%;
}
@media screen and (max-width:768px){
	.modalClose a{
		width:12.8vw;
		height:12.8vw;
	}
	.movieModal__inner{
		position:absolute;
		left:0;
		right:0;
		top:50%;
		bottom:auto;
		height:56.25vw;
		margin-top:-28.125vw;
	}
}

/**
 * movieLists
 */
.movieListsArea {
	width: 100%;
	height: 100vh;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 7;
}
.movieListsArea:before {
	content: "";
	background-color: rgba(0,0,0,.6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
@media screen and (max-width:768px){
	.movieListsArea {
		height: auto;
		position: relative;
	}
}

.movieListsWrap {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
.movieLists {
	/* display: flex;
	justify-content: center; */
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}

/* item */
.movieLists__item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: calc(880 / 1200 * 100vw);
	height: 100%;
	margin: 0 auto;
	padding: 0 40px;
	position: relative;
}
.c1 .movieLists__link {
	pointer-events:auto;
}
.movieLists__item:after {
	content: "";
	display: block;
	height: 80px;
}
@media screen and (max-width:768px){
	.movieLists__item {
		width: calc(578 / 750 * 100vw);
		padding: 0 10px;
	}
	.movieLists__item:after {
		content: "";
		display: block;
		height: calc(140 / 750 * 100vw);
	}
}

/* thumbArea */
.movieLists__thumbArea {
	width: 100%;
	position: relative;
}

/* link */
.movieLists__link {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-top: 56.25%;
	position: relative;
    pointer-events:none;
}
@media screen and (max-width:768px){
	.movieLists__link{
		pointer-events:auto;
	}
}
.movieLists__thumb {
	background-color: #999;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

/* cover */
.movieLists__link:before {
	content: "";
	background-color: rgba(0, 0, 0, .4);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

/* icon */
.movieLists__play {
	width:120px;
	height:120px;
	border:1px solid rgba(255, 255, 255, .4);
	border-radius:50%;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.movieLists__play:before{
	content:'';
	position:absolute;
	right:-40px;
	width:60px;
	height:1px;
	top:50%;
	background:#FFF;
	transition:all 0.3s ease;
}
.movieLists__play--text{
	display:flex;
	text-decoration:none;
	justify-content:center;
	align-items:center;
	font-size:14px;
	height:120px;
	position:relative;
	z-index:10;
}
.movieLists__play--circle{
	position:absolute;
	left:-1px;
	width:120px;
	top:0px;
	height:120px;
	display:block;
}
.movieLists__play--circle circle{
	fill:transparent;
	stroke:#FFF;
	stroke-width:1px;
	stroke-dasharray:0 400;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.movieLists__play {
		width:16vw;
		height:16vw;
	}
	.movieLists__play:before{
		right:-5.333vw;
		width:8vw;
		height:1px;
		top:50%;
	}
	.movieLists__play--text {
		font-size:1rem;
		height:16vw;
	}
	.movieLists__play--circle{
		display:none;
	}
}

/* hover */
.movieLists__link:hover .movieLists__play:before{
	transform:translateX(10px);
}
.movieLists__link:hover .movieLists__play--circle circle{
	stroke-dasharray:400 400;
}

/* title */
.movieLists__title {
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	transform: scale(0.8, 1);
    letter-spacing: 0.075em;
}
@media screen and (max-width:768px){
	.movieLists__title {
		font-size: calc(24 / 750 * 100vw);
		height: calc(140 / 750 * 100vw);
	}
}

/**
 * movie swiper pager
 */
.moviePagerListsWrap{
	width: 100%;
	height: 24px;
	position: absolute;
	bottom: 40px;
	z-index: 10;
}
@media screen and (max-width:768px){
	.moviePagerListsWrap{
		bottom: 6.5vw;
	}
}

.moviePagerLists.swiper-pagination-bullets.swiper-pagination-horizontal{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	height: auto;
	width: 100%;
	height: 100%;
	bottom: unset;
	left: unset;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.moviePagerLists__item{
	width: 24px;
	height: 24px;
	background: unset;
	opacity: 1;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.moviePagerLists__item:not(:first-child) {
	/* margin-left: 8px; */
}
.moviePagerLists__link{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.moviePagerLists__link:after {
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	left: calc(50% - 1px);
	width: 2px;
	height: 2px;
	background-color: #FFF;
	transition: .3s ease;
	border-radius: 50%;
}
.moviePagerLists__item svg{
	margin: 0;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(-90deg);
}
.moviePagerLists__item svg circle{
	cx: 12px;
	cy: 12px;
	r: 11px;
	fill: transparent;
	stroke-width: 1px;
}
.moviePagerLists__item svg.moviePagerLists__circle{
	z-index: 2;
	opacity: 0;
}
.moviePagerLists__item svg.moviePagerLists__circle circle{
	stroke: #FFF;
	/* animation: pCircle-out_mv 10s forwards; */
}
.moviePagerLists__item svg.moviePagerLists__bg circle{
	stroke: rgba(255,255,255,40%);
}
.moviePagerLists__item.swiper-pagination-bullet-active .moviePagerLists__link:after {
	top: calc(50% - 2px);
	left: calc(50% - 2px);
	width: 4px;
	height: 4px;
	background-color: #FFF;
}
.moviePagerLists__item.swiper-pagination-bullet-active svg.moviePagerLists__circle {
	opacity: 1;
}
.moviePagerLists__item.swiper-pagination-bullet-active svg.moviePagerLists__circle circle{
	animation: pCircle_mv 12s forwards;
}



/**
 * STAFFCAST [230910 ADD]
 */
.staffcast{
	min-height: 2176px;
	padding-top: 0;
	padding-bottom: 192px;
	position: relative;
	z-index: 10;
	pointer-events: none;
}
.c3 .staffcast{
	pointer-events: auto;
}
.staffcastContent{
	opacity: 0;
	position: sticky;
	top: 0;
	height: 1088px;
}
.c3 .staffcastContent{
	opacity: 1;
	transition: all 0.3s;
    transition-delay: 1.0s;
}

.staffcast__title{
	position: relative;
	top: 0;
	right: 0;
	width: 100%;
	height: 80px;
}
.staffcast__titleIn{
	display: block;
	position: absolute;
	top: 0;
	right: 80px;
	left: 0;
	z-index:10;
	height:80px;
	background:url(../img/top/title_staffcast.svg) no-repeat right top / contain;
	transform:translateX(-30px);
	opacity: 0;
}
.c3 .staffcast__titleIn{
    transform: translateX(0);
    opacity: 1;
    transition: all 0.3s;
    transition-delay: 0.9s;
}
.staffcastContentIn{
	position: relative;
	width: 100%;
	padding-top: 64px;
	display: flex;
    justify-content: center;
}
.staffcastContentIn .staff__lists div.mt{
	margin-top: 2em;
}

.staffcastbgWrap{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
}

@media screen and (max-width:768px){
	.staffcast{
		min-height: unset;
		padding-bottom: 0;
		pointer-events: unset;
		overflow: hidden;
	}
	.staffcastContent{
		opacity: 1;
		width: 100%;
		height: auto;
		position: relative;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
	.staffcastContent:before{
		content: '';
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: -100px;
		background: #000;
	}
	.staffcast__title{
		position: absolute;
		height: 12.8vw;
		transition: all 0.2s;
		transform: translateX(20px);
		z-index: 2;
		opacity: 0;
	}

	.cc3 .staffcast__title, .cc4 .staffcast__title {
		transform: translateX(0);
		opacity: 1;
		transition-delay: 0.3s;
	}

	.staffcast__titleIn{
		opacity: 1;
		height: 100%;
		transform:translateX(0);
	}

	.staffcastContentIn{
		z-index: 2;
		padding-top: 0;
	}

	.staff__lists div.s-wrap{
		flex-wrap: wrap;
	}

	.staffcastbg{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.staffcastbg:before{
		content: '';
		position: absolute;
		left: 50vw;
		top: 0;
		width: 150%;
		height: 100%;
		background: #1D3F45;
		transform: skewX(-15deg) translateX(-150%);
		transform-origin: center center;
		transition: transform 0.9s;
	}
	.cc3 .staffcastbg:before, .cc4 .staffcastbg:before {
		transform: skewX(-15deg) translateX(0);
	}
	.staffcastbg:after {
		content: '';
		position: absolute;
		height: 109.3333vw;
		width: 200%;
		bottom: 0;
		right: 0;
		background: url(../img/common/kvs.png) no-repeat center bottom / auto 100%;
		opacity: 0;
		transform: translate(-20px);
		transition: all 0.2s;
	}
	.c3 .staffcastbg:after {
		transform: translateX(0);
		opacity: 1;
		transition: all 0.2s;
	}
}



.tChangeFixed{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	pointer-events: none;
	transform: translateX(-270%);
	transition: transform 0.9s;
}
.tChangeFixed:before {
	content: '';
    position: absolute;
    left: 60%;
    top: 0;
    width: 200%;
    height: 100%;
    background: #1D3F45;
    transform-origin: right top;
    transform: skewX(-15deg);
}
.c3 .tChangeFixed{
	transform: translateX(-0%);
}




/**
 * TOPICS [230910 ADD]
 */
@media screen and (min-width:769px){
	.topics{
		padding-top: 400px;
		margin-top: -816px;
	}
}
.topics__inner{
	position: relative;
	z-index: 2;
}
.topics_bgWrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.c3 .topics_bgWrap {
	opacity:0;
}
.c4 .topics_bgWrap {
	opacity:1;
}
@media screen and (min-width:769px){
	.topics_bgWrap{
		top: -50%;
	}
}
@media screen and (max-width:768px){
	.c3 .topics_bgWrap {
		opacity:1;
	}
}
.topics_bgImageLists,.topics_bgImageList{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.topics_bgImageLists:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .6);
	z-index: 2;
}
.topics_bgImageList img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	filter: blur(12px);
	transition: opacity .3s ease-in, filter .8s ease;
}
.topics_bgImageList.-active img{
	opacity: 1;
	filter: blur(0px);
	transition: opacity .3s ease-in, filter .8s ease .2s;
}
.visual1,.visual2{
	object-position: 13.3334% 60%;
}

@media screen and (max-width:768px){
	.topics__inner:before{
		content: unset;
	}
	.topics_bgImageLists{
		background-color: #000;
	}
	.topics_bgImageLists,.topics_bgImageList{
		bottom: unset;
		height: 100vh;
	}
	.visual1,.visual2{
		object-position: center;
	}
	.topics_bgImageLists:before{
		background-color: rgba(0, 0, 0, .8);
	}
}

@media screen and (min-width:769px){
	.topics{
		padding-top:0;
	}
	.music-viewing{
		min-height:100vh;
		position: relative;
		z-index:5000;
		padding-top:0;
		margin-top:0;
		background:rgba(0,0,0,.6);
		margin-bottom:200px;
	}
	.music {
		padding-bottom:200px;
	}
	.music__title {
		height:83px;
		background:url(../img/top/subtitle_music.svg) no-repeat center center / contain;
		margin-bottom:80px;
	}
	.music__inner {
		width:960px;
		margin:0 auto;
		display: flex;
		justify-content: center;
	}
	.music__item {
		width:960px;
		padding:0 40px;
	}
	.music__item a {
		display: block;
		text-decoration: none;
	}
	.music__thumb {
		margin-bottom:30px;
		transition: all 0.3s ease;
		display: flex;
		justify-content: center;
	}
	.music__item a:hover .music__thumb {
		opacity: 0.7
	}
	.music__category {
		font-size:32px;
		text-align: center;
		line-height:1;
		margin-bottom:10px;
	}
	.music__name {
		text-align: center;
		font-size:24px;
		transform:scale(0.8,1);
		font-weight: 700;
		color:#5ec5b9;
		transform-origin: center center;
		line-height: 2;
		letter-spacing: 0.05em;
		padding:0.5em 0 0;
	}
	.music__songName {
		text-align: center;
		font-size: 32px;
		font-weight: 700;
		transform:scale(0.8,1);
		letter-spacing: 0.05em;
		transform-origin: center center;
		text-indent: -0.5em
	}
	.viewing {
		padding-bottom:200px;
		background:rgba(1,47,61,.2);
	}
	.viewing__title {
		height:83px;
		background:url(../img/top/subtitle_viewing.svg) no-repeat center center / contain;
		margin-bottom:80px;
	}
	.viewing__inner {
		width:880px;
		margin:0 auto;
	}
	.viewing__lists {}
	.viewing__lists dt {
		font-size:42px;
		color:#5ec5b9;
		font-weight:700;
		letter-spacing: 0.05em;
		line-height:1;
		transform:scale(0.8,1);
		transform-origin: left center;
		margin-bottom: 32px;
	}
	.viewing__lists dt small {
		font-size:24px;
	}
	.viewing__new{
		display: inline-block;
		background-color: #5ec5b9;
		color: #000;
		font-size: 24px;
		margin-bottom: 12px;
	}
	.viewing__lists dd {
		margin-bottom:50px;
	}
	.viewing__place {
		font-size:32px;
		font-weight:700;
		letter-spacing: 0.05em;
		line-height:2;
		transform:scale(0.8,1);
		transform-origin: left center;
		margin-bottom:32px;
	}
	.viewing__place_img{
		display: block;
		width: 40%;
		margin: 0 auto;
	}
	.viewing__place_img img{
		width: 100%;
	}
	.viewing__place img{
		max-width: 100%;
	}
	.viewing__text {
		font-size:20px;
		font-weight:700;
		letter-spacing: 0.05em;
		line-height:1;
		width:125%;
		margin-right:-25%;
		transform:scale(0.8,1);
		transform-origin: left center;
		line-height: 2
	}
}
@media screen and (max-width:768px){
	.topics{
		padding-top:0;
	}
	.music-viewing{
		min-height:100vh;
		position: relative;
		z-index:5000;
		padding-top:0;
		margin-top:0;
		background:rgba(0,0,0,.6);
		margin-bottom:20vw;
		height:auto !important;
	}
	.music {
		padding-bottom:20vw;
	}
	.music__title {
		height:9.6vw;
		background:url(../img/top/subtitle_music.svg) no-repeat center center / contain;
		margin-bottom:12.8vw;
	}
	.music__inner {
		width:86.2vw;
		margin:0 auto;
	}
	.music__item {
		width:86.2vw;
		padding:0;
	}
	.music__item:not(:first-child){
		margin-top: var(--sp-size-64);
	}
	.music__item a {
		display: block;
		text-decoration: none;
	}
	.music__thumb {
		margin-bottom:6vw;
	}
	.music__thumb img {
		width:100%;
	}
	.music__category {
		font-size:4.8vw;
		line-height:1;
		margin-bottom:2.4vw;
	}
	.music__name {
		font-size:3.8vw;
		transform:scale(0.8,1);
        width:125%;
		font-weight: 700;
        margin-right:-25%;
		color:#5ec5b9;
		transform-origin: left center;
		line-height: 2;
		letter-spacing: 0.05em;
		padding:0.5em 0 0;
	}
	.music__songName {
		font-size: 5.4vw;
		font-weight: 700;
		transform:scale(0.8,1);
		letter-spacing: 0.05em;
		transform-origin: left center;
		text-indent: -0.5em
	}
	.viewing {
		padding-bottom:20vw;
		background:rgba(1,47,61,.2);
	}
	.viewing__title {
		height:9.6vw;
		background:url(../img/top/subtitle_viewing.svg) no-repeat center top / contain;
		margin-bottom:8vw;
	}

	.viewing__inner {
		width:86.2vw;
		margin:0 auto;
	}
	.viewing__lists {}
	.viewing__lists dt {
		font-size:5vw;
		color:#5ec5b9;
		font-weight:700;
		letter-spacing: 0.05em;
		line-height:1;
		transform:scale(0.8,1);
		transform-origin: left center;
		margin-bottom:5vw;
	}
	.viewing__lists dt small {
		font-size:4vw;
	}
	.viewing__lists dd {
		margin-bottom:8vw;
	}
	.viewing__new{
		display: inline-block;
		background-color: #5ec5b9;
		color: #000;
		font-size: 3.2vw;
		margin-bottom: 1.6vw;
	}
	.viewing__place {
		font-size:4.5vw;
		font-weight:700;
		letter-spacing: 0.05em;
		line-height:2;
		transform:scale(0.8,1);
		transform-origin: left center;
		margin-bottom:5vw;
	}
	.viewing__place_img{
		display: block;
		width: 74.3034%;
		margin: 0 auto;
	}
	.viewing__place_img img{
		width: 100%;
	}
	.viewing__place img{
		max-width: 100%;
	}
	.viewing__text {
		font-size:3.2vw;
		font-weight:700;
		letter-spacing: 0.05em;
		line-height:1;
		width:125%;
		margin-right:-25%;
		transform:scale(0.8,1);
		transform-origin: left center;
		line-height: 2
	}
}
.music-viewing__inner{
	position:sticky;
	left:0;
	top:0;
}

/***
* theader
***/
@media screen and (min-width:769px){
	.theader {
		position: fixed;
		top: 30px;
		right: 0;
		z-index: 999;
		transition: opacity .4s ease-in-out;
	}
	.theader.is-hide {
		pointer-events: none;
		opacity: 0;
	}
	.theader .headerNavLists__item:not(:first-child) {
		margin-top: 0.4em;
	}
	.theader .headerNavLists__item > a {
		display: flex;
		justify-content: flex-end;
		font-size: 16px;
		position: relative;
		text-decoration: none;
		line-height:1.25;
		padding:5px 40px 5px 0;
		text-align: right
	}
	.theader .headerNavLists__item > a:after {
		content: "";
		background-color: #fff;
		width: 0;
		height: 1px;
		margin: auto;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
	}
	.theader .headerNavLists__text {
		position: relative;
	}

/* hover, is-active */
	.theader .headerNavLists__item > a {
		color: #fff;
		transition: color .3s ease-in-out;
	}
	.theader .headerNavLists__item > a:is(:hover, .is-active) {
		color: #5ec5b9;
	}
	.theader .headerNavLists__item > a.is-blank .headerNavLists__text:after {
		transition: background-color .3s ease-in-out;
	}
	.theader .headerNavLists__item > a.is-blank:is(:hover, .is-active) .headerNavLists__text:after {
		background-color: #5ec5b9;
	}
	.theader .headerNavLists__item > a:after {
		transition: width .3s ease-in-out;
	}
	.theader .headerNavLists__item > a:is(:hover, .is-active):after {
		width: 40px;
	}
	.theader .headerNavLists__item > a.is-blank:after {
		width: 0;
	}
	.theader .headerNavLists__text {
		transition: transform .3s ease-in-out;
	}
	.theader .headerNavLists__item > a:is(:hover, .is-active) .headerNavLists__text {
		transform: translateX(-1em);
	}
	.theader .headerNavLists__item > a.is-blank:is(:hover, .is-active) .headerNavLists__text {
		transform: translateX(0);
	}
}


/***
* mv__Banner
***/
.mv__BannerWrap{
	position: absolute;
	right: 136px;
	bottom: 0;
	margin-bottom: 16px;
	width: 548px;
}
.mv__BannerInWrap{
	width: 100%;
	position: relative;
	padding-left: 20px;
}
@media screen and (max-width:768px){
	.mv__BannerWrap{
		position: relative;
		width: 86.4%;/* 648px */
		right: unset;
		margin-bottom: unset;
		margin: 0 auto;
	}
	.mv__BannerInWrap{
		padding: var(--sp-size-48) 0 0;
	}
}

/** bannerlists **/
.mv__BannerLists{
	width: 100%;
}
.mv__BannerList{
	width: 50%;
	padding: 0 2.2728%;/* 0 24px */
}
.mv__BannerList_link{
	display: block;
}
.mv__BannerList_link img{
	width: 100%;
}

/** bannerthumb **/
.mv__BannerThumbLists{
	width: 100%;
	margin-top: 16px;
	justify-content: center;
}
.mv__BannerThumbList{
	width: 20px;
	padding: 0 6px;
}
.mv__BannerThumbList_btn{
	display: block;
	width: 100%;
	padding-top: 100%;
	position: relative;
}
.mv__BannerThumbList_btn:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	transition: .3s ease;
}
.mv__BannerThumbList.swiper-slide-thumb-active .mv__BannerThumbList_btn:before{
	background-color: var(--color-lightblue);
}
@media screen and (max-width:768px){
	.mv__BannerList{
		padding: 0 var(--sp-size-12);
	}
	.mv__BannerThumbLists{
		margin-top: var(--sp-size-32);
	}
	.mv__BannerThumbList{
		width: var(--sp-size-32);
		padding: 0 var(--sp-size-8);
	}
}

/** mv__BannerLists__numWrap **/
.mv__BannerLists__numWrap{
	position: absolute;
	top: 0;
	left: 0;
	height: 64px;
	display: flex;
	align-items: center;
}
.mv__BannerLists__numInWrap{
	width: 8px;
	background-color: #000;
	color: #FFF;
	position: relative;
}
.mv__BannerLists__numInWrap:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
	margin: auto;
}
.swiper-pagination-currentWrap,
.swiper-pagination-totalWrap{
	width: 100%;
	padding-top: 275%;
	position: relative;
}
.mv__BannerLists__numText{
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 10px;
	line-height: 1;
	padding: 4px 0;
}
.swiper-pagination-current{
	top: 0;
}
.swiper-pagination-total{
	bottom: 0;
	opacity: 40%;
}
@media screen and (max-width:768px){
	.mv__BannerLists__numWrap{
		top: 0;
		left: 0;
		right: 0;
		height: var(--sp-size-24);
		align-items: unset;
		justify-content: center;
	}
	.mv__BannerLists__numInWrap{
		width: auto;
		display: flex;
	}
	.mv__BannerLists__numInWrap:before{
		width: var(--sp-size-2);
		height: 100%;
		left: 0;
		right: 0;
	}
	.swiper-pagination-currentWrap,
	.swiper-pagination-totalWrap{
		width: var(--sp-size-48);
		padding-top: unset;
	}
	.mv__BannerLists__numText{
		font-size: var(--sp-size-20);
		text-align: unset;
		left: unset;
		right: unset;
		top: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		padding: 0 var(--sp-size-4);
	}
	.swiper-pagination-current{
		left: 0;
	}
	.swiper-pagination-total{
		right: 0;
	}
}

@media screen and (min-width: 769px){
	/** loading **/
	.mv__BannerWrap{
		opacity: 0;
		transition: .3s;
	}
	body.--afin2 #fullWrap.c0 .mv__BannerWrap{
		opacity: 1;
		transition-delay: 1.6s;
	}
	body.--loaded #fullWrap.c0 .mv__BannerWrap{
		transition-delay: 0s;
	}
}