@charset "utf-8";
#loading {
	background-color: #fff;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
}
.mv {
	position: relative;
	padding:min(calc(110 / var(--vw-min) * 100vw),110px) 0;
}
@media screen and (max-width:768px){
	.mv {
		padding:calc(90 / var(--vw-min) * 100vw) 0;
	}
}
.mv:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	right:0;
	height:50%;
	background:url(../img/common/bg_t.png) no-repeat center top / 100% auto;
}
.mv:after {
	content:'';
	position: absolute;
	left:0;
	bottom:0;
	right:0;
	height:50%;
	background:url(../img/common/bg_b.png) no-repeat center bottom / 100% auto;
}
.mv__t {
	position: absolute;
	left:0;
	top:max(calc(-1 / var(--vw-min) * 100vw),-1px);
	right:0;
	height:min(calc(112 / var(--vw-min) * 100vw),112px);
	background:url(../img/common/mv_text-t.svg) repeat-x 0 0 / auto 100%;
	animation:mv-text1 15s linear infinite;
	z-index:2;
}
@media screen and (max-width:768px){
	.mv__t {
		height:calc(92 / var(--vw-min) * 100vw);
	}
}
.mv__b {
	position: absolute;
	left:0;
	bottom:max(calc(-1 / var(--vw-min) * 100vw),-1px);
	right:0;
	height:min(calc(112 / var(--vw-min) * 100vw),112px);
	background:url(../img/common/mv_text-b.svg) repeat-x 0 0 / auto 100%;
	animation:mv-text2 17s linear infinite;
	z-index:2;
}
@media screen and (max-width:768px){
	.mv__b {
		height:calc(92 / var(--vw-min) * 100vw);
	}
}
.mv__inner {
	position: relative;
	z-index:5;
}
.mv__logo {
	width:65%;
	height:14.807513%;
	margin: auto;
	position: absolute;
	left:0;
	right: 0;
	bottom: 8.22857%;
	background:url(../img/common/logo.png) no-repeat center center / contain;
}
.mv__start {
	width:40.5%;
	height:5.65714%;
	margin: auto;
	position: absolute;
	left:0;
	right: 0;
	bottom: 1.82857%;
	background:url(../img/common/startdate2.png) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.mv__start {
		width:52.5%;
		height:7.65714%;
		margin: auto;
		position: absolute;
		left:0;
		right: 0;
		bottom: 0.82857%;
		background:url(../img/common/startdate2.png) no-repeat center center / contain;
	}
}
.mv__catch1 {
	width:79.66666%;
	height:4.45714%;
	margin: auto;
	position: absolute;
	left:0;
	right: 0;
	top: 0.91428%;
	background:url(../img/top/catch2_1.png) no-repeat center center / contain;
}
.mv__catch2 {
	width:7.83333%;
	height:30.17142%;
	margin: auto;
	position: absolute;
	left:-35%;
	right: 0;
	top: 37.14285%;
	background:url(../img/top/catch2_2.png) no-repeat center center / contain;
}
.mv__img {
	display: block;
	width: 100%;
	height:auto;
}
.mv__nav {
	position: absolute;
	left:0;
	top:min(calc(140 / var(--vw-min) * 100vw), 140px);
	right:0;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.mv__nav {
		display: none;
	}
}
.mv__navinner {
	position: absolute;
	left:0;
	top:0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.mv__navLists {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.mv__navLink {
	height:min(calc(78 / var(--vw-min) * 100vw),78px);
	padding-left:min(calc(30 / var(--vw-min) * 100vw),30px);
	position: relative;
	pointer-events: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.mv__navLink:before {
	content:'';
	position: absolute;
	left:0;
	top:50%;
	width:min(calc(30 / var(--vw-min) * 100vw),30px);
	height:1px;
	background: linear-gradient(to right, var(--color-yellow) 0%,var(--color-yellow) 50%,var(--color-pink) 50%,var(--color-pink) 100%);
	background-size:200% 200%;
	transition: all 0.1s linear;
	transition-delay: 0.1s;
}
.mv__navLink:hover:before {
	transition-delay: 0s;
	background-position: -100% 0;
}
.mv__navLink--news:after {
	content:'';
	position: relative;
	display: block;
	width:min(calc(66 / var(--vw-min) * 100vw),66px);
	height:min(calc(52 / var(--vw-min) * 100vw),52px);
	-webkit-mask:url(../img/common/n_news.svg) no-repeat left center / contain;
	mask:url(../img/common/n_news.svg) no-repeat left center / contain;
	background: linear-gradient(to right, var(--color-yellow) 0%,var(--color-yellow) 50%,var(--color-pink) 50%,var(--color-pink) 100%);
	background-size:200% 200%;
}
.mv__navLink--movie:after {
	content:'';
	position: relative;
	display: block;
	width:min(calc(144 / var(--vw-min) * 100vw),144px);
	height:min(calc(52 / var(--vw-min) * 100vw),52px);
	-webkit-mask:url(../img/common/n_movie.svg) no-repeat left center / contain;
	mask:url(../img/common/n_movie.svg) no-repeat left center / contain;
	background: linear-gradient(to right, var(--color-yellow) 0%,var(--color-yellow) 50%,var(--color-pink) 50%,var(--color-pink) 100%);
	background-size:200% 200%;
}
.mv__navLink--introduction:after {
	content:'';
	position: relative;
	display: block;
	width:min(calc(172 / var(--vw-min) * 100vw),172px);
	height:min(calc(52 / var(--vw-min) * 100vw),52px);
	-webkit-mask:url(../img/common/n_introduction.svg) no-repeat left center / contain;
	mask:url(../img/common/n_introduction.svg) no-repeat left center / contain;
	background: linear-gradient(to right, var(--color-yellow) 0%,var(--color-yellow) 50%,var(--color-pink) 50%,var(--color-pink) 100%);
	background-size:200% 200%;
}
.mv__navLink--character:after {
	content:'';
	position: relative;
	display: block;
	width:min(calc(137 / var(--vw-min) * 100vw),137px);
	height:min(calc(52 / var(--vw-min) * 100vw),52px);
	-webkit-mask:url(../img/common/n_character.svg) no-repeat left center / contain;
	mask:url(../img/common/n_character.svg) no-repeat left center / contain;
	background: linear-gradient(to right, var(--color-yellow) 0%,var(--color-yellow) 50%,var(--color-pink) 50%,var(--color-pink) 100%);
	background-size:200% 200%;
}
.mv__navLink--staff:after {
	content:'';
	position: relative;
	display: block;
	width:min(calc(74 / var(--vw-min) * 100vw),74px);
	height:min(calc(52 / var(--vw-min) * 100vw),52px);
	-webkit-mask:url(../img/common/n_staff.svg) no-repeat left center / contain;
	mask:url(../img/common/n_staff.svg) no-repeat left center / contain;
	background: linear-gradient(to right, var(--color-yellow) 0%,var(--color-yellow) 50%,var(--color-pink) 50%,var(--color-pink) 100%);
	background-size:200% 200%;
}
.mv__navLink--disc:after {
	content:'';
	position: relative;
	display: block;
	width:min(calc(168 / var(--vw-min) * 100vw),168px);
	height:min(calc(52 / var(--vw-min) * 100vw),52px);
	-webkit-mask:url(../img/common/n_discography.svg) no-repeat left center / contain;
	mask:url(../img/common/n_discography.svg) no-repeat left center / contain;
	background: linear-gradient(to right, var(--color-yellow) 0%,var(--color-yellow) 50%,var(--color-pink) 50%,var(--color-pink) 100%);
	background-size:200% 200%;
}
.mv__navLink--theater:after {
	content:'';
	position: relative;
	display: block;
	width:min(calc(150 / var(--vw-min) * 100vw),150px);
	height:min(calc(52 / var(--vw-min) * 100vw),52px);
	-webkit-mask:url(../img/common/n_theater.svg) no-repeat left center / contain;
	mask:url(../img/common/n_theater.svg) no-repeat left center / contain;
	background: linear-gradient(to right, var(--color-yellow) 0%,var(--color-yellow) 50%,var(--color-pink) 50%,var(--color-pink) 100%);
	background-size:200% 200%;
}
.mv__navLink--x:after {
	content:'';
	position: relative;
	display: block;
	width:min(calc(133 / var(--vw-min) * 100vw),133px);
	height:min(calc(52 / var(--vw-min) * 100vw),52px);
	-webkit-mask:url(../img/common/n_officialx.svg) no-repeat left center / contain;
	mask:url(../img/common/n_officialx.svg) no-repeat left center / contain;
	background: linear-gradient(to right, var(--color-yellow) 0%,var(--color-yellow) 50%,var(--color-pink) 50%,var(--color-pink) 100%);
	background-size:200% 200%;
}
.mv__navLink:after{
	transition: all 0.1s linear;
	transition-delay:0s;
}
.mv__navLink:hover:after {
	background-position:-100% 0;
	transition-delay: 0.1s;
}
.movie {
	background:#000;
	overflow: hidden;
	position: relative;
	z-index: 10;
}
.movie__lists {
	display: flex;
	/* flex-wrap: wrap; */
	width:100%;
}
@media screen and (max-width:768px){
	.movie__lists {
		flex-wrap: wrap;
	}
}
.movie__list {
	width:100%;
	position: relative;
	overflow: hidden;
}
.movie__list:before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	top: 0;
	z-index: 0;
}
@media screen and (max-width:768px){
	.movie__list {
		width: 50%;
	}
	.movie__list:first-child {
		/*width: 100%;*/
	}
}
/* @media screen and (max-width:768px){
	.movie__list {
		width:100%;
		padding-top:56.25%;
	}
} */
.movie__playLink {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
	background-size:cover;
	background-position: center center;
}
.movie__playLink:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:var(--color-pink);
	opacity:0.5;
	z-index:40;
	transition: all 0.8s ease;
}
.movie__list:nth-child(odd) .movie__playLink:before {
	background:var(--color-pink);
}
.movie__list:nth-child(even) .movie__playLink:before {
	background:var(--color-yellow);
}
/* @media screen and (min-width:769px){
	.movie__list:nth-child(4n + 1) .movie__playLink:before,
	.movie__list:nth-child(4n) .movie__playLink:before {
		background:var(--color-pink);
	}
	.movie__list:nth-child(4n + 2) .movie__playLink:before,
	.movie__list:nth-child(4n + 3) .movie__playLink:before {
		background:var(--color-yellow);
	}
}
@media screen and (max-width:768px){
	.movie__list:nth-child(odd) .movie__playLink:before {
		background:var(--color-pink);
	}
	.movie__list:nth-child(even) .movie__playLink:before {
		background:var(--color-yellow);
	}
} */
.movie__playLink img {
	transition: all 0.8s ease;
	position: absolute;
	left:0;
	top:0;
	display: block;
	width:100%;
	height:100%;
	object-fit: cover;
}
@media screen and (hover:hover){
	.movie__playLink:hover img {
		transform:scale(1.1);
	}
	.movie__playLink:hover:before {
		opacity:0.3;
	}
}
.movie__playLinkIcon {
	width:min(calc(100 / var(--vw-min) * 100vw),100px);
	height:min(calc(100 / var(--vw-min) * 100vw),100px);
	border:1px solid #000;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index:50;
}
.movie__playLinkIcon:before {
	content:'';
	width:min(calc(30 / var(--vw-min) * 100vw),30px);
	height:min(calc(23 / var(--vw-min) * 100vw),23px);
	display: block;
	-webkit-mask:url(../img/common/t_play.svg) no-repeat center center / contain;
	mask:url(../img/common/t_play.svg) no-repeat center center / contain;
	background:#000;
	transition: all 0.3s ease;
	z-index:50;
}
@media screen and (hover:hover){
	.movie__list:nth-child(4n + 1) .movie__playLink:hover .movie__playLinkIcon:before,
	.movie__list:nth-child(4n) .movie__playLink:hover .movie__playLinkIcon:before {
		background:var(--color-yellow);
	}
	.movie__list:nth-child(4n + 2) .movie__playLink:hover .movie__playLinkIcon:before,
	.movie__list:nth-child(4n + 3) .movie__playLink:hover .movie__playLinkIcon:before {
		background:var(--color-pink);
	}
}
.play-circle {
	position:absolute;
	left:-1px;
	right:-1px;
	top:-1px;
	bottom:-1px;
}
.play-circle circle {
	fill: transparent;
	stroke-width: 2px;
	stroke-dasharray: 0 312;
	transition: 0.3s linear;
}
@media screen and (min-width:769px){
	.movie__list:nth-child(4n + 1) .play-circle circle,
	.movie__list:nth-child(4n) .play-circle circle {
		stroke:var(--color-yellow);
	}
	.movie__list:nth-child(4n + 2) .play-circle circle,
	.movie__list:nth-child(4n + 3) .play-circle circle {
		stroke:var(--color-pink);
	}
}
@media screen and (hover:hover){
	.movie__playLink:hover .play-circle circle{
		stroke-dasharray:312 312;
	}
}
.movie__playTitle {
	display: block;
	position: absolute;
	left:min(calc(20 / var(--vw-min) * 100vw),20px);
	right:min(calc(20 / var(--vw-min) * 100vw),20px);
	bottom:min(calc(14 / var(--vw-min) * 100vw),14px);
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	font-weight: 600;
	text-align: right;
	color:#000;
	z-index:60;
}
@media screen and (max-width:768px){
	.movie__playTitle {
		font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
		line-height: 1.3;
	}
}

/* topBnrLists */
.topBnrLists__item {
	width: 100%;
}
.topBnrLists__item img {
	width: 100%;
}

/*-----------------------------------------------
 * News
-------------------------------------------------*/
.news {
	background: url(../img/common/bg_c.jpg) no-repeat center top / 100% auto;
	padding: min(calc(72 / var(--vw-min) * 100vw),72px) 0;
}
@media screen and (max-width:768px){
	.news {
		background-image: url(../img/common/bg_c_sp.jpg);
	}
}

/* title */
.news__title {
	width:min(calc(113 / var(--vw-min) * 100vw),113px);
	height:min(calc(89 / var(--vw-min) * 100vw),89px);
	margin: 0 auto min(calc(40 / var(--vw-min) * 100vw),40px);
	background: url(../img/common/n_news.svg) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.news__title {
		margin: 0 auto min(calc(60 / var(--vw-min) * 100vw),60px);
	}
}

/**
 * Lists
 */
.newsLists {
	width: min(calc(958 / var(--vw-min) * 100vw), 958px);
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.newsLists {
		width: 100%;
	}
}

/* item */
.newsLists__item {
	height: min(calc(70 / var(--vw-min) * 100vw), 70px);
}
.newsLists__item:not(:first-child) {
	margin-top: min(calc(10 / var(--vw-min) * 100vw), 10px);
}
.newsLists__link {
	background-color: #000;
	border: 2px solid #e50069;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0 min(calc(13 / var(--vw-min) * 100vw), 13px);
	position: relative;
	text-decoration: none;
	transition: background-color .3s ease;
}
.newsLists__link:hover {
	background-color: #e50069;
}
@media screen and (max-width:767px){
	.newsLists__item {
		height: calc(111 / var(--vw-min) * 100vw);
	}
	.newsLists__link {
		padding: calc(2 / var(--vw-min) * 100vw);
	}
}

/* time,title */
.newsLists__time {
	background-color: #e50069;
	color: #fff33f;
	display: flex;
	align-items: center;
	justify-content: center;
	width: min(calc(140 / var(--vw-min) * 100vw), 140px);
	height: min(calc(38 / var(--vw-min) * 100vw), 38px);
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	letter-spacing: 0;
	transition: color .3s ease,
				background-color .3s ease;
}
.newsLists__link:hover .newsLists__time {
	background-color: #fff33f;
	color: #e50069;
}
.newsLists__title {
	color: #fff;
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	width: calc(100% - min(calc(140 / var(--vw-min) * 100vw), 140px));
	padding-left: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
@media screen and (max-width:768px){
	.newsLists__time {
		height: 100%;
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
	.newsLists__title {
		font-size: calc(20 / var(--vw-min) * 100vw);
		-webkit-line-clamp: 2;
	}
}

/* more */
.news__more {
	display: flex;
	justify-content: center;
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
@media screen and (max-width:768px){
	.news__more {
		margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
	}
}
.news__more > a {
	position: relative;
}
.news__more > a:before {
	content: "";
	background-color: #fff33f;
	mask: url(../img/common/t_morenews.svg) no-repeat center top / 100% auto;
	display: block;
	width: min(calc(111 / var(--vw-min) * 100vw), 111px);
	height: min(calc(40 / var(--vw-min) * 100vw), 40px);
	position: relative;
	transition: background-color .3s ease;
}
.news__more > a:hover:before {
	background-color: #e50069;
}
.news__more > a:after {
	content: "";
	background-color: #fff33f;
	width: 100%;
	height: min(calc(2 / var(--vw-min) * 100vw), 2px);
	position: absolute;
	bottom: -0.4em;
	left: 0;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .3s ease;
}
.news__more > a:hover:after {
	transform-origin: left top;
	transform: scale(1, 1);
}

/*-----------------------------------------------
 * Introduction
-------------------------------------------------*/
.introduction {
	position: relative;
}

/* title */
.introduction__title {
	width:min(calc(293 / var(--vw-min) * 100vw),293px);
	height:min(calc(89 / var(--vw-min) * 100vw),89px);
	background: url(../img/common/n_introduction.svg) no-repeat center center / contain;
	position: absolute;
	bottom: 18.8%;
	right: 0;
	z-index: 3;
}

@media screen and (max-width:768px){
	.introduction__title {
		bottom: 100%;
	}
}

/* text */
.introduction__text {
	background: url(../img/top/intro_text.png) no-repeat center top / 100% auto;
	width: calc(1157 / var(--vw-min) * 100vw);
	height: calc(777 / var(--vw-min) * 100vw);
	margin: auto;
	position: absolute;
	top: calc(10 / var(--vw-min) * 100vw);
	right: 0;
	left: 0;
	z-index: 2;
}
@media screen and (max-width:768px){
	.introduction__text {
		background-image: url(../img/top/intro_text_sp.png);
		width: calc(739 / var(--vw-min) * 100vw);
		height: calc(860 / var(--vw-min) * 100vw);
		top: calc(15 / var(--vw-min) * 100vw);
	}
}

/* bg */
.introduction__bg {
	width: 100%;
	position: relative;
	z-index: 1;
}
.introduction__bg img {
	width: 100%;
}


/*-----------------------------------------------
 * Story
-------------------------------------------------*/
.story {
	position: relative;
}

/* title */
.story__title {
	width:min(calc(120 / var(--vw-min) * 100vw),293px);
	height:min(calc(80 / var(--vw-min) * 100vw),89px);
	background: url(../img/common/n_story.svg) no-repeat right center / contain;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 3;
}

@media screen and (max-width:768px){
	.story__title {
		bottom: 13%;
	}
}

/* text */
.story__text {
	background: url(../img/top/story_text.png) no-repeat center top / 100% auto;
	width: calc(1157 / var(--vw-min) * 100vw);
	height: calc(248 / var(--vw-min) * 100vw);
	margin: auto;
	position: absolute;
	top: calc(70 / var(--vw-min) * 100vw);
	right: 0;
	left: 0;
	z-index: 2;
}
@media screen and (max-width:768px){
	.story__text {
		background-image: url(../img/top/story_text_sp.png);
		width: calc(739 / var(--vw-min) * 100vw);
		height: calc(702 / var(--vw-min) * 100vw);
		top: calc(8 / var(--vw-min) * 100vw);
	}
}

/* bg */
.story__bg {
	width: 100%;
	position: relative;
	z-index: 1;
}
.story__bg img {
	width: 100%;
}


/*-----------------------------------------------
 * Character
-------------------------------------------------*/
/* bottomCont */
.bottomCont {
	background: url(../img/common/bg_c.jpg) no-repeat center top / 100% auto;
}
@media screen and (max-width:768px){
	.bottomCont {
		background-image: url(../img/common/bg_c_sp.jpg);
	}
}

.character {
	padding: min(calc(72 / var(--vw-min) * 100vw),72px) 0;
}

/* title */
.character__title {
	width:min(calc(234 / var(--vw-min) * 100vw),234px);
	height:min(calc(89 / var(--vw-min) * 100vw),89px);
	margin: 0 auto min(calc(40 / var(--vw-min) * 100vw),40px);
	background: url(../img/common/n_character.svg) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.character__title {
		margin: 0 auto min(calc(60 / var(--vw-min) * 100vw),60px);
	}
}

/* lists */
.charaListsArea {
	overflow: hidden;
}
.charaListsFullWrap {
	width:min(calc(680 / var(--vw-min) * 100vw),680px);
	margin: 0 auto;
}
.charaListsWrap {
	overflow: visible;
}
.charaLists__item {
	width:min(calc(680 / var(--vw-min) * 100vw),680px);
	height:min(calc(595 / var(--vw-min) * 100vw),595px);
	position: relative;
}
.charaLists__profileLink {
	display: block;
	width: min(calc(485 / var(--vw-min) * 100vw),485px);
	margin: auto;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
	transition: all 0.3s ease;
}
.charaLists__profileLink:hover {
	opacity: .8;
}
.charaLists__imgWrap img {
	width: 100%;
}
@media screen and (max-width:768px){
	.charaListsFullWrap {
		width:100%;
	} 
}
/* chara zombie */
.zombi_img img{
	animation: zombiFade 4s linear infinite;
}
@keyframes zombiFade {
    30% { opacity: 1; }
    40% { opacity: 0; }
    80% { opacity: 0; }
    90% { opacity: 1; }
}
.zombi_img._chara1{
	background: url(../img/top/chara1_img_zombie.png) no-repeat center center / contain;
}
.zombi_img._chara2{
	background: url(../img/top/chara2_img_zombie.png) no-repeat center center / contain;
}
.zombi_img._chara3{
	background: url(../img/top/chara3_img_zombie.png) no-repeat center center / contain;
}
.zombi_img._chara4{
	background: url(../img/top/chara4_img_zombie.png) no-repeat center center / contain;
}
.zombi_img._chara5{
	background: url(../img/top/chara5_img_zombie.png) no-repeat center center / contain;
}
.zombi_img._chara6{
	background: url(../img/top/chara6_img_zombie.png) no-repeat center center / contain;
}
.zombi_img._chara7{
	background: url(../img/top/chara7_img_zombie.png) no-repeat center center / contain;
}
.zombi_img._chara8{
	background: url(../img/top/chara8_img_zombie.png) no-repeat center center / contain;
}

/* textWrap */
.charaLists__textWrap {
	display: flex;
    flex-direction: row-reverse;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}
@media screen and (max-width:768px){
	.charaLists__textWrap {
		right: min(calc(26 / var(--vw-min) * 100vw),26px);
	}
}

/* catch */
.charaLists__catch {
	color: #e50069;
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 700;
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space:nowrap;
}

/* name */
.charaLists__nameWrap {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.charaLists__name {
	color: #fff33f;
	font-size: min(calc(40 / var(--vw-min) * 100vw), 40px);
	font-weight: 500;
	letter-spacing: 0.2em;
	line-height: 1;
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space:nowrap;
}

/* cv */
.charaLists__cv {
	background: url(../img/common/t_cv.svg) no-repeat center center / contain;
	width: min(calc(14 / var(--vw-min) * 100vw), 14px);
	height: min(calc(20 / var(--vw-min) * 100vw), 20px);
	margin: min(calc(10 / var(--vw-min) * 100vw), 10px) auto min(calc(10 / var(--vw-min) * 100vw), 10px);
	position: relative;
}
.charaLists__cvname {
	background-color: #fff33f;
	color: #000;
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	font-weight: 500;
	letter-spacing: 0.2em;
	line-height: 1;
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space:nowrap;
	padding: min(calc(8 / var(--vw-min) * 100vw), 8px) min(calc(4 / var(--vw-min) * 100vw), 4px);
}

/* comment */
.charaLists__comment {
	background-color: #fff33f;
	-webkit-mask: url(../img/common/icon_fukidashi.png) no-repeat center / contain;
	mask: url(../img/common/icon_fukidashi.png) no-repeat center / contain;
	display: block;
	width: min(calc(32 / var(--vw-min) * 100vw), 32px);
	height: min(calc(29 / var(--vw-min) * 100vw), 29px);
	margin-top: min(calc(14 / var(--vw-min) * 100vw), 14px);
	transition: all .3s ease;
}
@media screen and (hover:hover){
	.charaLists__comment:hover{
		transform:scale(1.1);
		background-color:#e50069;
	}
}

/* num */
.charaLists__num {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: min(calc(155 / var(--vw-min) * 100vw), 155px);
	height: min(calc(141 / var(--vw-min) * 100vw), 141px);
	top: 0;
	left: 0;
	position: absolute;
	z-index: 2;
}
.charaLists__num.is-chara1 { background-image: url(../img/top/chara1_num.png);}
.charaLists__num.is-chara2 { background-image: url(../img/top/chara2_num.png);}
.charaLists__num.is-chara3 { background-image: url(../img/top/chara3_num.png);}
.charaLists__num.is-chara4 { background-image: url(../img/top/chara4_num.png);}
.charaLists__num.is-chara5 { background-image: url(../img/top/chara5_num.png);}
.charaLists__num.is-chara6 { background-image: url(../img/top/chara6_num.png);}
.charaLists__num.is-chara7 { background-image: url(../img/top/chara7_num.png);}
.charaLists__num.is-chara8 { background-image: url(../img/top/chara8_num.png);}
.charaLists__num.is-chara9 { background-image: url(../img/top/chara9_num.png);}
@media screen and (max-width:768px){
	.charaLists__num {
		left: calc(40 / var(--vw-min) * 100vw);
	}
}

/* selecter */
.chara__selectorin{
	width:min(calc(612 / var(--vw-min) * 100vw),612px);
	height:min(calc(64 / var(--vw-min) * 100vw),64px);
	margin: min(calc(40 / var(--vw-min) * 100vw), 40px) auto 0;
	position:relative;
	z-index:10;
	display:flex;
	align-items:center;
}
.chara__selectorin:before{
	content:'';
	display:block;
	height:min(calc(2 / var(--vw-min) * 100vw),2px);
	flex:1;
	width:100%;
	background:#fff33f;
	order:2;
}
.chara__selectorin:after{
	content:'';
	display:block;
	height:min(calc(2 / var(--vw-min) * 100vw),2px);
	flex:1;
	width:100%;
	background:#fff33f;
	order:4;
}
.chara__selectorinTitle{
	width:min(calc(44 / var(--vw-min) * 100vw),44px);
	height:min(calc(22 / var(--vw-min) * 100vw),22px);
	order:3;
	margin:0 min(calc(10 / var(--vw-min) * 100vw),10px);
	-webkit-mask:url(../img/common/t_selector.svg) no-repeat center center / contain;
	mask:url(../img/common/t_selector.svg) no-repeat center center / contain;
	background:#fff33f;
}
.chara__selectorLeft{
	width:min(calc(34 / var(--vw-min) * 100vw),34px);
	height:min(calc(34 / var(--vw-min) * 100vw),34px);
	display:flex;
	border:min(calc(2 / var(--vw-min) * 100vw),2px) solid #fff33f;
	padding:min(calc(2 / var(--vw-min) * 100vw),2px);
	border-radius:50%;
	transition:all 0.6s ease;
}
@media screen and (hover:hover){
	.chara__selectorLeft:hover{
		transform:scale(1.1);
		border-color:#e50069;
	}
}
.chara__selectorRight{
	width:min(calc(34 / var(--vw-min) * 100vw),34px);
	height:min(calc(34 / var(--vw-min) * 100vw),34px);
	display:flex;
	border:min(calc(2 / var(--vw-min) * 100vw),2px) solid #fff33f;
	padding:min(calc(2 / var(--vw-min) * 100vw),2px);
	border-radius:50%;
	order:5;
	transition:all 0.6s ease;
}
@media screen and (hover:hover){
	.chara__selectorRight:hover{
		transform:scale(1.1);
		border-color:#e50069;
	}
}
.chara__selectorLinkin{
	width:100%;
	height:100%;
	background:#fff33f;
	border-radius:50%;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:all 0.6s ease;
}
@media screen and (hover:hover){
	.chara__selectorLeft:hover .chara__selectorLinkin,
	.chara__selectorRight:hover .chara__selectorLinkin{
		background:#e50069;
	}
}
.chara__selectorLinkin:before{
	content:'';
	width:min(calc(6 / var(--vw-min) * 100vw),6px);
	height:min(calc(6 / var(--vw-min) * 100vw),6px);
	display:block;
	box-sizing:border-box;
	border-top:min(calc(2 / var(--vw-min) * 100vw),2px) solid #e50069;
	border-left:min(calc(2 / var(--vw-min) * 100vw),2px) solid #e50069;
	transition:all 0.6s ease;
}
@media screen and (hover:hover){
	.chara__selectorLeft:hover .chara__selectorLinkin:before,
	.chara__selectorRight:hover .chara__selectorLinkin:before{
		border-color:#000;
	}
}
.chara__selectorLeft .chara__selectorLinkin:before{
	transform:translate(min(calc(1 / var(--vw-min) * 100vw),1px)) rotate(-45deg);
}
.chara__selectorRight .chara__selectorLinkin:before{
	transform:translate(max(calc(-1 / var(--vw-min) * 100vw),-1px)) rotate(135deg);
}

/*-----------------------------------------------
 * Staff
-------------------------------------------------*/
.staff {
	padding: min(calc(72 / var(--vw-min) * 100vw),72px) 0;
}

/* title */
.staff__title {
	width:min(calc(125 / var(--vw-min) * 100vw),125px);
	height:min(calc(89 / var(--vw-min) * 100vw),89px);
	margin: 0 auto min(calc(40 / var(--vw-min) * 100vw),40px);
	background: url(../img/common/n_staff.svg) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.staff__title {
		margin: 0 auto min(calc(60 / var(--vw-min) * 100vw),60px);
	}
}

/**
 * lists
 */
.staffLists {
	display: flex;
	flex-wrap: wrap;
	width:min(calc(900 / var(--vw-min) * 100vw),900px);
	margin: 0 auto;
}
.staffLists__item {
	width: 33.3%;
	margin-bottom: min(calc(50 / var(--vw-min) * 100vw),50px);
}
.staffLists__item.is-w100 {
	width: 100%;
}
.staffLists__item.is-w50 {
	width: 50%;
}

/* pos,name,comment */
.staffLists__pos {
	color: #e50069;
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	text-align: center;
	width: 100%;
}
.staffLists__name {
	width: 100%;
}
.staffLists__name--text {
	color: #fff33f;
	font-size: min(calc(40 / var(--vw-min) * 100vw),40px);
	font-weight: 700;
	letter-spacing: 0.1em;
	text-align: center;
	width: 100%;
}
@media screen and (max-width:768px){
	.is-spLineHeight {
		padding-top:0.25em;
		line-height:1.3;
		letter-spacing: 0.01em;
	}
}
.staffLists__comment {
	background-color: #fff33f;
	-webkit-mask: url(../img/common/icon_fukidashi.png) no-repeat center / contain;
	mask: url(../img/common/icon_fukidashi.png) no-repeat center / contain;
	display: block;
	width: min(calc(32 / var(--vw-min) * 100vw), 32px);
	height: min(calc(29 / var(--vw-min) * 100vw), 29px);
	margin: min(calc(8 / var(--vw-min) * 100vw), 8px) auto 0;
	transition: all .3s ease;
}
@media screen and (hover:hover){
	.staffLists__comment:hover{
		transform:scale(1.1);
		background-color:#e50069;
	}
}

@media screen and (max-width:768px){
	.staffLists {
		width:min(calc(600 / var(--vw-min) * 100vw),600px);
	}
	.staffLists__item {
		width: 50%;
	}
}