@charset "utf-8";
#main h1 {
	background-color: var(--member-color);
}
#main h2 {
	color: var(--member-color);
	border-left: 1em solid var(--member-color);;
}
:root {
	--kanon-color:#ff7f27;
	--kanon-light-color:rgba(255,127,39,.3);
	--keke-color:#a0fff9;
	--keke-light-color:rgba(160,255,249,.3);
	--chisato-color:#ff6e90;
	--chisato-light-color:rgba(255,110,144,.3);
	--sumire-color:#74f466;
	--sumire-light-color:rgba(116,244,102,.3);
	--ren-color:#0000a0;
	--ren-light-color:rgba(0,0,160,.3);
	--kinako-color:#fff442;
	--kinako-light-color:rgba(255,244,66,.3);
	--mei-color:#ff3535;
	--mei-light-color:rgba(255,53,53,.3);
	--shiki-color:#b2ffdd;
	--shiki-light-color:rgba(178,255,221,.3);
	--natsumi-color:#ff51c4;
	--natsumi-light-color:rgba(255,81,196,.3);
	--margarete-color:#e49dfd;
	--margarete-light-color:rgba(228,157,253,.3);
	--tomari-color:#4cd2e2;
	--tomari-light-color:rgba(76,210,226,.3);
}

main section > div {
	padding: 3em 0 1em;
}

.sp600 {
	display: none;
}



.thumb {
	max-width: 1024px;
	margin: auto;
}
.thumb {
	display: flex!important;
	justify-content: center;
	margin: auto;
	flex-wrap: wrap;
}
.thumb li img {
	border-radius: 50%;
	border: 2px solid;
	transition: all .3s;
	cursor: pointer;
}
.thumb li img.kanon {
	border-color: var(--kanon-color);
}
.thumb li img.kanon:hover {
	-webkit-box-shadow: 0px 3px 5px var(--kanon-light-color);
	box-shadow: 0px 3px 5px var(--kanon-light-color);
}
.thumb li img.keke {
	border-color: var(--keke-color);
}
.thumb li img.keke:hover {
	-webkit-box-shadow: 0px 3px 5px var(--keke-light-color);
	box-shadow: 0px 3px 5px var(--keke-light-color);
}
.thumb li img.chisato {
	border-color: var(--chisato-color);
}
.thumb li img.chisato:hover {
	-webkit-box-shadow: 0px 3px 5px var(--chisato-light-color);
	box-shadow: 0px 3px 5px var(--chisato-light-color);
}
.thumb li img.sumire {
	border-color: var(--sumire-color);
}
.thumb li img.sumire:hover {
	-webkit-box-shadow: 0px 3px 5px var(--sumire-light-color);
	box-shadow: 0px 3px 5px var(--sumire-light-color);
}
.thumb li img.ren {
	border-color: var(--ren-color);
}
.thumb li img.ren:hover {
	-webkit-box-shadow: 0px 3px 5px var(--ren-light-color);
	box-shadow: 0px 3px 5px var(--ren-light-color);
}
.thumb li img.kinako {
	border-color: var(--kinako-color);
}
.thumb li img.kinako:hover {
	-webkit-box-shadow: 0px 3px 5px var(--kinako-light-color);
	box-shadow: 0px 3px 5px var(--kinako-light-color);
}
.thumb li img.mei {
	border-color: var(--mei-color);
}
.thumb li img.mei:hover {
	-webkit-box-shadow: 0px 3px 5px var(--mei-light-color);
	box-shadow: 0px 3px 5px var(--mei-light-color);
}
.thumb li img.shiki {
	border-color: var(--shiki-color);
}
.thumb li img.shiki:hover {
	-webkit-box-shadow: 0px 3px 5px var(--shiki-light-color);
	box-shadow: 0px 3px 5px var(--shiki-light-color);
}
.thumb li img.natsumi {
	border-color: var(--natsumi-color);
}
.thumb li img.natsumi:hover {
	-webkit-box-shadow: 0px 3px 5px var(--natsumi-light-color);
	box-shadow: 0px 3px 5px var(--natsumi-light-color);
}
.thumb li img.margarete {
	border-color: var(--margarete-color);
}
.thumb li img.margarete:hover {
	-webkit-box-shadow: 0px 3px 5px var(--margarete-light-color);
	box-shadow: 0px 3px 5px var(--margarete-light-color);
}
.thumb li img.tomari {
	border-color: var(--tomari-color);
}
.thumb li img.tomari:hover {
	-webkit-box-shadow: 0px 3px 5px var(--tomari-light-color);
	box-shadow: 0px 3px 5px var(--tomari-light-color);
}

@media screen and (max-width:1064px) {
	.thumb {
		padding-left:10px;
		padding-right:10px;
	}
}


.slider {
	margin: 0 0 1em;
}


