@charset "utf-8";
* {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
*:focus {
  outline: none;
}
a {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
}
.slider {
  opacity: 0;
  transition: opacity .3s linear;
}
.slider.slick-initialized{
  opacity: 1;
}
#main h1 {
	background-color: var(--member-color);
}
#main h2 {
	color: var(--member-color);
	border-left: 1em solid var(--member-color);;
}
.spmarg {
	display: none;
}
: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;
}


.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: 100%;
	padding-left: calc((100% - 1024px) / 2);
	padding-right: calc((100% - 1024px) / 2);
	height: 900px;
	margin: auto;
	padding-top: 80px;
	margin-bottom: 50px;
}
.cvbox {
	height: 200px;
	padding: 15px 210px 0 0;
	padding-right: calc(50% - 512px + 210px); 
	background-size: 200px auto;
	position: absolute;
	left: 0;
	z-index: 300;
	background-repeat: no-repeat;
	background-position: right calc(50% - 512px + 100px) top;
	width: 100%;
}
.cvbox::after {
	clear: both;
	width: 100%;
	display: block;
	content: '';
}
.cvbox .cv {
	text-align: right;
	font-size: min(38px,3.7109375vw);
	font-weight: 600;
}
.cvbox img {
	height: 200px;
	width: 200px;
	cursor: pointer!important;
}
.textbox {
	position: relative;
	z-index: 300;
	border-radius: .5em;
	padding-top: 14px;
	margin-left: 512px;
	width: 512px;
}
@media screen and (max-width:1064px) {
	/*.textbox {
		padding-right: 20px;
	}*/
}
.textbox .profile {
	color: #010101;
	letter-spacing: 0;
}
.textbox .profile .wrap {
	display: inline-block;
	float: left;
	margin-right: 2em;
}
.textbox .info p {
	color: #010101;
	font-family: "Kosugi Maru", sans-serif;
	font-weight: 400;
	font-size: min(18px, 1.7578125vw);
	text-indent: 0;
	line-height: 1.6;
	letter-spacing: 0;
	text-align: justify;
}
.namebox {
	position: relative;
	z-index: 300;
}
.namebox p {
	text-align: right;
}
.namebox .jp {
	font-size: min(64px, 6.25vw);
	font-weight: 600;
}
.namebox .en {
	font-size: min(28px, 2.734375vw);
	font-family: "BIZ UDPGothic", sans-serif;
	font-weight: 400;
	letter-spacing: 0;
}
.img {
	z-index: 299;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	position: absolute;
	background-position: center center!important;
	transition: .3s background;
}
.bg {
	position: absolute;
	z-index: 297;
	transform: translateX(-50%) rotate(5deg);
    -webkit-transform: translateX(-50%) rotate(5deg);
    -ms-transform: translateX(-50%) rotate(5deg);
	width: 150vw;
	overflow: visible;
	opacity: .3;
	left: 50%;
	height: 480px;
	bottom: 0;
}
@media (min-width:1065px) {
	.bg {
		bottom: calc(1920px / 2 * tan(5deg));
	}
}
@media (max-width:1064px) {
	.bg {
		bottom: calc((900 / 1024 * (100vw - 40px)) / 900 * 1920 / 2 * tan(5deg));
	}
}
@media screen and (max-width:1024px) {
	.bg {
		width: 150%;
	}
}
.mark {
	position: absolute;
	background-size: contain;
	width: 150px;
	height: 150px;
	top: 80px;
	position: absolute;
	z-index: 299;
}
.selfbox,
.unitbox {
	position: relative;
	width: 1024px;
	max-width: 100%;
	margin: auto;
	padding: 30px 0;
}
.selfbox .self {
	padding: 0 15px;
}
.selfbox .self p {
	color: #010101;
	font-family: "Kosugi Maru", sans-serif;
	font-weight: 400;
	font-size: 120%;
	text-align: justify;
	margin-bottom: 1em;
}
.selfbox .self p:last-child {
	margin-bottom: 0;
}
.unitbox .unit_ruby {
	text-align: center;
	font-family: "M PLUS 1", sans-serif;
	font-size: 120%;
	font-weight: 900;
	margin-top: 10px;
}
.unitbox img {
	margin: auto;
}
.unitbox .title {
	font-family: "M PLUS 1", sans-serif;
	font-size: 160%;
	font-weight: 900;
	padding: 0 15px 5px;
	position: relative;
}
.unitbox .title::before {
	content: '';
	display: block;
	width: calc(100% + 30px);
	height: 6px;
	position: absolute;
	bottom: 0;
	left: -15px;
	background-image: url("img/line_dot.png");
}
.unitbox ul {
	display: flex;
	justify-content: center;
}
.unitbox ul li {
	margin: 0 3px;
	width: calc((100% - 30px) / 5);
	max-width: 180px;
	cursor: pointer;
}
.unitbox ul li img {
	cursor: pointer!important;
}


