@charset "utf-8";


/**
* Modal
**/
@media screen and (min-width:769px){
	.characterDetail{
		padding-top: min(calc(250 / var(--vw-min) * 100vw), calc(250px * var(--max-percent)));
	}
	.character__navs{
		margin-top: min(calc(250 / var(--vw-min) * 100vw), calc(250px * var(--max-percent)));
	}
	.character__bline{
		margin-top: min(calc(250 / var(--vw-min) * 100vw), calc(250px * var(--max-percent)));
	}
	.character__textArea{
		font-size: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	}
	.character__dlList > dt{
		min-width: min(calc(230 / var(--vw-min) * 100vw), calc(230px * var(--max-percent)));
	}
}
@media screen and (max-width:768px){
	.character__textArea{
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.character__dlLists{
		margin-bottom: calc(24 / var(--vw-min) * 100vw);
	}
	.character__dlList > dt{
		min-width: calc(266 / var(--vw-min) * 100vw);
	}
}

/*-----------------------------------------------
 * Spirits - SETTING
-------------------------------------------------*/
/**
* 01 -> akitakomachi
**/
[data-spirit="akitakomachi"] .characterList__link{
	background-color: #db4d48;
}
[data-spirit="akitakomachi"] .character__nav--arrow{
	background-color: #db4d48;
}


/**
* 02 -> hitomebore
**/
[data-spirit="hitomebore"] .characterList__link{
	background-color: #d59c66;
}
[data-spirit="hitomebore"] .character__nav--arrow{
	background-color: #d59c66;
}


/**
* 03 -> koshihikari
**/
[data-spirit="koshihikari"] .characterList__link{
	background-color: #914b47;
}
[data-spirit="koshihikari"] .character__nav--arrow{
	background-color: #914b47;
}


/**
* 04 -> haenuki
**/
[data-spirit="haenuki"] .characterList__link{
	background-color: #e89d07;
}
[data-spirit="haenuki"] .character__nav--arrow{
	background-color: #e89d07;
}


/**
* 05 -> tsugaruroman
**/
[data-spirit="tsugaruroman"] .characterList__link{
	background-color: #cf5635;
}
[data-spirit="tsugaruroman"] .character__nav--arrow{
	background-color: #cf5635;
}


/**
* 06 -> hatsuboshi
**/
[data-spirit="hatsuboshi"] .characterList__link{
	background-color: #954160;
}
[data-spirit="hatsuboshi"] .character__nav--arrow{
	background-color: #954160;
}


/**
* 07 -> masshigura
**/
[data-spirit="masshigura"] .characterList__link{
	background-color: #c0d6da;
}
[data-spirit="masshigura"] .character__nav--arrow{
	background-color: #c0d6da;
}


/**
* 08 -> yukiwakamaru
**/
[data-spirit="yukiwakamaru"] .characterList__link{
	background-color: #5d637d;
}
[data-spirit="yukiwakamaru"] .character__nav--arrow{
	background-color: #5d637d;
}


/**
* 09 -> akiho
**/
[data-spirit="akiho"] .characterList__link{
	background-color: #52a1b2;
}
[data-spirit="akiho"] .character__nav--arrow{
	background-color: #52a1b2;
}


/**
* 10 -> hoshinoyume
**/
[data-spirit="hoshinoyume"] .characterList__link{
	background-color: #e3665d;
}
[data-spirit="hoshinoyume"] .character__nav--arrow{
	background-color: #e3665d;
}


/**
* 11 -> kogsanebare
**/
[data-spirit="kogsanebare"] .characterList__link{
	background-color: #924d4e;
}
[data-spirit="kogsanebare"] .character__nav--arrow{
	background-color: #924d4e;
}


/**
* 12 -> akihonami
**/
[data-spirit="akihonami"] .characterList__link{
	background-color: #43404c;
}
[data-spirit="akihonami"] .character__nav--arrow{
	background-color: #43404c;
}


/**
* 13 -> hoshitaro
**/
[data-spirit="hoshitaro"] .characterList__link{
	background-color: #6e7eae;
}
[data-spirit="hoshitaro"] .character__nav--arrow{
	background-color: #6e7eae;
}


/**
* 14 -> yumepirika
**/
[data-spirit="yumepirika"] .characterList__link{
	background-color: #31374f;
}
[data-spirit="yumepirika"] .character__nav--arrow{
	background-color: #31374f;
}



/**
* 15 -> hinohikari
**/
[data-spirit="hinohikari"] .characterList__link{
	background-color: #e4b64a;
}
[data-spirit="hinohikari"] .character__nav--arrow{
	background-color: #e4b64a;
}



/**
* 16 -> nanatsuboshi
**/
[data-spirit="nanatsuboshi"] .characterList__link{
	background-color: #e4c67e;
}
[data-spirit="nanatsuboshi"] .character__nav--arrow{
	background-color: #e4c67e;
}

[data-spirit="nanatsuboshi"] .characterImage--img{
	overflow: hidden;
}
[data-spirit="nanatsuboshi"] .characterImage--img img{
	transform: translateY(min(calc(32 / var(--vw-min) * 100vw), calc(32px * var(--max-percent))));
}