@charset "utf-8";
:root {
	--yu-color:rgba(29,29,29,1);
	--yu-light-color:rgba(29,29,29,.3);
	--ayumu-color:rgba(237,125,149,1);
	--ayumu-light-color:rgba(237,125,149,.3);
	--kasumi-color:rgba(231,214,0,1);
	--kasumi-light-color:rgba(231,214,0,.3);
	--shizuku-color:rgba(1,183,237,1);
	--shizuku-light-color:rgba(1,183,237,.3);
	--karin-color:rgba(72,94,198,1);
	--karin-light-color:rgba(72,94,198,.3);
	--ai-color:rgba(255,88,0,1);
	--ai-light-color:rgba(255,88,00,.6);
	--kanata-color:rgba(166,100,160,1);
	--kanata-light-color:rgba(166,100,160,.3);
	--setsuna-color:rgba(216,28,47,1);
	--setsuna-light-color:rgba(216,28,47,.6);
	--ema-color:rgba(132,195,110,1);
	--ema-light-color:rgba(132,195,110,.3);
	--rina-color:rgba(156,165,185,1);
	--rina-light-color:rgba(156,165,185,.3);
	--shioriko-color:rgba(55,180,132,1);
	--shioriko-light-color:rgba(55,180,132,.3);
	--mia-color:rgba(214,213,202,1);
	--mia-light-color:rgba(214,213,202,.3);
	--mia-color:rgba(169,168,152,1);
	--mia-light-color:rgba(169,168,152,.3);
	--lanzhu-color:rgba(248,200,196,1);
	--lanzhu-light-color:rgba(248,200,196,.3);
}

.sp480 {
	display: none;
}

.thumb {
	max-width: 550px;
	display: flex!important;
	justify-content: center;
	margin: auto;
	flex-wrap: wrap;
}
.thumb li {
	max-width: 100px;
	width:calc((100% - 70px) / 5)!important;
	float: none;
	margin: 5px;
}

.thumb li img {
	border-radius: 50%;
	border: 5px solid;
	transition: all .2s;
	cursor: pointer;
}


.thumb li img.yu {
	border-color: var(--yu-color);
	background-color: var(--yu-light-color);
}
.thumb li img.yu:hover {
	-webkit-box-shadow: 0px 3px 5px var(--yu-light-color);
	box-shadow: 0px 3px 5px var(--yu-light-color);
}
.thumb li img.ayumu {
	border-color: var(--ayumu-color);
	background-color: var(--ayumu-light-color);
}
.thumb li img.ayumu:hover {
	-webkit-box-shadow: 0px 3px 5px var(--ayumu-light-color);
	box-shadow: 0px 3px 5px var(--ayumu-light-color);
}
.thumb li img.kasumi {
	border-color: var(--kasumi-color);
	background-color: var(--kasumi-light-color);
}
.thumb li img.kasumi:hover {
	-webkit-box-shadow: 0px 3px 5px var(--kasumi-light-color);
	box-shadow: 0px 3px 5px var(--kasumi-light-color);
}
.thumb li img.shizuku {
	border-color: var(--shizuku-color);
	background-color: var(--shizuku-light-color);
}
.thumb li img.shizuku:hover {
	-webkit-box-shadow: 0px 3px 5px var(--shizuku-light-color);
	box-shadow: 0px 3px 5px var(--shizuku-light-color);
}
.thumb li img.karin {
	border-color: var(--karin-color);
	background-color: var(--karin-light-color);
}
.thumb li img.karin:hover {
	-webkit-box-shadow: 0px 3px 5px var(--karin-light-color);
	box-shadow: 0px 3px 5px var(--karin-light-color);
}
.thumb li img.ai {
	border-color: var(--ai-color);
	background-color: var(--ai-light-color);
}
.thumb li img.ai:hover {
	-webkit-box-shadow: 0px 3px 5px var(--ai-light-color);
	box-shadow: 0px 3px 5px var(--ai-light-color);
}
.thumb li img.kanata {
	border-color: var(--kanata-color);
	background-color: var(--kanata-light-color);
}
.thumb li img.kanata:hover {
	-webkit-box-shadow: 0px 3px 5px var(--kanata-light-color);
	box-shadow: 0px 3px 5px var(--kanata-light-color);
}
.thumb li img.setsuna {
	border-color: var(--setsuna-color);
	background-color: var(--setsuna-light-color);
}
.thumb li img.setsuna:hover {
	-webkit-box-shadow: 0px 3px 5px var(--setsuna-light-color);
	box-shadow: 0px 3px 5px var(--setsuna-light-color);
}
.thumb li img.ema {
	border-color: var(--ema-color);
	background-color: var(--ema-light-color);
}
.thumb li img.ema:hover {
	-webkit-box-shadow: 0px 3px 5px var(--ema-light-color);
	box-shadow: 0px 3px 5px var(--ema-light-color);
}
.thumb li img.rina {
	border-color: var(--rina-color);
	background-color: var(--rina-light-color);
}
.thumb li img.rina:hover {
	-webkit-box-shadow: 0px 3px 5px var(--rina-light-color);
	box-shadow: 0px 3px 5px var(--rina-light-color);
}
.thumb li img.shioriko {
	border-color: var(--shioriko-color);
	background-color: var(--shioriko-light-color);
}
.thumb li img.shioriko:hover {
	-webkit-box-shadow: 0px 3px 5px var(--shioriko-light-color);
	box-shadow: 0px 3px 5px var(--shioriko-light-color);
}
.thumb li img.mia {
	border-color: var(--mia-color);
	background-color: var(--mia-light-color);
}
.thumb li img.mia:hover {
	-webkit-box-shadow: 0px 3px 5px var(--mia-light-color);
	box-shadow: 0px 3px 5px var(--mia-light-color);
}
.thumb li img.lanzhu {
	border-color: var(--lanzhu-color);
	background-color: var(--lanzhu-light-color);
}
.thumb li img.lanzhu:hover {
	-webkit-box-shadow: 0px 3px 5px var(--lanzhu-light-color);
	box-shadow: 0px 3px 5px var(--lanzhu-light-color);
}