.switch {
	position: absolute;
	bottom: 15px;
	left: 15px;
	z-index: 8888;
}
@media(min-width:1025px) {
	.switch {
		left: calc(50% - 512px + 15px);
	}
}
.switch .img_switch {
	margin-bottom: 20px;
	position: relative;
	padding: 10px 0;
}
.switch .img_switch li {
	margin-top: 10px;
	color: #fff;
	text-align: center;
	border-radius: 5em;
	padding: 0 2em;
	border: 2px solid;
	cursor: pointer!important;
}
.switch .img_switch li.now {
	background-color: #fff!important;
	color: #000;
}
.switch .img_switch::before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: 0;
	width: 20px;
	height: calc(100% - 0px);
	background-color: #4e4e4e;
	border-radius: 10px;
	z-index: -1;
}
.switch .zoom_switch li {
}
.switch .zoom_switch li img {
	width: 100%;
	max-width: 60px;
	margin: 0 auto;
	cursor: pointer!important;
}
.switch .zoom-out {
	display: none;
}


@media(max-width:1064px) {
	.cbox,
	.selfbox,
	.unitbox {
		padding-left: 20px;
		padding-right: 20px;
	}
	.cbox {
		width: 100%;
		height: calc(900 / 1024 * (100vw - 40px));
		margin: auto;
		padding-top: calc(80 / 1024 * (100vw - 40px));
		margin-bottom: calc(50 / 1024 * (100vw - 40px));
	}
	.textbox {
		padding-top: calc(14 / 1024 * (100vw - 40px));
		margin-left: 50%;
		width: 50%;
	}
	.cvbox {
		height: calc(200 / 1024 * (100vw - 40px));
		padding-top: calc(15 / 1024 * (100vw - 40px));
		padding-right: calc(200 / 1024 * (100vw - 40px));
		background-size: calc(200 / 1024 * (100vw - 40px)) auto;
		width: calc(100% - 20px);
		background-position: right top;
	}
	.cvbox img {
		height: calc(200 / 1024 * (100vw - 40px));
		width: calc(200 / 1024 * (100vw - 40px));
	}
	.img {
		background-size: cover;
		/*margin-left: -20px;*/
		width: calc(100% + 40px);
	}
	.bg {
		height: calc(540 / 1024 * (100vw - 40px));
	}
	.mark {
		top: calc(80 / 1024 * (100vw - 40px));
		width: calc(150 / 1024 * (100vw - 40px));
		height: calc(150 / 1024 * (100vw - 40px));
	}
	.selfbox,
	.unitbox {
		width: 100%;
		max-width: 1024px;
		margin: auto;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}
@media(max-width:1064px) and (min-width:768px) {
	.cbox {
		max-height: 900px;
	}

}
/*.en_kinako {
	padding-right: 20px;
	text-align: right;
	font-size: 200%;
	font-family: Tahoma, Geneva, sans-serif;
}
@media (min-width:1065px) {
	.en_kinako {
		width: 1024px;
		padding-right: 0;
		margin-left: auto;
		margin-right: auto;
	}
}*/

	
.textbox .profile {
	margin-bottom: calc(3em / .9);
	font-size: min(14px, 1.3671875vw);
}
.textbox .profile::after {
	clear: both;
	display: block;
	width: 100%;
	content: '';
}
.textbox .profile .wrap {
	margin-bottom: .5em;
}
.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;
}


