@charset "utf-8";
#fullInWrap{
	position: relative;
	width: 100%;
}
#fullInWrap:after{
	content: '';
	position: absolute;
	top: min(calc(1666 / var(--vw-min) * 100vw), 1666px);
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/top/bg_all2.jpg) no-repeat center top / 100%;
	z-index: -1;
}
@media screen and (min-width:1201px){
	#fullInWrap:after{
		top: calc(1666px - (100vw * 0.1609) + 193px);
	}
}
@media screen and (max-width:768px){
	#fullInWrap:after{
		top: calc(2582 / var(--vw-min) * 100vw);
		background-image: url(../img/top/bg_all2-s.jpg);
	}
}
/*-----------------------------------------------
 * MV
-------------------------------------------------*/
#mv{
	order: -1;
	position: relative;
	width: 100%;
	z-index: 1;
}
.mvContArea{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.mv__logo{
	position: absolute;
	left: 0;
}
.mv__logo img{
	width: 100%;
}
.mv__img{
	width: 100%;
}
.mv__img img{
	width: 100%;
}
.mv__onair{
	position: absolute;
	bottom: 0;
	right: 0;
	width: min(calc(504 / var(--vw-min) * 100vw), calc(504px * var(--max-percent)));
	margin-bottom: min(calc(48 / var(--vw-min) * 100vw), calc(48px * var(--max-percent)));
	margin-right: min(calc(48 / var(--vw-min) * 100vw), calc(48px * var(--max-percent)));
}
.mv__onair img{
	width: 100%;
}

@media screen and (min-width:769px){
	.mvContIn{
		position: sticky;
		top: 0;
		width: 100%;
		height: 100%;
		max-height: 100vh;
	}
	.mv__logo{
		width: min(calc(516 / var(--vw-min) * 100vw), calc(516px * var(--max-percent)));
		bottom: min(calc(56 / var(--vw-min) * 100vw), calc(56px * var(--max-percent)));
		left: min(calc(88 / var(--vw-min) * 100vw), calc(88px * var(--max-percent)));
	}
	.mv__onair{
		width: calc(504 / var(--vw-min) * 100vw);
		margin-bottom: calc(26 / var(--vw-min) * 100vw);
		margin-right: calc(24 / var(--vw-min) * 100vw);
	}
}

@media screen and (max-width:768px){
	.mv__logo{
		top: calc(361 / var(--vw-min) * 100vw);
		left: calc(26 / var(--vw-min) * 100vw);
		width: min(calc(454 / var(--vw-min) * 100vw), 454px);
	}
}


/*-----------------------------------------------
 * Main
-------------------------------------------------*/
.tMain{
	width: 100%;
	position: relative;
	padding-bottom: min(calc(192 / var(--vw-min) * 100vw), 192px);
}
.tMain__logo{
	width: min(calc(244 / var(--vw-min) * 100vw), 244px);
	margin: 0 auto;
	padding-top: min(calc(56 / var(--vw-min) * 100vw), 56px);
	position: relative;
}
.tMain__logo img{
	width: 100%;
}

@media screen and (max-width:768px){
	.tMain{
		padding-bottom: calc(192 / var(--vw-min) * 100vw);
	}
	.tMain__logo{
		width: calc(250 / var(--vw-min) * 100vw);
		padding-top: calc(96 / var(--vw-min) * 100vw);
	}
}






.tMain:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding-top: 43.3334%;
	background: url(../img/common/bg_head.jpg) no-repeat center top / 100%;
}
/* .tMain:after{
	content: '';
	position: absolute;
	top: min(calc(1666 / var(--vw-min) * 100vw), 1666px);
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/top/bg_all2.jpg) no-repeat center top / 100%;
	z-index: -1;
} */
/* @media screen and (min-width:1201px){
	.tMain:after{
		top: calc(1666px - (100vw * 0.1609) + 193px);
	}
} */
@media screen and (max-width:768px){
	.tMain:before{
		padding-top: 170.6667%;
		background-image: url(../img/common/bg_head-s.jpg);
	}
	/* .tMain:after{
		top: calc(2582 / var(--vw-min) * 100vw);
		background-image: url(../img/top/bg_all2-s.jpg);
	} */
}