.slider {
	margin: 0 0 1em;
}
.cbox {
	position: relative;
	width: 1024px;
	max-width: 100%;
	height: 1024px;
	max-height: 100%;
	margin: auto;
}
.namebox {
	position: relative;
	z-index: 300;
}
.namebox p {
	text-align: right;
}
.namebox .jp {
	font-size: 400%;
}

#emma .namebox .jp {
	letter-spacing: -.05em;
}

.namebox .en {
	font-size: 200%;
	font-family: Tahoma, Geneva, sans-serif;
}
.namebox .cv {
	font-size: 150%;
	margin-top: 30px;
}
.namebox .cv span {
	font-size: 65%;
}
.textbox {
	position: relative;
	z-index: 300;
	border-radius: .5em;
	padding-right: 15px;
}
.textbox dl {
	font-size: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	flex-wrap: wrap;
}
.textbox > dl:last-of-type {
	margin-bottom: 30px;
}
.textbox dl::after {
	clear: both;
	display: block;
	width: 100%;
	content: '';
}
.textbox dl dt,
.textbox dl dd {
	line-height: 1;
	margin-bottom: 10px;
}
.textbox dl dt {
	font-size: 80%;
	display: inline-block;
	padding-right: 10px;
	margin-right: 10px;
	margin-left: 20px;
	border-right: 5px solid;
}
.textbox dl dd {
}
.textbox .info p {
	text-align: justify;
	line-height: 1.8;
}


.img {
	position: absolute;
	z-index: 299;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}
.mark {
	z-index: 298;
}
.bg {
	position: absolute;
	z-index: 297;
	top: 25%;
	left: 50%;
	transform: translateX(-50%) rotate(5deg);
    -webkit-transform: translateX(-50%) rotate(5deg);
    -ms-transform: translateX(-50%) rotate(5deg);
	width: 150vw;
	height: 600px;
	overflow: visible;
	opacity: .3;
}

#yu .img {
	/*background-image: url(../img/tv/member/c01.png?v2);*/
}
#yu .textbox {
}
#yu .namebox p,
#yu .self p {
	text-shadow: 2px 2px 5px var(--yu-light-color);
}
#yu .namebox .en {
	color: var(--yu-color);
}
#yu .textbox dl dt {
	border-color: var(--yu-color);
}
#yu .bg {
	background-color: var(--yu-color);
}
#yu .mark {
	background-image: url(../img/tv/member/c01mark.png?v2);
}
#yu .cvbox {
	background-image: url("../img/tv/member/c01cv.png");
}


#ayumu .textbox {
}
#ayumu .namebox p,
#ayumu .self p {
	text-shadow: 2px 2px 5px var(--ayumu-color);
}
#ayumu .namebox .en {
	color: var(--ayumu-color);
}
#ayumu .textbox dl dt {
	border-color: var(--ayumu-color);
}
#ayumu .bg {
	background-color: var(--ayumu-color);
}
#ayumu .mark {
	background-image: url(../img/tv/member/c02mark.png?v2);
}
#ayumu .cvbox {
	background-image: url("../img/tv/member/c02cv.png");
}



#kasumi .textbox {
}
#kasumi .namebox p,
#kasumi .self p {
	text-shadow: 2px 2px 5px var(--kasumi-color);
}
#kasumi .namebox .en {
	color: var(--kasumi-color);
}
#kasumi .textbox dl dt {
	border-color: var(--kasumi-color);
}
#kasumi .bg {
	background-color: var(--kasumi-color);
}
#kasumi .mark {
	background-image: url(../img/tv/member/c03mark.png?v2);
}
#kasumi .cvbox {
	background-image: url("../img/tv/member/c03cv.png");
}


#shizuku .textbox {
}
#shizuku .namebox p,
#shizuku .self p {
	text-shadow: 2px 2px 5px var(--shizuku-color);
}
#shizuku .namebox .en {
	color: var(--shizuku-color);
}
#shizuku .textbox dl dt {
	border-color: var(--shizuku-color);
}
#shizuku .bg {
	background-color: var(--shizuku-color);
}
#shizuku .mark {
	background-image: url(../img/tv/member/c04mark.png?v2);
}
#shizuku .cvbox {
	background-image: url("../img/tv/member/c04cv.png");
}