#kanon.zoom-out .img.ca { background-image: url(img/c01a.png?v240618);}
#kanon.zoom-in .img.ca { background-image: url(img/c01a-l.png?v240618);}
#kanon.zoom-out .img.cb { background-image: url(img/c01b.png?v240618);}
#kanon.zoom-in .img.cb { background-image: url(img/c01b-l.png?v240618);}
#kanon.zoom-out .img.cc { background-image: url(img/c01c.png?v240618);}
#kanon.zoom-in .img.cc { background-image: url(img/c01c-l.png?v240618);}
#kanon.zoom-out .img.cd { background-image: url(img/c01d.png?v240618);}
#kanon.zoom-in .img.cd { background-image: url(img/c01d-l.png?v240618);}
#kanon.zoom-out .img.ce { background-image: url(img/c01e.png?v240618);}
#kanon.zoom-in .img.ce { background-image: url(img/c01e-l.png?v240618);}
#kanon.zoom-out .img.cf { background-image: url(img/c01f.png?v240618);}
#kanon.zoom-in .img.cf { background-image: url(img/c01f-l.png?v240618);}
#kanon.zoom-out .img.cg { background-image: url(img/c01g.png?v240618);}
#kanon.zoom-in .img.cg { background-image: url(img/c01g-l.png?v240618);}

#keke.zoom-out .img.ca { background-image: url(img/c02a.png?v240618);}
#keke.zoom-in .img.ca { background-image: url(img/c02a-l.png?v240618);}
#keke.zoom-out .img.cb { background-image: url(img/c02b.png?v240618);}
#keke.zoom-in .img.cb { background-image: url(img/c02b-l.png?v240618);}
#keke.zoom-out .img.cc { background-image: url(img/c02c.png?v240618);}
#keke.zoom-in .img.cc { background-image: url(img/c02c-l.png?v240618);}
#keke.zoom-out .img.cd { background-image: url(img/c02d.png?v240618);}
#keke.zoom-in .img.cd { background-image: url(img/c02d-l.png?v240618);}
#keke.zoom-out .img.ce { background-image: url(img/c02e.png?v240618);}
#keke.zoom-in .img.ce { background-image: url(img/c02e-l.png?v240618);}
#keke.zoom-out .img.cf { background-image: url(img/c02f.png?v240618);}
#keke.zoom-in .img.cf { background-image: url(img/c02f-l.png?v240618);}
#keke.zoom-out .img.cg { background-image: url(img/c02g.png?v240618);}
#keke.zoom-in .img.cg { background-image: url(img/c02g-l.png?v240618);}

#chisato.zoom-out .img.ca { background-image: url(img/c03a.png?v240618);}
#chisato.zoom-in .img.ca { background-image: url(img/c03a-l.png?v240618);}
#chisato.zoom-out .img.cb { background-image: url(img/c03b.png?v240618);}
#chisato.zoom-in .img.cb { background-image: url(img/c03b-l.png?v240618);}
#chisato.zoom-out .img.cc { background-image: url(img/c03c.png?v240618);}
#chisato.zoom-in .img.cc { background-image: url(img/c03c-l.png?v240618);}
#chisato.zoom-out .img.cd { background-image: url(img/c03d.png?v240618);}
#chisato.zoom-in .img.cd { background-image: url(img/c03d-l.png?v240618);}
#chisato.zoom-out .img.ce { background-image: url(img/c03e.png?v240618);}
#chisato.zoom-in .img.ce { background-image: url(img/c03e-l.png?v240618);}
#chisato.zoom-out .img.cf { background-image: url(img/c03f.png?v240618);}
#chisato.zoom-in .img.cf { background-image: url(img/c03f-l.png?v240618);}
#chisato.zoom-out .img.cg { background-image: url(img/c03g.png?v240618);}
#chisato.zoom-in .img.cg { background-image: url(img/c03g-l.png?v240618);}