/*-----------------------------------------------
 * News
-------------------------------------------------*/
#news{
	z-index: 2;
	padding-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	padding-bottom: calc(60 / var(--vw-min) * 100vw);
	padding-bottom: min(calc(60 / var(--vw-min) * 100vw), 60px);
}
#news .comSectionIn{
	padding: 0 min(5.3334%, 64px);
}
.newsLists{
	width: 100%;
	display: flex;
	justify-content: center;
	gap: min(calc(16 / var(--vw-min) * 100vw), 16px);
}
.newsList{
	width: calc((100% - (min(calc(16 / var(--vw-min) * 100vw), 16px) * 2)) / 3);
	padding-top: min(calc(17 / var(--vw-min) * 100vw), 17px);
	position: relative;
}
@media screen and (min-width:769px){
	.newsList:nth-of-type(4){
		display: none;
	}
}
.newsList__link{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	pointer-events: none;
}
.newsList__linkIn{
	width: 100%;
	height: 100%;
	border: min(calc(5 / var(--vw-min) * 100vw), 5px) solid var(--color-purple);
	overflow: hidden;
	border-radius: min(calc(15 / var(--vw-min) * 100vw), 15px);
	pointer-events: auto;
	background-color: var(--color-white);
	color: var(--color-purple);
}

.newsList__deco{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: min(calc(40 / var(--vw-min) * 100vw), 40px);
	height: min(calc(40 / var(--vw-min) * 100vw), 40px);
	margin: 0 auto;
	pointer-events: auto;
}

.newsList__deco:before{
	content: '';
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 80%;
	height: 80%;
	margin: auto;
}
.newsList__deco:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-mask: url(../img/common/face/deco_face01.svg) no-repeat center / contain;
	mask: url(../img/common/face/deco_face01.svg) no-repeat center / contain;
	background-color: var(--color-purple);
}
.newsList__img{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	overflow: hidden;
}
.newsList__img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.newsList__titleArea{
	width: 100%;
	padding: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 700;
}
.newsList__date{
	display: block;
	line-height: 1;
	margin-bottom: 0.5em;
}
.newsList__title{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 2;
}

@media screen and (max-width:768px){
	#news{
		padding-top: calc(32 / var(--vw-min) * 100vw);
		padding-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	#news .comSectionIn{
		padding: 0 calc(21 / var(--vw-min) * 100vw);
	}
	.newsLists{
		column-gap: calc(16 / var(--vw-min) * 100vw);
		row-gap: calc(18 / var(--vw-min) * 100vw);
		flex-wrap: wrap;
	}
	.newsList{
		width: calc((100% - ((16 / var(--vw-min) * 100vw) * 1)) / 2);
		padding-top: calc(17 / var(--vw-min) * 100vw);
	}
	.newsList__linkIn{
		border-width: calc(5 / var(--vw-min) * 100vw);
		border-radius: calc(15 / var(--vw-min) * 100vw);
	}
	.newsList__deco{
		width: calc(40 / var(--vw-min) * 100vw);
		height: calc(40 / var(--vw-min) * 100vw);
	}

	.newsList__titleArea{
		padding: calc(20 / var(--vw-min) * 100vw);
	}
	.newsList__date{
		margin-bottom: 0.75em;
	}
	.newsList__title{
		-webkit-line-clamp: 3;
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.newsList__linkIn{
		transition: .2s ease;
	}
	.newsList__link:hover .newsList__linkIn{
		background-color: var(--color-purple);
		color: #FFF;
	}
}


/**
* newsPoxbox
**/
.newsPoxbox{
	top: 0;
	left: 0;
	/* margin-top: min(calc(80 / var(--vw-min) * 100vw), 80px); */
	margin-left: min(calc(12 / var(--vw-min) * 100vw), 12px);
}

@media screen and (max-width:768px){
	.newsPoxbox{
		width: calc(288 / var(--vw-min) * 100vw);
		position: relative;
		margin-top: calc(32 / var(--vw-min) * 100vw);
		margin-left: auto;
		margin-right: auto;
	}
	.newsPoxbox .comSelectLists{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}



/*-----------------------------------------------
 * Introduction
-------------------------------------------------*/
#introduction{
	width: 100%;
	position: relative;
	padding-top: calc(60 / var(--vw-min) * 100vw);
	padding-top: min(calc(60 / var(--vw-min) * 100vw), 60px);
	color: var(--color-white);
}
#introduction .comSectionIn{
	position: relative;
	z-index: 2;
	padding: 0 min(5.3334%, 64px);
}


.introduction_catch{
	font-size: min(calc(40 / var(--vw-min) * 100vw), 40px);
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
	line-height: 1.5;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-shadow: 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black),-1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black),1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black),-1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black);
}

.introduction_text{
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	line-height: 1.7;
	font-weight: 700;
	letter-spacing: 0;
	text-shadow: 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), 1px -1px 1px var(--color-black), 1px -1px 1px var(--color-black), -1px -1px 1px var(--color-black), -1px -1px 1px var(--color-black);
}
.introduction_link{
	text-decoration: none;
	color: var(--color-red);
}
.introduction_text:not(.-last){
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
}


.introduction_heart{
	width: 100%;
	height: min(calc(36 / var(--vw-min) * 100vw), 36px);
	text-align: center;
	margin-top: min(calc(48 / var(--vw-min) * 100vw), 48px);
}
.introduction_heart img{
	width: auto;
	height: 100%;
}