.cbox {
	position: relative;
	width: 1024px;
	max-width: 100%;
	height: 960px;
	max-height: 100%;
	padding-top: calc(9.5em - 30px);
	margin: auto;
}
.namebox {
	position: relative;
	z-index: 300;
}
@media screen and (max-width:1064px) {
	.namebox {
		padding-right: 20px;
	}
}
.namebox p {
	text-align: right;
}
.namebox .jp {
	font-size: 400%;
	letter-spacing: -.01em;
	font-family: Tahoma, Geneva, sans-serif;
	padding-top: 0;
}
.namebox .en {
	font-size: 200%;
	font-family: Tahoma, Geneva, sans-serif;
}
.cvbox .cv {
	font-size: 240%;
	letter-spacing: -.01em;
	font-family: Tahoma, Geneva, sans-serif;
}
.textbox {
	position: relative;
	z-index: 300;
	border-radius: .5em;
}
@media screen and (max-width:1064px) {
	.textbox {
		padding-right: 20px;
	}
	#margarete .cvbox {
		padding-right: 20px!important;
	}
}
/*
.textbox dl {
	margin-bottom: 2em;
	font-size: 90%;
}
.textbox dl::after {
	clear: both;
	display: block;
	width: 100%;
	content: '';
}
.textbox dl dt,
.textbox dl dd {
	line-height: 1;
	margin-bottom: .8em;
	float: left;
}
.textbox dl dt {
	display: inline-block;
	padding-right: .8em;
	margin-right: .8em;
	border-right: .3em solid;
	clear: both;
}
.textbox dl dd {
	margin-right: 1.5em;
}
.textbox > dl dt:nth-of-type(3) {
	clear: both;
}
*/
.textbox .profile {
	margin-bottom: 2em;
	font-size: 90%;
}
.textbox .profile::after {
	clear: both;
	display: block;
	width: 100%;
	content: '';
}
.textbox .profile .wrap {
	margin-bottom: .3em;
}
.textbox .profile .wrap th {
	padding-right: .8em;
	border-right: .3em solid;
	line-height: 1.2;
	white-space: nowrap;
	vertical-align: top;
	font-weight: normal;
}
.textbox .profile .wrap td {
	padding-left: .8em;
	line-height: 1.2;
}
.textbox .profile .wrap td span {
	display: inline-block;
}
.textbox .self p {
	text-align: justify;
	text-indent: 1em;
	line-height: 1.8;
	letter-spacing: -.01em;
}
.cvbox {
	position: absolute;
	z-index: 299;
	background-repeat: no-repeat;
	background-position: right top;
	width: 100%;
}
.img {
	position: absolute;
	z-index: 299;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}
.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: 200px;
	overflow: visible;
	opacity: .3;
}
.mark {
	position: absolute;
	z-index: 298;
}

#kanon .img {
	background-image: url(img/c01.png?v220428);
}
#kanon .mark {
	background-image: url(img/c01icon.png?v220428);
}
#kanon .cvbox {
	background-image: url(img/c01cv.png?v220428);
}
#kanon .textbox {
	color: #666;
}
#kanon .namebox p,
#kanon .self p {
	text-shadow: 0px 0px 10px var(--kanon-color);
}
#kanon .namebox .en {
	color: var(--kanon-color);
}
#kanon .textbox .profile th {
	border-color: var(--kanon-color);
}
#kanon .bg {
	background-color: var(--kanon-color);
}


#keke .img {
	background-image: url(img/c02.png?v220428);
}
#keke .mark {
	background-image: url(img/c02icon.png?v220428);
}
#keke .cvbox {
	background-image: url(img/c02cv.png?v220428);
}
#keke .textbox {
	color: #666;
}
#keke .namebox p,
#keke .self p {
	text-shadow: 0px 0px 10px var(--keke-color);
}
#keke .namebox .en {
	color: var(--keke-color);
}
#keke .textbox .profile th {
	border-color: var(--keke-color);
}
#keke .bg {
	background-color: var(--keke-color);
}


#chisato .img {
	background-image: url(img/c03.png?v220428);
}
#chisato .mark {
	background-image: url(img/c03icon.png?v220428);
}
#chisato .cvbox {
	background-image: url(img/c03cv.png?v220428);
}
#chisato .textbox {
	color: #666;
}
#chisato .namebox p,
#chisato .self p {
	text-shadow: 0px 0px 10px var(--chisato-color);
}
#chisato .namebox .en {
	color: var(--chisato-color);
}
#chisato .textbox .profile th {
	border-color: var(--chisato-color);
}
#chisato .bg {
	background-color: var(--chisato-color);
}


#sumire .img {
	background-image: url(img/c04.png?v220428);
}
#sumire .mark {
	background-image: url(img/c04icon.png?v220428);
}
#sumire .cvbox {
	background-image: url(img/c04cv.png?v220428);
}
#sumire .textbox {
	color: #666;
}
#sumire .namebox p,
#sumire .self p {
	text-shadow: 0px 0px 10px var(--sumire-color);
}
#sumire .namebox .en {
	color: var(--sumire-color);
}
#sumire .textbox .profile th {
	border-color: var(--sumire-color);
}
#sumire .bg {
	background-color: var(--sumire-color);
}