#sumire.zoom-out .img.ca { background-image: url(img/c04a.png?v240618);}
#sumire.zoom-in .img.ca { background-image: url(img/c04a-l.png?v240618);}
#sumire.zoom-out .img.cb { background-image: url(img/c04b.png?v240618);}
#sumire.zoom-in .img.cb { background-image: url(img/c04b-l.png?v240618);}
#sumire.zoom-out .img.cc { background-image: url(img/c04c.png?v240618);}
#sumire.zoom-in .img.cc { background-image: url(img/c04c-l.png?v240618);}
#sumire.zoom-out .img.cd { background-image: url(img/c04d.png?v240618);}
#sumire.zoom-in .img.cd { background-image: url(img/c04d-l.png?v240618);}
#sumire.zoom-out .img.ce { background-image: url(img/c04e.png?v240618);}
#sumire.zoom-in .img.ce { background-image: url(img/c04e-l.png?v240618);}
#sumire.zoom-out .img.cf { background-image: url(img/c04f.png?v240618);}
#sumire.zoom-in .img.cf { background-image: url(img/c04f-l.png?v240618);}
#sumire.zoom-out .img.cg { background-image: url(img/c04g.png?v240618);}
#sumire.zoom-in .img.cg { background-image: url(img/c04g-l.png?v240618);}

#ren.zoom-out .img.ca { background-image: url(img/c05a.png?v240618);}
#ren.zoom-in .img.ca { background-image: url(img/c05a-l.png?v240618);}
#ren.zoom-out .img.cb { background-image: url(img/c05b.png?v240618);}
#ren.zoom-in .img.cb { background-image: url(img/c05b-l.png?v240618);}
#ren.zoom-out .img.cc { background-image: url(img/c05c.png?v240618);}
#ren.zoom-in .img.cc { background-image: url(img/c05c-l.png?v240618);}
#ren.zoom-out .img.cd { background-image: url(img/c05d.png?v240618);}
#ren.zoom-in .img.cd { background-image: url(img/c05d-l.png?v240618);}
#ren.zoom-out .img.ce { background-image: url(img/c05e.png?v240618);}
#ren.zoom-in .img.ce { background-image: url(img/c05e-l.png?v240618);}
#ren.zoom-out .img.cf { background-image: url(img/c05f.png?v240618);}
#ren.zoom-in .img.cf { background-image: url(img/c05f-l.png?v240618);}
#ren.zoom-out .img.cg { background-image: url(img/c05g.png?v240618);}
#ren.zoom-in .img.cg { background-image: url(img/c05g-l.png?v240618);}

#kinako.zoom-out .img.ca { background-image: url(img/c06a.png?v240618);}
#kinako.zoom-in .img.ca { background-image: url(img/c06a-l.png?v240618);}
#kinako.zoom-out .img.cb { background-image: url(img/c06b.png?v240618);}
#kinako.zoom-in .img.cb { background-image: url(img/c06b-l.png?v240618);}
#kinako.zoom-out .img.cc { background-image: url(img/c06c.png?v240618);}
#kinako.zoom-in .img.cc { background-image: url(img/c06c-l.png?v240618);}
#kinako.zoom-out .img.cd { background-image: url(img/c06d.png?v240618);}
#kinako.zoom-in .img.cd { background-image: url(img/c06d-l.png?v240618);}
#kinako.zoom-out .img.ce { background-image: url(img/c06e.png?v240618);}
#kinako.zoom-in .img.ce { background-image: url(img/c06e-l.png?v240618);}
#kinako.zoom-out .img.cg { background-image: url(img/c06f.png?v240618);}
#kinako.zoom-in .img.cg { background-image: url(img/c06f-l.png?v240618);}