@media screen and (max-width:768px){
	#introduction{
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
	#introduction .comSectionIn{
		padding: 0 calc(21 / var(--vw-min) * 100vw);
	}
	.introduction_catch{
		font-size: calc(40 / var(--vw-min) * 100vw);
		margin-bottom: calc(48 / var(--vw-min) * 100vw);
		text-shadow: 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black),-0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black),0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black),-0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black);
	}

	.introduction_text{
		font-size: calc(24 / var(--vw-min) * 100vw);
		text-shadow: 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), 0.5px -0.5px 0.5px var(--color-black), 0.5px -0.5px 0.5px var(--color-black), -0.5px -0.5px 0.5px var(--color-black), -0.5px -0.5px 0.5px var(--color-black);
	}
	.introduction_text:not(.-last){
		margin-bottom: calc(40 / var(--vw-min) * 100vw);
	}

	.introduction_heart{
		height: calc(36 / var(--vw-min) * 100vw);
		margin-top: calc(48 / var(--vw-min) * 100vw);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.introduction_link{
		display: inline-block;
		transition: .2s ease;
	}
	.introduction_link:hover{
		filter: brightness(150%);
	}
}



/**
* popBox
**/
.introPopBoxWrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: calc(-72 / var(--vw-min) * 100vw);
	pointer-events: none;
}
.introPopBoxInWrap{
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	height: min(100%, 100vh);
	overflow: hidden;
}
.introPoxbox{
	bottom: 0;
	right: min(calc(26 / var(--vw-min) * 100vw), 26px);
}
.introPoxbox .comSelectList__link{
	pointer-events: auto;
}

@media screen and (min-width:769px){
	.introPoxboxInWrap__cont{
		position: absolute;
		bottom: 0;
		padding-bottom: min(calc(80 / var(--vw-min) * 100vw), 80px);
		right: min(calc(26 / var(--vw-min) * 100vw), 26px);
	}
	.introPoxbox{
		position: relative;
		right: 0;
	}
}

@media screen and (max-width:768px){
	.introPoxbox{
		bottom: 0;
		right: calc(-20 / var(--vw-min) * 100vw);
	}
}

.popupModalArea__introduction{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}


/**
* bg
**/
.introBGWrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.introBG{
	height: min(calc(1200 / var(--vw-min) * 100vw), 1200px);
	background-color: #020031;
}
.introBG:before{
	content: '';
	position: absolute;
	top: -100%;
	left: 0;
	right: 0;
	bottom: -100%;
	background: url(../img/common/bg_repeat.png) repeat center;
	background-size: 800px 800px;
	transform: skewY(-18deg);
}

.intro_underBG{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 53.3334%;
}
.intro_underBGIn{
	width: 100%;
	padding-top: 224.3334%;/* 1346 */
	position: relative;
	background: url(../img/top/bg_story.png) no-repeat center top / cover;
	margin-top: 157.5%;
}

@media screen and (max-width:768px){
	.introBGWrap{
		top: calc(-142 / var(--vw-min) * 100vw);
	}
	.introBG{
		height: calc(1520 / var(--vw-min) * 100vw);
	}
}






/* Introduction - PopupModal 位置 */
.popupModalArea__introduction .popupModal:nth-of-type(8n + 1){
	top: min(calc(80 / var(--vw-min) * 100vw), 80px);
	left: min(calc(416 / var(--vw-min) * 100vw), 416px);
}
.popupModalArea__introduction .popupModal:nth-of-type(8n + 2){
	top: min(calc(328 / var(--vw-min) * 100vw), 328px);
	left: min(calc(250 / var(--vw-min) * 100vw), 250px);
}
.popupModalArea__introduction .popupModal:nth-of-type(8n + 3){
	top: min(calc(120 / var(--vw-min) * 100vw), 120px);
	left: min(calc(50 / var(--vw-min) * 100vw), 50px);
}
.popupModalArea__introduction .popupModal:nth-of-type(8n + 4){
	top: min(calc(160 / var(--vw-min) * 100vw), 160px);
	left: min(calc(160 / var(--vw-min) * 100vw), 160px);
}
.popupModalArea__introduction .popupModal:nth-of-type(8n + 5){
	top: min(calc(20 / var(--vw-min) * 100vw), 20px);
	left: min(calc(554 / var(--vw-min) * 100vw), 554px);
}
.popupModalArea__introduction .popupModal:nth-of-type(8n + 6){
	top: min(calc(320 / var(--vw-min) * 100vw), 320px);
	left: min(calc(640 / var(--vw-min) * 100vw), 640px);
}
.popupModalArea__introduction .popupModal:nth-of-type(8n + 7){
	top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	left: min(calc(160 / var(--vw-min) * 100vw), 160px);
}
.popupModalArea__introduction .popupModal:nth-of-type(8n + 8){
	top: min(calc(160 / var(--vw-min) * 100vw), 160px);
	left: min(calc(720 / var(--vw-min) * 100vw), 720px);
}