#ren .img {
	background-image: url(img/c05.png?v220428);
}
#ren .mark {
	background-image: url(img/c05icon.png?v220428);
}
#ren .cvbox {
	background-image: url(img/c05cv.png?v220428);
}
#ren .textbox {
	color: #333;
}
#ren .namebox p,
#ren .self p {
	text-shadow: 0px 0px 10px var(--ren-light-color);
}
#ren .namebox .en {
	color: var(--ren-color);
}
#ren .textbox .profile th {
	border-color: var(--ren-color);
}
#ren .bg {
	background-color: var(--ren-color);
}

#kinako .img {
	background-image: url(img/c06.png?v220428);
}
#kinako .mark {
	background-image: url(img/c06icon.png?v220428);
}
#kinako .cvbox {
	background-image: url(img/c06cv.png?v220428);
}
#kinako .textbox {
	color: #666;
}
#kinako .namebox p,
#kinako .self p {
	text-shadow: 0px 0px 10px var(--kinako-light-color);
}
#kinako .namebox .en {
	color: var(--kinako-color);
}
#kinako .textbox .profile th {
	border-color: var(--kinako-color);
}
#kinako .bg {
	background-color: var(--kinako-color);
}


#mei .img {
	background-image: url(img/c07.png?v220428);
}
#mei .mark {
	background-image: url(img/c07icon.png?v220428);
}
#mei .cvbox {
	background-image: url(img/c07cv.png?v220428);
}
#mei .textbox {
	color: #666;
}
#mei .namebox p,
#mei .self p {
	text-shadow: 0px 0px 10px var(--mei-light-color);
}
#mei .namebox .en {
	color: var(--mei-color);
}
#mei .textbox .profile th {
	border-color: var(--mei-color);
}
#mei .bg {
	background-color: var(--mei-color);
}


#shiki .img {
	background-image: url(img/c08.png?v220428);
}
#shiki .mark {
	background-image: url(img/c08icon.png?v220428);
}
#shiki .cvbox {
	background-image: url(img/c08cv.png?v220428);
}
#shiki .textbox {
	color: #666;
}
#shiki .namebox p,
#shiki .self p {
	text-shadow: 0px 0px 10px var(--shiki-light-color);
}
#shiki .namebox .en {
	color: var(--shiki-color);
}
#shiki .textbox .profile th {
	border-color: var(--shiki-color);
}
#shiki .bg {
	background-color: var(--shiki-color);
}


#natsumi .img {
	background-image: url(img/c09.png?v220428);
}
#natsumi .mark {
	background-image: url(img/c09icon.png?v220428);
}
#natsumi .cvbox {
	background-image: url(img/c09cv.png?v220428);
}
#natsumi .textbox {
	color: #666;
}
#natsumi .namebox p,
#natsumi .self p {
	text-shadow: 0px 0px 10px var(--natsumi-light-color);
}
#natsumi .namebox .en {
	color: var(--natsumi-color);
}
#natsumi .textbox .profile th {
	border-color: var(--natsumi-color);
}
#natsumi .bg {
	background-color: var(--natsumi-color);
}


#margarete .img {
	background-image: url(img/c10.png);
}
#margarete .mark {
	background-image: url(img/c10icon.png);
}
#margarete .cvbox {
	background-image: url(img/c10cv.png);
}
#margarete .textbox {
	color: #666;
}
#margarete .namebox p,
#margarete .self p {
	text-shadow: 0px 0px 10px var(--margarete-light-color);
}
#margarete .namebox .en {
	color: var(--margarete-color);
}
#margarete .textbox .profile th {
	border-color: var(--margarete-color);
}
#margarete .bg {
	background-color: var(--margarete-color);
}


#tomari .img {
	background-image: url(img/c11.png);
}
#tomari .mark {
	background-image: url(img/c11icon.png);
}
#tomari .cvbox {
	background-image: url(img/c11cv.png);
}
#tomari .textbox {
	color: #666;
}
#tomari .namebox p,
#tomari .self p {
	text-shadow: 0px 0px 10px var(--tomari-light-color);
}
#tomari .namebox .en {
	color: var(--tomari-color);
}
#tomari .textbox .profile th {
	border-color: var(--tomari-color);
}
#tomari .bg {
	background-color: var(--tomari-color);
}




[data-ruby] {
    position: relative;
}
.jp [data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -.5em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.3em;
	text-align: center;
	word-break: keep-all;
	letter-spacing: -.05em;
}
/*.jp [data-ruby].arashi::before {
    content: attr(data-ruby);
    position: absolute;
    top: -.5em;
    left: -1em;
    right: 0;
    margin: auto;
    font-size: 0.3em;
	text-align: center;
	word-break: keep-all;
}*/
.cv [data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -.5em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.3em;
	text-align: center;
	word-break: keep-all;
	letter-spacing: -.05em;
}
/*.cv [data-ruby].misaki::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1em;
    left: -.5em;
    right: 0;
    margin: auto;
    font-size: 0.3em;
	text-align: center;
}*/
rt {
    display: none;
}