#mei.zoom-out .img.ca { background-image: url(img/c07a.png?v240618);}
#mei.zoom-in .img.ca { background-image: url(img/c07a-l.png?v240618);}
#mei.zoom-out .img.cb { background-image: url(img/c07b.png?v240618);}
#mei.zoom-in .img.cb { background-image: url(img/c07b-l.png?v240618);}
#mei.zoom-out .img.cc { background-image: url(img/c07c.png?v240618);}
#mei.zoom-in .img.cc { background-image: url(img/c07c-l.png?v240618);}
#mei.zoom-out .img.cd { background-image: url(img/c07d.png?v240618);}
#mei.zoom-in .img.cd { background-image: url(img/c07d-l.png?v240618);}
#mei.zoom-out .img.ce { background-image: url(img/c07e.png?v240618);}
#mei.zoom-in .img.ce { background-image: url(img/c07e-l.png?v240618);}
#mei.zoom-out .img.cg { background-image: url(img/c07f.png?v240618);}
#mei.zoom-in .img.cg { background-image: url(img/c07f-l.png?v240618);}

#shiki.zoom-out .img.ca { background-image: url(img/c08a.png?v240618);}
#shiki.zoom-in .img.ca { background-image: url(img/c08a-l.png?v240618);}
#shiki.zoom-out .img.cb { background-image: url(img/c08b.png?v240618);}
#shiki.zoom-in .img.cb { background-image: url(img/c08b-l.png?v240618);}
#shiki.zoom-out .img.cc { background-image: url(img/c08c.png?v240618);}
#shiki.zoom-in .img.cc { background-image: url(img/c08c-l.png?v240618);}
#shiki.zoom-out .img.cd { background-image: url(img/c08d.png?v240618);}
#shiki.zoom-in .img.cd { background-image: url(img/c08d-l.png?v240618);}
#shiki.zoom-out .img.ce { background-image: url(img/c08e.png?v240618);}
#shiki.zoom-in .img.ce { background-image: url(img/c08e-l.png?v240618);}
#shiki.zoom-out .img.cg { background-image: url(img/c08f.png?v240618);}
#shiki.zoom-in .img.cg { background-image: url(img/c08f-l.png?v240618);}

#natsumi.zoom-out .img.ca { background-image: url(img/c09a.png?v240618);}
#natsumi.zoom-in .img.ca { background-image: url(img/c09a-l.png?v240618);}
#natsumi.zoom-out .img.cb { background-image: url(img/c09b.png?v240618);}
#natsumi.zoom-in .img.cb { background-image: url(img/c09b-l.png?v240618);}
#natsumi.zoom-out .img.cc { background-image: url(img/c09c.png?v240618);}
#natsumi.zoom-in .img.cc { background-image: url(img/c09c-l.png?v240618);}
#natsumi.zoom-out .img.cd { background-image: url(img/c09d.png?v240618);}
#natsumi.zoom-in .img.cd { background-image: url(img/c09d-l.png?v240618);}
#natsumi.zoom-out .img.ce { background-image: url(img/c09e.png?v240618);}
#natsumi.zoom-in .img.ce { background-image: url(img/c09e-l.png?v240618);}
#natsumi.zoom-out .img.cg { background-image: url(img/c09f.png?v240618);}
#natsumi.zoom-in .img.cg { background-image: url(img/c09f-l.png?v240618);}

#margarete.zoom-out .img.ca { background-image: url(img/c10a.png?v240618);}
#margarete.zoom-in .img.ca { background-image: url(img/c10a-l.png?v240618);}
#margarete.zoom-out .img.cb { background-image: url(img/c10b.png?v240618);}
#margarete.zoom-in .img.cb { background-image: url(img/c10b-l.png?v240618);}
#margarete.zoom-out .img.cc { background-image: url(img/c10c.png?v240618);}
#margarete.zoom-in .img.cc { background-image: url(img/c10c-l.png?v240618);}
#margarete.zoom-out .img.cg { background-image: url(img/c10d.png?v240618);}
#margarete.zoom-in .img.cg { background-image: url(img/c10d-l.png?v240618);}