@media screen and (max-width:768px){
	.popupModalArea__introduction .popupModal:nth-of-type(8n + 5){
		left: min(calc(314 / var(--vw-min) * 100vw), 314px);
	}
	.popupModalArea__introduction .popupModal:nth-of-type(8n + 6){
		left: min(calc(64 / var(--vw-min) * 100vw), 64px);
	}
	.popupModalArea__introduction .popupModal:nth-of-type(8n + 7) {
		top: min(calc(240 / var(--vw-min) * 100vw), 240px);
		left: min(calc(370 / var(--vw-min) * 100vw), 370px);
	}
	.popupModalArea__introduction .popupModal:nth-of-type(8n + 8) {
		top: min(calc(24 / var(--vw-min) * 100vw), 24px);
		left: min(calc(32 / var(--vw-min) * 100vw), 32px);
	}
}


/*-----------------------------------------------
 * Story
-------------------------------------------------*/
#story{
	width: 100%;
	position: relative;
	padding-top: min(calc(56 / var(--vw-min) * 100vw), 56px);
	color: var(--color-white);
}
#story .comSectionIn{
	position: relative;
	z-index: 2;
	padding: 0 min(5.3334%, 64px);
}


.story_catch{
	font-size: min(calc(40 / var(--vw-min) * 100vw), 40px);
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
	line-height: 1.5;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-shadow: 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black), 1px 1px 2px var(--color-black),-1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black), -1px 1px 2px var(--color-black),1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black), 1px -1px 2px var(--color-black),-1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black), -1px -1px 2px var(--color-black);
}
.story_catch.-first{
	color: var(--color-red);
	text-shadow: 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white),-1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white),1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white),-1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white);
}
.story_catch.-foot{
	margin-bottom: 0;
	color: var(--color-purple);
	text-shadow: unset;
}

.story_text{
	color: var(--color-black);
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	line-height: 1.7;
	font-weight: 700;
	letter-spacing: 0;
	text-shadow: 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), 1px -1px 1px var(--color-white), 1px -1px 1px var(--color-white), -1px -1px 1px var(--color-white), -1px -1px 1px var(--color-white);
}
.story_link{
	text-decoration: none;
	color: var(--color-purple);
}
.story_text:not(.-last){
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
}

@media screen and (max-width:768px){
	#story{
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
	#story .comSectionIn{
		padding: 0 calc(21 / var(--vw-min) * 100vw);
	}

	.story_catch{
		font-size: calc(40 / var(--vw-min) * 100vw);
		margin-bottom: calc(40 / var(--vw-min) * 100vw);
		text-shadow: 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black), 0.5px 0.5px 1px var(--color-black),-0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black), -0.5px 0.5px 1px var(--color-black),0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black), 0.5px -0.5px 1px var(--color-black),-0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black), -0.5px -0.5px 1px var(--color-black);
	}
	.story_catch.-first{
		text-shadow: 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white),-0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white),0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white),-0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white);
		margin-bottom: calc(80 / var(--vw-min) * 100vw);
	}
	.story_text{
		font-size: calc(24 / var(--vw-min) * 100vw);
		/* text-shadow: 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), 0.5px -0.5px 0.5px var(--color-white), 0.5px -0.5px 0.5px var(--color-white), -0.5px -0.5px 0.5px var(--color-white), -0.5px -0.5px 0.5px var(--color-white); */
	}
	.story_text:not(.-last){
		margin-bottom: calc(40 / var(--vw-min) * 100vw);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.story_link{
		display: inline-block;
		transition: .2s ease;
	}
	.story_link:hover{
		filter: brightness(80%);
	}
}


/**
* popBox
**/
.storyPopBoxWrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
}
.storyPopBoxInWrap{
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	height: min(100%, 100vh);
	overflow: hidden;
}
.storyPoxbox{
	top: min(calc(280 / var(--vw-min) * 100vw), 280px);
	right: min(calc(26 / var(--vw-min) * 100vw), 26px);
}
.storyPoxbox .comSelectList__link{
	pointer-events: auto;
}

@media screen and (min-width:769px){
	.storyPoxboxInWrap__cont{
		position: absolute;
		bottom: 0;
		padding-top: min(calc(140 / var(--vw-min) * 100vw), 140px);
		padding-bottom: min(calc(64 / var(--vw-min) * 100vw), 64px);
		right: min(calc(26 / var(--vw-min) * 100vw), 26px);
	}
	.storyPoxbox{
		position: relative;
		top: 0;
		right: 0;
	}
}

