@charset "utf-8";


main article > div#member {
	max-width: 100%!important;
	overflow: visible!important;
	margin-bottom: 3em;
}
@media screen and (max-width: 1034px) {
	main article > div {
		width: 100%!important;
		margin: 0 0 3em!important;
	}
}

.thumb li {
	width:calc((100vw - 30px - 40px) / 3)!important;
	max-width:104px;
	float: none;
	margin-left: 5px;
	margin-right: 5px;
}

.cbox {
	height: 940px;
}
.cvbox {
	height: 200px;
	padding: 15px 210px 0 0;
	background-size: 200px auto;
}
.cvbox .cv {
	text-align: right;
}
.textbox {
	padding-top: 240px;
	padding-left: 20em;
	padding-right: 1em;
}
/*#kinako .jp {
	line-height: .85em;
	margin-top: -.54em;
	padding-top: 1px;
}
#kinako .cvbox {
	margin-top: 22px;
}
#kinako .textbox {
	padding-top: calc(4em * .31 + 240px + 2px);
}*/

.textbox .profile {
	padding-right: 0;
	padding-left: 1em;
}
#mei .textbox .profile,
#kinako .textbox .profile,
#margarete .textbox .profile {
	padding-left: 5em;
}

#shiki .textbox .profile,
#natsumi .textbox .profile {
	padding-left: 3em;
}
.textbox .profile .wrap {
	display: inline-block;
	float: left;
	margin-right: 1em;
}
.img {
	position: absolute;
	background-size: contain;
}
.mark {
	position: absolute;
	background-size: contain;
	width: 9em;
	height: 9em;
	top: calc(7em - 30px);
	right: 0;
}
#kanon .mark {
	right: 27.5em;
}
#keke .mark {
	right: 19.5em;
}
#chisato .mark {
	right: 25.5em;
}
#sumire .mark {
	right: 27.5em;
}
#ren .mark {
	right: 21em;
}
#kinako .mark {
	right: 31em;
}
#mei .mark {
	right: 22em;
}
#shiki .mark {
	right: 24em;
}
#natsumi .mark {
	right: 31em;
}
#margarete .mark {
	right: 28em;
}
#tomari .mark {
	right: 29em;
}

@media screen and (min-width:1025px) {
	.img {
		left: calc((1024px - 100vw) / 2);
		width: 100vw;
	}
	#kanon .img {
		background-position-x: calc(-110px + ((1024px - 100vw) / -2));
	}
	#keke .img {
		background-position-x: calc(-110px + ((1024px - 100vw) / -2));
	}
	#chisato .img {
		background-position-x: calc(-110px + ((1024px - 100vw) / -2));
	}
	#sumire .img {
		background-position-x: calc(-110px + ((1024px - 100vw) / -2));
	}
	#ren .img {
		background-position-x: calc(-110px + ((1024px - 100vw) / -2));
	}
	#kinako .img {
		background-position-x: calc(-110px + ((1024px - 100vw) / -2));
	}
	#mei .img {
		background-position-x: calc(-110px + ((1024px - 100vw) / -2));
	}
	#shiki .img {
		background-position-x: calc(-110px + ((1024px - 100vw) / -2));
	}
	#natsumi .img {
		background-position-x: calc(-110px + ((1024px - 100vw) / -2));
	}
	#margarete .img {
		background-position-x: calc(-140px + ((1024px - 100vw) / -2));
	}
	#tomari .img {
		background-position-x: calc(-110px + ((1024px - 100vw) / -2));
	}
}
@media screen and (max-width:1024px) {
	.img {
		left: 0;
		width: 100%;
	}
	#kanon .img {
		background-position-x: -110px;
	}
	#keke .img {
		background-position-x: -110px;
	}
	#chisato .img {
		background-position-x: -110px;
	}
	#sumire .img {
		background-position-x: -110px;
	}
	#ren .img {
		background-position-x: -110px;
	}
	#kinako .img {
		background-position-x: -110px;
	}
	#mei .img {
		background-position-x: -110px;
	}
	#shiki .img {
		background-position-x: -110px;
	}
	#natsumi .img {
		background-position-x: -110px;
	}
	#margarete .img {
		background-position-x: -140px;
	}
	#tomari .img {
		background-position-x: -110px;
	}
}


.bg {
	top: 20em;
	height: 240px;
}
@media screen and (max-width:1024px) {
	.bg {
		width: 150%;
	}
}


.jp [data-ruby]::before {
    font-size: 15px;
}
.jp [data-ruby].arashi::before {
    font-size: 15px;
}
.cv [data-ruby]::before {
	top: -.8em;
    font-size: 14px;
}