#tomari.zoom-out .img.ca { background-image: url(img/c11a.png?v240618);}
#tomari.zoom-in .img.ca { background-image: url(img/c11a-l.png?v240618);}
#tomari.zoom-out .img.cb { background-image: url(img/c11b.png?v240618);}
#tomari.zoom-in .img.cb { background-image: url(img/c11b-l.png?v240618);}
#tomari.zoom-out .img.cc { background-image: url(img/c11c.png?v240618);}
#tomari.zoom-in .img.cc { background-image: url(img/c11c-l.png?v240618);}
#tomari.zoom-out .img.cg { background-image: url(img/c11d.png?v240618);}
#tomari.zoom-in .img.cg { background-image: url(img/c11d-l.png?v240618);}









#kanon .mark {
	background-image: url(img/c01icon.png?v240618);
}
#kanon .cvbox {
	background-image: url(img/c01cv.png?v240618);
}
#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?v240618);
}
#keke .mark {
	background-image: url(img/c02icon.png?v240618);
}
#keke .cvbox {
	background-image: url(img/c02cv.png?v240618);
}
#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?v240618);
}
#chisato .mark {
	background-image: url(img/c03icon.png?v240618);
}
#chisato .cvbox {
	background-image: url(img/c03cv.png?v240618);
}
#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?v240618);
}
#sumire .mark {
	background-image: url(img/c04icon.png?v240618);
}
#sumire .cvbox {
	background-image: url(img/c04cv.png?v240618);
}
#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?v240618);
}
#ren .mark {
	background-image: url(img/c05icon.png?v240618);
}
#ren .cvbox {
	background-image: url(img/c05cv.png?v240618);
}
#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?v240618);
}
#kinako .mark {
	background-image: url(img/c06icon.png?v240618);
}
#kinako .cvbox {
	background-image: url(img/c06cv.png?v240618);
}
#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 .en_kinako {
	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?v240618);
}
#mei .mark {
	background-image: url(img/c07icon.png?v240618);
}
#mei .cvbox {
	background-image: url(img/c07cv.png?v240618);
}
#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?v240618);
}
#shiki .mark {
	background-image: url(img/c08icon.png?v240618);
}
#shiki .cvbox {
	background-image: url(img/c08cv.png?v240618);
}
#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?v240618);
}
#natsumi .mark {
	background-image: url(img/c09icon.png?v240618);
}
#natsumi .cvbox {
	background-image: url(img/c09cv.png?v240618);
}
#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?v240618);
}
#margarete .mark {
	background-image: url(img/c10icon.png?v240618);
}
#margarete .cvbox {
	background-image: url(img/c10cv.png?v240618);
}
#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);
}
#margarete .namebox .jp {
	letter-spacing: -.08em;
}
#margarete .namebox .jp span > span {
	letter-spacing: -.2em;
}


#tomari .img {
	background-image: url(img/c11.png?v240618);
}
#tomari .mark {
	background-image: url(img/c11icon.png?v240618);
}
#tomari .cvbox {
	background-image: url(img/c11cv.png?v240618);
}
#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;
}





#kanon .switch .img_switch li { background-color: var(--kanon-color); border-color: var(--kanon-color);}
#kanon .switch .img_switch li.now { border-color: var(--kanon-color);}
#keke .switch .img_switch li { background-color: var(--keke-color); border-color: var(--keke-color); color: #000;}
#keke .switch .img_switch li.now { border-color: var(--keke-color);}
#chisato .switch .img_switch li { background-color: var(--chisato-color); border-color: var(--chisato-color);}
#chisato .switch .img_switch li.now { border-color: var(--chisato-color);}
#sumire .switch .img_switch li { background-color: var(--sumire-color); border-color: var(--sumire-color); color: #000;}
#sumire .switch .img_switch li.now { border-color: var(--sumire-color);}
#ren .switch .img_switch li { background-color: var(--ren-color); border-color: var(--ren-color);}
#ren .switch .img_switch li.now { border-color: var(--ren-color);}
#kinako .switch .img_switch li { background-color: var(--kinako-color); border-color: var(--kinako-color); color: #000;}
#kinako .switch .img_switch li.now { border-color: var(--kinako-color);}
#mei .switch .img_switch li { background-color: var(--mei-color); border-color: var(--mei-color);}
#mei .switch .img_switch li.now { border-color: var(--mei-color);}
#shiki .switch .img_switch li { background-color: var(--shiki-color); border-color: var(--shiki-color); color: #000;}
#shiki .switch .img_switch li.now { border-color: var(--shiki-color);}
#natsumi .switch .img_switch li { background-color: var(--natsumi-color); border-color: var(--natsumi-color);}
#natsumi .switch .img_switch li.now { border-color: var(--natsumi-color);}
#margarete .switch .img_switch li { background-color: var(--margarete-color); border-color: var(--margarete-color);}
#margarete .switch .img_switch li.now { border-color: var(--margarete-color);}
#tomari .switch .img_switch li { background-color: var(--tomari-color); border-color: var(--tomari-color);}
#tomari .switch .img_switch li.now { border-color: var(--tomari-color);}