@media screen and (max-width:768px){
	.storyPoxbox{
		top: unset;
		right: calc(-20 / var(--vw-min) * 100vw);
		bottom: calc(80 / var(--vw-min) * 100vw);
	}
}





/* Story - PopupModal 位置 */
.popupModalArea__story .popupModal:nth-of-type(8n + 1){
	top: min(calc(80 / var(--vw-min) * 100vw), 80px);
	left: min(calc(416 / var(--vw-min) * 100vw), 416px);
}
.popupModalArea__story .popupModal:nth-of-type(8n + 2){
	top: min(calc(328 / var(--vw-min) * 100vw), 328px);
	left: min(calc(250 / var(--vw-min) * 100vw), 250px);
}
.popupModalArea__story .popupModal:nth-of-type(8n + 3){
	top: min(calc(120 / var(--vw-min) * 100vw), 120px);
	left: min(calc(50 / var(--vw-min) * 100vw), 50px);
}
.popupModalArea__story .popupModal:nth-of-type(8n + 4){
	top: min(calc(520 / var(--vw-min) * 100vw), 520px);
	left: min(calc(100 / var(--vw-min) * 100vw), 100px);
}
.popupModalArea__story .popupModal:nth-of-type(8n + 5){
	top: 0;
	left: min(calc(592 / var(--vw-min) * 100vw), 592px);
}
.popupModalArea__story .popupModal:nth-of-type(8n + 6){
	top: min(calc(240 / var(--vw-min) * 100vw), 240px);
	left: min(calc(490 / var(--vw-min) * 100vw), 490px);
}
.popupModalArea__story .popupModal:nth-of-type(8n + 7){
	top: min(calc(460 / var(--vw-min) * 100vw), 460px);
	left: min(calc(340 / var(--vw-min) * 100vw), 340px);
}
.popupModalArea__story .popupModal:nth-of-type(8n + 8){
	top: min(calc(680 / var(--vw-min) * 100vw), 680px);
	left: min(calc(490 / var(--vw-min) * 100vw), 490px);
}

@media screen and (max-width:768px){
	.popupModalArea__story .popupModal:nth-of-type(8n + 5) {
		top: min(calc(736 / var(--vw-min) * 100vw), 736px);
		left: min(calc(20 / var(--vw-min) * 100vw), 20px);
	}
	.popupModalArea__story .popupModal:nth-of-type(8n + 6) {
		top: min(calc(240 / var(--vw-min) * 100vw), 240px);
		left: min(calc(40 / var(--vw-min) * 100vw), 40px)0;
	}
	.popupModalArea__story .popupModal:nth-of-type(8n + 8){
		left: min(calc(280 / var(--vw-min) * 100vw), 280px);
	}
}

/*-----------------------------------------------
 * Character
-------------------------------------------------*/
#character{
	width: 100%;
	padding-top: min(calc(56 / var(--vw-min) * 100vw), 56px);
	padding-bottom: min(calc(88 / var(--vw-min) * 100vw), 88px);
}

.characterSwiper{
	z-index: 2;
	pointer-events: none;
}
.characterListIn{
	width: 100%;
	padding: 0 min(calc(64 / var(--vw-min) * 100vw), 64px);
	position: relative;
	display: flex;
}
.character__stand{
	width: min(calc(400 / var(--vw-min) * 100vw), 400px);
	flex-shrink: 0;
}
.character__stand img{
	width: 100%;
}

.character__detailWrap{
	display: flex;
	flex-direction: column;
	padding-bottom: min(calc(96 / var(--vw-min) * 100vw), 96px);
	position: relative;
}
.character__detailInWrap{
	width: 100%;
	min-height: min(calc(670 / var(--vw-min) * 100vw), 670px);
	margin-top: auto;
	position: relative;
}

.character__name{
	line-height: 1;
	color: var(--color-red);
	margin-left: max(calc(-20 / var(--vw-min) * 100vw), -20px);
	text-shadow: 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white), 1px 1px 2px var(--color-white),-1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white), -1px 1px 2px var(--color-white),1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white),-1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white), -1px -1px 2px var(--color-white);
}
.character__name--name{
	display: block;
	font-size: min(calc(50 / var(--vw-min) * 100vw), 50px);
}
.character__name--cv{
	display: block;
	font-size: min(calc(30 / var(--vw-min) * 100vw), 30px);
	margin-top: min(calc(20 / var(--vw-min) * 100vw), 20px);
}


.character__profile{
	position: relative;
	width: min(calc(260 / var(--vw-min) * 100vw), 260px);
	margin-left: min(calc(238 / var(--vw-min) * 100vw), 238px);
	padding-top: min(calc(64 / var(--vw-min) * 100vw), 64px);
}
.character__profile .popBox{
	display: inline-block;
	position: relative;
	color: var(--color-white);
}
.character__profile .popBoxIn{
	letter-spacing: 0;
}