#karin .textbox {
}
#karin .namebox p,
#karin .self p {
	text-shadow: 2px 2px 5px var(--karin-color);
}
#karin .namebox .en {
	color: var(--karin-color);
}
#karin .textbox dl dt {
	border-color: var(--karin-color);
}
#karin .bg {
	background-color: var(--karin-color);
}
#karin .mark {
	background-image: url(../img/tv/member/c05mark.png?v2);
}
#karin .cvbox {
	background-image: url("../img/tv/member/c05cv.png");
}


#ai .textbox {
}
#ai .namebox p,
#ai .self p {
	text-shadow: 2px 2px 5px var(--ai-light-color);
}
#ai .namebox .en {
	color: var(--ai-color);
}
#ai .textbox dl dt {
	border-color: var(--ai-color);
}
#ai .bg {
	background-color: var(--ai-color);
}
#ai .mark {
	background-image: url(../img/tv/member/c06mark.png?v2);
}
#ai .cvbox {
	background-image: url("../img/tv/member/c06cv.png");
}


#kanata .textbox {
}
#kanata .namebox p,
#kanata .self p {
	text-shadow: 2px 2px 5px var(--kanata-color);
}
#kanata .namebox .en {
	color: var(--kanata-color);
}
#kanata .textbox dl dt {
	border-color: var(--kanata-color);
}
#kanata .bg {
	background-color: var(--kanata-color);
}
#kanata .mark {
	background-image: url(../img/tv/member/c07mark.png?v2);
}
#kanata .cvbox {
	background-image: url("../img/tv/member/c07cv.png");
}


#setsuna .textbox {
}
#setsuna .namebox p,
#setsuna .self p {
	text-shadow: 2px 2px 5px var(--setsuna-light-color);
}
#setsuna .namebox .en {
	color: var(--setsuna-color);
}
#setsuna .textbox dl dt {
	border-color: var(--setsuna-color);
}
#setsuna .bg {
	background-color: var(--setsuna-color);
}
#setsuna .mark {
	background-image: url(../img/tv/member/c08mark.png?v2);
}
#setsuna .cvbox {
	background-image: url("../img/tv/member/c08cv.png");
}


#emma .textbox {
}
#emma .namebox p,
#emma .self p {
	text-shadow: 2px 2px 5px var(--ema-color);
}
#emma .namebox .en {
	color: var(--ema-color);
}
#emma .textbox dl dt {
	border-color: var(--ema-color);
}
#emma .bg {
	background-color: var(--ema-color);
}
#emma .mark {
	background-image: url(../img/tv/member/c09mark.png?v2);
}
#emma .cvbox {
	background-image: url("../img/tv/member/c09cv.png");
}


#rina .textbox {
}
#rina .namebox p,
#rina .self p {
	text-shadow: 2px 2px 5px var(--rina-color);
}
#rina .namebox .en {
	color: var(--rina-color);
}
#rina .textbox dl dt {
	border-color: var(--rina-color);
}
#rina .bg {
	background-color: var(--rina-color);
}
#rina .mark {
	background-image: url(../img/tv/member/c10mark.png?v2);
}
#rina .cvbox {
	background-image: url("../img/tv/member/c10cv.png");
}


#shioriko .textbox {
}
#shioriko .namebox p,
#shioriko .self p {
	text-shadow: 2px 2px 5px var(--shioriko-color);
}
#shioriko .namebox .en {
	color: var(--shioriko-color);
}
#shioriko .textbox dl dt {
	border-color: var(--shioriko-color);
}
#shioriko .bg {
	background-color: var(--shioriko-color);
}
#shioriko .mark {
	background-image: url(../img/tv/member/c11mark.png?v2);
}
#shioriko .cvbox {
	background-image: url("../img/tv/member/c11cv.png");
}


#mia .textbox {
}
#mia .namebox p,
#mia .self p {
	text-shadow: 2px 2px 5px var(--mia-color);
}
#mia .namebox .en {
	color: var(--mia-color);
}
#mia .textbox dl dt {
	border-color: var(--mia-color);
}
#mia .bg {
	background-color: var(--mia-light-color);
}
#mia .mark {
	background-image: url(../img/tv/member/c12mark.png?v2);
}
#mia .cvbox {
	background-image: url("../img/tv/member/c12cv.png");
}


#lanzhu .textbox {
}
#lanzhu .namebox p,
#lanzhu .self p {
	text-shadow: 2px 2px 5px var(--lanzhu-color);
}
#lanzhu .namebox .en {
	color: var(--lanzhu-color);
}
#lanzhu .textbox dl dt {
	border-color: var(--lanzhu-color);
}
#lanzhu .bg {
	background-color: var(--lanzhu-color);
}
#lanzhu .mark {
	background-image: url(../img/tv/member/c13mark.png?v2);
}
#lanzhu .cvbox {
	background-image: url("../img/tv/member/c13cv.png");
}