@charset "utf-8";
/* CSS Document */

#story1 { background: url(../img/chara/chara1.jpg) no-repeat 50% 0; height: 805px;	border-top:solid 1px #005EFF;margin:auto; }

.chara { width: 830px; margin: 0 auto 50px; display: flex; justify-content: space-between; font-family: "hiragino-kaku-gothic-pron", sans-serif; font-weight: 300; }
.chara dt img { border: 1px solid #005EFF; }
.chara dd { width: 650px; font-size: 14px; line-height: 1.8; }
.subtitle{
color:#005EFF;
 font-size: 42px;
 font-family: "Quattrocento", serif;
 font-weight: 300;
 margin-left:60px;
 margin-bottom:50px;
}
.charaName { display: flex; color: #005EFF; justify-content: space-between; border-bottom: 1px solid #005EFF; line-height: 0; padding-bottom: 10px; margin-bottom: 15px; }
.charaNameA { font-size: 42px; font-family: "Quattrocento", serif; font-weight: 700;}
.charaNameA span { font-size: 22px; }
.aida { margin-right: 15px; }
.charaNameD { font-size: 42px; font-family: "Quattrocento", serif;font-weight: 700;}
.charaNameD span { font-size: 22px; }
.aida { margin-right: 15px; }
.charaNameB { font-size: 20px; font-weight: bold; }
.charaNameC { font-size: 30px; font-family: "Quattrocento", serif;font-weight: bold; }
.charaNameC span { font-size: 22px; }

.voice { display: flex; flex-wrap: wrap; }
.voice li { margin-right: 10px; margin-bottom: 10px; }

.jp-audio img { margin-left: 5px; }
.jp-audio a { background: #005EFF; padding: 5px 15px; border-radius: 15px; }
.jp-audio a:hover { background: #FFF; }

h2 { background: url(../img/chara/t_Heroine.png) no-repeat; height: 100px; margin-bottom: 30px; text-indent: -9999px; }
#h2Chara { background: url(../img/chara/t_chara.png) no-repeat; }

#menu { 
	max-width: 960px; 
	background: #000; 
	margin: 0px auto 50px auto; 
	font-family: "Quattrocento", serif;
	font-weight: 400;
	font-size: 22px; 
	display: flex; 
	justify-content: space-around; 
	color:#666;
}
#menu li { width: 100%; text-align: center; border-right: 1px solid #2E2E2E; position: relative;}
#menu li:first-child { border-left: 1px solid #2E2E2E; }

#menu li a {color:#fff;}
#dot { 
	max-width: 960px; 
	display: flex; 
	justify-content: space-around; 
	margin:-20px auto 0 auto; 
	position:relative;
	z-index:9999;
}
#dot li{width:137px,text-align:center;}
.brsp{display:none;}
/*
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
ლ(╹◡╹ლ) 
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
*/
@media screen and (max-width: 768px) {

	#story1 { background: url(../img/chara/chara1.jpg) no-repeat;background-size:100%;  height: 70vw; }
	#story2,#story3 { display: none; }
	.rv_logo img{display:none;}
	#story2,#story3 { display: none; }
	.chara { width: 100%; }
	.chara dt { margin-right: 10px; }
	.charaName { flex-wrap: wrap; line-height: 1.2; }
	#menu { display:none;}
	#dot { display:none;}
	h2 { width: 100%; height: auto; padding-bottom: 10.41666%; background-size: contain; }
	.subtitle{
		color:#005EFF;
		 font-size: 42px;
		 font-family: "Quattrocento", serif;
		 font-weight: 300;
		 margin-left:0px;
		 text-align:center;
		 margin-bottom:50px;
	}
	.charaNameA {width:100%;}
	.charaNameB { font-family: "Quattrocento", serif;font-size: 20px; font-weight: bold; }
	.charaNameC {font-family: "Quattrocento", serif; font-size: 28px; font-weight: bold; }
	.charaNameD { font-size: 32px;font-family: "Quattrocento", serif; font-weight: 700;}
	.brsp{display:block;}
	}
}