.character__face{
	position: absolute;
	top: min(calc(400 / var(--vw-min) * 100vw), 400px);
	left: max(calc(-110 / var(--vw-min) * 100vw), -110px);
	opacity: 0;
}
.character__face.--is-active{
	opacity: 1;
}
.character__face > .popupModal{
	position: relative;
}

@media screen and (max-width:768px){
	#character{
		padding-top: calc(48 / var(--vw-min) * 100vw);
		padding-bottom: calc(56 / var(--vw-min) * 100vw);
		overflow: hidden;
	}
	#character .comSectionIn{
		display: flex;
		flex-direction: column;
	}
	.characterSwiper {
		width: 100%;
	}
	.characterListIn{
		padding: 0;
	}
	.characterList {
		overflow: hidden;
	}
	.character__stand{
		width: calc(400 / var(--vw-min) * 100vw);
		margin-left: calc(-24 / var(--vw-min) * 100vw);
	}
	.character__detailWrap{
		margin-left: calc(-48 / var(--vw-min) * 100vw);
	}
	.character__detailInWrap{
		min-height: unset;
	}
	.character__name{
		margin-left: 0;
		text-shadow: 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white), 0.5px 0.5px 1px var(--color-white),-0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white), -0.5px 0.5px 1px var(--color-white),0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white), 0.5px -0.5px 1px var(--color-white),-0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white), -0.5px -0.5px 1px var(--color-white);
	}
	.character__name--name{
		font-size: calc(50 / var(--vw-min) * 100vw);
	}
	.character__name--cv{
		font-size: calc(30 / var(--vw-min) * 100vw);
		margin-top: calc(16 / var(--vw-min) * 100vw);
	}
	.character__profile{
		width: calc(400 / var(--vw-min) * 100vw);
		margin-left: calc(40 / var(--vw-min) * 100vw);
		padding-top: calc(56 / var(--vw-min) * 100vw);
	}
	.character__profile .popBoxIn{
		padding-right: calc(36 / var(--vw-min) * 100vw);
	}

	.character__face{
		top: unset;
		bottom: calc(-64 / var(--vw-min) * 100vw);
		left: calc(-80 / var(--vw-min) * 100vw);
	}
}



/**
* characterSelectBox
**/
.characterSelectBox{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.characterSelectBox .popBox{
	top: 0;
	right: 0;
	margin-top: min(calc(240 / var(--vw-min) * 100vw), 240px);
	margin-right: min(calc(20 / var(--vw-min) * 100vw), 20px);
	min-width: min(calc(262 / var(--vw-min) * 100vw), 262px);
}

@media screen and (max-width:768px){
	.characterSelectBox{
		order: 1;
		position: relative;
		bottom: unset;
		margin-top: calc(32 / var(--vw-min) * 100vw);
		padding-left: calc(21 / var(--vw-min) * 100vw);
		padding-right: calc(21 / var(--vw-min) * 100vw);
	}
	.characterSelectBox .popBox{
		position: relative;
		margin-top: unset;
		margin-right: unset;
	}
	.characterSelectBox .comSelectLists{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		row-gap: calc(10 / var(--vw-min) * 100vw);
		column-gap: calc(16 / var(--vw-min) * 100vw);
	}
	.characterSelectBox .comSelectList:not(:last-child){
		margin-bottom: 0;
	}
}


/**
* charaBG
**/
.character_bgWrap{
	position: absolute;
	top: min(calc(224 / var(--vw-min) * 100vw), 224px);
	left: 0;
	right: 0;
	bottom: 0;
}
.charaBG{
	bottom: 0;
	margin: auto 0;
	height: min(calc(432 / var(--vw-min) * 100vw), 432px);
}
.charaBG:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ff688e;
	mix-blend-mode: color;
}
@media screen and (max-width:768px){
	.character_bgWrap{
		top: calc(224 / var(--vw-min) * 100vw);
	}
	.charaBG{
		height: calc(432 / var(--vw-min) * 100vw);
	}
}

/* Character change animation */
.character__stand {
	opacity: 0;
	transform: translateX(-10%);
	transition: transform .3s ease;
}
.characterList.swiper-slide-active .character__stand {
	transform: translateX(0);
	animation-name: blinking;
	animation-duration: .1s;
	animation-iteration-count: 5;
	animation-fill-mode: forwards;
}
@keyframes blinking {
	0%{ opacity: 0; }
	100% { opacity: 1;}
}