@media(min-width:768px) {
#kanon .mark {
	right: 23em;
	right: min(64px * 5.5, 7vw * 5.5);
}
#keke .mark {
	right: 14em;
	right: min(64px * 3.75,7vw * 3.75);
}
#chisato .mark {
	right: 18em;
	right: min(64px * 4.75, 7vw * 4.75);
}
#sumire .mark {
	right: 26em;
	right: min(64px * 6.5, 7vw * 6.5);
}
#ren .mark {
	right: 16em;
	right: min(64px * 3.75, 7vw * 3.75);
}
#kinako .mark {
	right: 26em;
	right: min(64px * 6.75, 7vw * 6.75);
}
#mei .mark {
	right: 18em;
	right: min(64px * 4.75, 7vw * 4.75);
}
#shiki .mark {
	right: 18em;
	right: min(64px * 4.75, 7vw * 4.75);
}
#natsumi .mark {
	right: 20em;
	right: min(64px * 4.75, 7vw * 4.75);
}
#margarete .mark {
	right: 25em;
	right: min(32px * 10.75, 3.5vw * 10.75);
	top: 158px;
}
#tomari .mark {
	right: 18em;
	right: min(64px * 4.75, 7vw * 4.75);
}
}
@media(max-width:1064px) {
	#margarete .mark {
		top: calc(158 / 1024 * (100vw - 40px));
	}
}
@media(min-width:1065px) {
#kanon .mark {
	right: 23em;
	right: min(64px * 5.5 + (50% - 512px), 7vw * 5.5 + (50% - 512px));
}
#keke .mark {
	right: 14em;
	right: min(64px * 3.75 + (50% - 512px),7vw * 3.75 + (50% - 512px));
}
#chisato .mark {
	right: 18em;
	right: min(64px * 4.75 + (50% - 512px), 7vw * 4.75 + (50% - 512px));
}
#sumire .mark {
	right: 26em;
	right: min(64px * 6.5 + (50% - 512px), 7vw * 6.5 + (50% - 512px));
}
#ren .mark {
	right: 16em;
	right: min(64px * 3.75 + (50% - 512px), 7vw * 3.75 + (50% - 512px));
}
#kinako .mark {
	right: 26em;
	right: min(64px * 6.75 + (50% - 512px), 7vw * 6.75 + (50% - 512px));
}
#mei .mark {
	right: 18em;
	right: min(64px * 4.75 + (50% - 512px), 7vw * 4.75 + (50% - 512px));
}
#shiki .mark {
	right: 18em;
	right: min(64px * 4.75 + (50% - 512px), 7vw * 4.75 + (50% - 512px));
}
#natsumi .mark {
	right: 20em;
	right: min(64px * 4.75 + (50% - 512px), 7vw * 4.75 + (50% - 512px));
}
#margarete .mark {
	right: 25em;
	right: min(32px * 10.75 + (50% - 512px), 3.5vw * 10.75 + (50% - 512px));
	top: 158px;
}
#tomari .mark {
	right: 18em;
	right: min(64px * 4.75 + (50% - 512px), 7vw * 4.75 + (50% - 512px));
}
	
}