/*-----------------------------------------------
 * StaffCast
-------------------------------------------------*/
#staffcast{
	width: 100%;
	padding-top: min(calc(56 / var(--vw-min) * 100vw), 56px);
}
#staffcast .comSectionIn{
	display: flex;
	justify-content: center;
}
.staffcastContent{
	width: min(calc(456 / var(--vw-min) * 100vw), 456px);
	padding: 0 min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.staffcast__title{
	width: 100%;
	padding: min(calc(24 / var(--vw-min) * 100vw), 24px) min(calc(32 / var(--vw-min) * 100vw), 32px);
	border-radius: min(calc(10 / var(--vw-min) * 100vw), 10px);
	color: #FFF;
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	text-align: center;
	line-height: 1;
	position: relative;
}
.staffcast__title:before{
	content: '';
	position: absolute;
	top: min(calc(6 / var(--vw-min) * 100vw), 6px);
	left: min(calc(6 / var(--vw-min) * 100vw), 6px);
	right: min(calc(6 / var(--vw-min) * 100vw), 6px);
	bottom: min(calc(6 / var(--vw-min) * 100vw), 6px);
	border-radius: min(calc(10 / var(--vw-min) * 100vw), 10px);
	border: min(calc(3 / var(--vw-min) * 100vw), 3px) solid #FFF;
}
.staffcastContentIn{
	padding-top: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.staffcastList{
	display: flex;
	line-height: 2;
}
.staffcastList:not(:last-child){
	margin-bottom: min(calc(16 / var(--vw-min) * 100vw), 16px);
}
.staffcastList__dt{
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	padding-top: min(calc(8 / var(--vw-min) * 100vw), 8px);
}
.staffcastList__dt:after{
	content: '：';
}
.staffcastList__dd{
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	position: relative;
}
.staffcastText__foot{
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	padding-top: min(calc(26 / var(--vw-min) * 100vw), 26px);
}


.staffcast__commentBtnWrap{
	position: relative;
	display: inline-block;
	height: 100%;
	width: min(calc(40 / var(--vw-min) * 100vw), 40px);
	height: min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.btn_staffcastComment{
	display: block;
	width: min(calc(40 / var(--vw-min) * 100vw), 40px);
	height: min(calc(48 / var(--vw-min) * 100vw), 32px);
	background: url(../img/common/icon_comment.svg) no-repeat center / contain;
	position: absolute;
	top: 0;
	margin-top: 0.3em;
}

@media screen and (max-width:768px){
	#staffcast{
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
	#staffcast .comSectionIn{
		flex-direction: column;
		padding: 0 calc(21 / var(--vw-min) * 100vw);
		row-gap: calc(48 / var(--vw-min) * 100vw);
	}
	.staffcastContent{
		width: 100%;
		padding: 0;
	}
	.staffcast__title{
		padding: calc(24 / var(--vw-min) * 100vw) calc(64 / var(--vw-min) * 100vw);
		border-radius: calc(10 / var(--vw-min) * 100vw);
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.staffcast__title:before{
		top: calc(6 / var(--vw-min) * 100vw);
		left: calc(6 / var(--vw-min) * 100vw);
		right: calc(6 / var(--vw-min) * 100vw);
		bottom: calc(6 / var(--vw-min) * 100vw);
		border-radius: calc(10 / var(--vw-min) * 100vw);
		border-width: calc(4 / var(--vw-min) * 100vw);
	}
	.staffcastContentIn{
		padding-top: calc(24 / var(--vw-min) * 100vw);
	}
	.staffcastList:not(:last-child){
		margin-bottom: calc(16 / var(--vw-min) * 100vw);
	}
	.staffcastList__dt{
		font-size: calc(32 / var(--vw-min) * 100vw);
		padding-top: 0;
	}
	.staffcastList__dd{
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
	.staffcastText__foot{
		font-size: var(--def-size);
		padding-top: calc(16 / var(--vw-min) * 100vw);
	}

	.staffcast__commentBtnWrap{
		width: calc(55 / var(--vw-min) * 100vw);
		height: calc(40 / var(--vw-min) * 100vw);
	}
	.btn_staffcastComment{
		width: calc(55 / var(--vw-min) * 100vw);
		height: calc(48 / var(--vw-min) * 100vw);
		margin-top: 0;
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.btn_staffcastComment{
		transition: .2s ease;
	}
	.btn_staffcastComment:hover {
		transform: scale(125%);
	}
}


/**
* STAFF
**/
#staff .staffcast__title{
	background-color: var(--color-pink);
}
#staff .staffcastList__dd{
	color: var(--color-pink);
}



/**
* CAST
**/
#cast .staffcast__title{
	background-color: var(--color-purple);
}
#cast .staffcastList__dt{
	padding-top: calc(4 / var(--vw-min) * 100vw);
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
#cast .staffcastList__dd{
	color: var(--color-purple);
}
@media screen and (max-width:768px){
	#cast .staffcastList__dt{
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
	#cast .staffcastList__dd{
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
}



/**
* commentModal
**/
.commentModalAreaWrap{
	position: absolute;
	top: max(calc(-96 / var(--vw-min) * 100vw), -96px);
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	display: none;
}
.commentModalContIn{
	display: flex;
	justify-content: center;
}
.commentModalCont .popupModal,
.commentModalCont .popBox{
	position: relative;
}

.commentModalCont .popupModal{
	margin: 0 min(calc(20 / var(--vw-min) * 100vw), 20px);
}

.commentModalCont .popBox{
	width: min(calc(480 / var(--vw-min) * 100vw), 480px);
	margin: 0 min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.commentModal__text{
	padding-top: min(calc(72 / var(--vw-min) * 100vw), 72px);
}
.commentModal__text--text:not(:last-child){
	margin-bottom: 1em;
}

@media screen and (max-width:768px){
	.commentModalAreaWrap{
		top: 0;
	}
	.commentModalContIn{
		display: block;
		padding-top: calc(196 / var(--vw-min) * 100vw);
	}
	.commentModal__img{
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
	.commentModalCont .popupModal{
		margin: 0 auto;
		width: min(calc(300 / var(--vw-min) * 100vw), 300px);
	}
	.commentModal__text{
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
	.commentModalCont .popBox{
		width: calc(632 / var(--vw-min) * 100vw);
		margin: 0 auto;
	}
}



/*-----------------------------------------------
 * Loading
-------------------------------------------------*/
.tLoading{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10002;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tLoading:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-white);
	opacity: 0;
	transition: opacity .6s ease;
}
.tLoading__logo{
	width: min(calc(366 / var(--vw-min) * 100vw), 366px);
	height: min(calc(243 / var(--vw-min) * 100vw), 243px);
	position: relative;
	z-index: 2;
}
.tLoading__logo-logo{
	position: relative;
	width: 100%;
	height: 100%;
	opacity: 0;
	transform: scale(80%);
	transition: opacity .6s ease, transform .6s ease;
}
.tLoading__logo img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.tLoading__bg{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: var(--color-black);
}
.tLoading__logo-heart{
	width: min(calc(126 / var(--vw-min) * 100vw), 126px);
	height: min(calc(42 / var(--vw-min) * 100vw), 42px);
	position: absolute;
	top: calc(50% - min(calc(21 / var(--vw-min) * 100vw), 21px));
	left: calc(50% - min(calc(63 / var(--vw-min) * 100vw), 63px));
	display: flex;
}
.tLoading__logo-heart--img{
	display: block;
	width: 33.3334%;
	height: 100%;
	position: relative;
	animation: ani_loading_logo_start .4s cubic-bezier(.54,1.82,.81,1.06) forwards;
	animation-delay: .2s;
	opacity: 0;
}
.tLoading__logo-heart--img:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/common/loading/loading_heart-off.png) no-repeat center / contain;
}
.tLoading__logo-heart--img:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/common/loading/loading_heart-on.png) no-repeat center / contain;
	animation: ani_loading_blink 1.2s step-start infinite;
	opacity: 0;
}
@keyframes ani_loading_blink {
	50% {
		opacity: 1;
	}
}
.tLoading__logo-heart--img:nth-of-type(1):after{
	animation-delay: .2s;
}
.tLoading__logo-heart--img:nth-of-type(2):after{
	animation-delay: .4s;
}
.tLoading__logo-heart--img:nth-of-type(3):after{
	animation-delay: .6s;
}

@keyframes ani_loading_logo_start {
	0%{
		opacity: 0;
		transform: scale(25%);
	}
	100%{
		opacity: 1;
		transform: scale(100%);
	}
}

.tLoading__logo-heart--img:nth-of-type(1){
	animation-delay: .2s;
}
.tLoading__logo-heart--img:nth-of-type(2){
	animation-delay: .4s;
}
.tLoading__logo-heart--img:nth-of-type(3){
	animation-delay: .6s;
}


/**
* --loading
**/
body.--loading .tLoading__logo-heart{
	transition: top .8s ease, left .8s ease;
	top: 51.0288%;/* 124 */
	left: 0%;
}
body.--loading .tLoading__logo-heart--img:after{
	animation: unset;
}
body.--loading .tLoading__logo-heart--img:nth-of-type(1)::after{
	opacity: 1;
}
body.--loading .tLoading__logo-logo{
	opacity: 1;
	transform: scale(100%);
	transition-delay: .2s;
}

body.--loading .tLoading__logo{
	transition: opacity .4s ease, transform .6s ease;
	transform: scale(125%);
	opacity: 0;
	transition-delay: .9s;
}
body.--loading .tLoading:after{
	opacity: 1;
	transition-delay: 1s;
}