@charset "utf-8";
/*-----------------------------------------------------	*/
/*	for all	- General Settings　*/
/*-----------------------------------------------------	*/
body {
	font-family: '微軟正黑體', 'Microsoft JhengHei', 'PMingLiU',  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	line-height: 0;
	background:#000;
	x-ms-overflow-style: -ms-autohiding-scrollbar;
	xoverflow-style: -ms-autohiding-scrollbar;
	word-break: break-all;
}


/*------------------------------------------------
contents01
------------------------------------------------*/
#contents01 {
	width:100%;
	height: auto;
	text-align: center;
	background: url(../img/contents01_bg.gif) center top repeat-x #000;
}

#contents01 h2{
	height: 90px;
	background: url(../img/h2_bg.jpg) center top no-repeat;
}

#contents01 h2 img{
	width:auto;
	height: 61px;
	margin-top: 25px;
}

#contents01 .bodytxt{
	width:900px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size:85%;
	line-height: 2.5em;
	letter-spacing: .18em;
	margin-top:40px;
}

/*------------------------------------------------
character
------------------------------------------------*/
.chara_content {
	width:100%; 
	height: auto;
	display: none;
	margin-top:60px;
	padding-bottom:40px;
}

#chara01,#chara02,#chara03,#chara04,#chara05,#chara06,#chara07,#chara08,
#chara09,#chara10,#chara11,#chara12,#chara13,#chara14,#chara15,
#chara16{
	padding-top: 525px;
	margin-top: -525px;
}
/*------------------------------------------------*/
.chara_btn {
	width:896px; 
	margin: 0px auto 60px;
}

.chara_btn a {
	display: inline-block;
	width:12.5%; 
	padding: 0 0px;
}

.chara_btn img{	
	width:112px; 
}

.chara_content:target {
	display: block;
}

.chara_btn a:hover {
	  -webkit-filter: brightness(50%);
  	filter:brightness(50%);  
}

/*------------------------------------------------*/
#contents01 .chara_box{
	position: absolute;
	z-index:1;
	width:100%; 
	height:25.1vw;
	margin:0 auto;
}

.chara_img01 {background:url(../img/chara/chara01_bg.jpg) 19.5vw top no-repeat; background-size:contain ;}
.chara_img02 {background:url(../img/chara/chara02_bg.jpg) 19.5vw top no-repeat; background-size:contain ;}
.chara_img03 {background:url(../img/chara/chara03_bg.jpg) 19.5vw top no-repeat; background-size:contain ;}
.chara_img04 {background:url(../img/chara/chara04_bg.jpg) 19.5vw top no-repeat; background-size:contain ;}
.chara_img05 {background:url(../img/chara/chara05_bg.jpg) 19.5vw top no-repeat; background-size:contain ;}
.chara_img06 {background:url(../img/chara/chara06_bg.jpg) 19.5vw top no-repeat; background-size:contain ;}
.chara_img07 {background:url(../img/chara/chara07_bg.jpg) 19.5vw top no-repeat; background-size:contain ;}
.chara_img08 {background:url(../img/chara/chara08_bg.jpg) 19.5vw top no-repeat; background-size:contain ;}
.chara_img09 {background:url(../img/chara/chara09_bg.jpg) 19.5vw top no-repeat; background-size:contain ;}
.chara_img10 {background:url(../img/chara/chara10_bg.jpg) 19.5vw top no-repeat; background-size:contain ;}
.chara_img11 {background:url(../img/chara/chara11_bg.jpg) 19.5vw top no-repeat; background-size:contain ;}
.chara_img12 {background:url(../img/chara/chara12_bg.jpg) 19.5vw top no-repeat; background-size:contain ;}
.chara_img13 {background:url(../img/chara/chara13_bg.jpg) 19.5vw top no-repeat; background-size:contain ;}
.chara_img14 {background:url(../img/chara/chara14_bg.jpg) 19.5vw top no-repeat; background-size:contain ;}
.chara_img15 {background:url(../img/chara/chara15_bg.jpg) 19.5vw top no-repeat; background-size:contain ;}
.chara_img16 {background:url(../img/chara/chara16_bg.jpg) 19.5vw top no-repeat; background-size:contain ;}


#contents01 .chara_spec_bg{
	position: absolute;
	z-index:3;
	width:100%; 
	height:25vw;
	border-top: 1px solid #c99c00;
	border-bottom: 1px solid #c99c00;
	background: url(../img/chara/chara_spec_bg.png) right top no-repeat; 
	background-size: contain;
}

#contents01 .chara_spec_bg h3{
	margin-top:4.7vw;
	margin-left:57.2vw;
	text-align: left;
}

#contents01 .chara_spec_bg img{
	height:3vw;
}

#contents01 .chara_spec_bg p{
	width:auto; 
	margin-top:0.7vw;
	margin-left:57.5vw;
	text-align: left;
	font-size:1.3vw;
	line-height: 2em;
}

/*-----------------------------------------------------	*/
#contents01 .chara_spec_bg dl{
	width:auto; 
	display: block;
	margin-left:57.5vw;
	padding: 0;
	font-size:1.3vw;
	line-height: 2;
}

#contents01 .chara_spec_bg dt.sex,
#contents01 .chara_spec_bg dt.stature {
	width: 8.5em;
	display: block;
	font-weight: normal;
	text-align: left;
	float: left;
	clear: left;
	}
	
#contents01 .chara_spec_bg dt.blood,
#contents01 .chara_spec_bg dt.birth,
#contents01 .chara_spec_bg dt.star {
	width: 15em;
	display: block;
	font-weight: normal;
	text-align: left;
	float: left;
	clear: left;
	}
	

#contents01 .chara_spec_bg dd{
	width:20em;
	display: block;
	text-align: left;

}

/*-----------------------------------------------------	*/
#contents01 .chara_spec_bg2{
	position: relative;
	z-index:2;
	width:100%; 
	height:25.1vw;
	margin:0 auto;
	background: url(../img/chara/chara_spec_bg2.png) left top no-repeat; 
	background-size: contain;
}

/*-----------------------------------------------------	*/
/*	for - 800px以下の記述　*/
/*-----------------------------------------------------*/
@media screen and (max-width:800px) {

.sp_only {
	display: inherit;
}

.pc_only {
	display: none;
}

.img_center img {
	max-width: 100%;
	height: auto;
}


/*------------------------------------------------
contents01
------------------------------------------------*/
#contents01 h2 img{
	height: 55px;
}


#contents01 .bodytxt{
	width:90%;
	font-size:100%;
	margin-top:40px;
}


/*------------------------------------------------
character
------------------------------------------------*/
.chara_content {
	width:100%; 
	height: auto;
	display: none;
	padding-bottom:40px;
}

#chara01,#chara02,#chara03,#chara04,#chara05,#chara06,#chara07,#chara08,
#chara09,#chara10,#chara11,#chara12,#chara13,#chara14,#chara15,
#chara16{
	padding-top: 760px;
	margin-top: -760px;
}

/*------------------------------------------------*/
.chara_btn {
	width:100%; 
	margin: 0px auto 0px;
	border-bottom: 1px solid #c99c00;
}

.chara_btn a {
	display: inline-block;
	width:25%; 
	padding: 0 0px;
}

.chara_btn img{	
	width:100%; 
}

.chara_content:target {
	display: block;
}

/*------------------------------------------------*/
#contents01 .chara_box{
	position: static;
	height:68.68vw;
}

.chara_img01 {background:url(../img/chara/chara01_bg.jpg) center top no-repeat; background-size:auto 100% ;}
.chara_img02 {background:url(../img/chara/chara02_bg.jpg) center top no-repeat; background-size:auto 100% ;}
.chara_img03 {background:url(../img/chara/chara03_bg.jpg) center top no-repeat; background-size:auto 100% ;}
.chara_img04 {background:url(../img/chara/chara04_bg.jpg) center top no-repeat; background-size:auto 100% ;}
.chara_img05 {background:url(../img/chara/chara05_bg.jpg) center top no-repeat; background-size:auto 100% ;}
.chara_img06 {background:url(../img/chara/chara06_bg.jpg) center top no-repeat; background-size:auto 100% ;}
.chara_img07 {background:url(../img/chara/chara07_bg.jpg) center top no-repeat; background-size:auto 100% ;}
.chara_img08 {background:url(../img/chara/chara08_bg.jpg) center top no-repeat; background-size:auto 100% ;}
.chara_img09 {background:url(../img/chara/chara09_bg.jpg) center top no-repeat; background-size:auto 100% ;}
.chara_img10 {background:url(../img/chara/chara10_bg.jpg) center top no-repeat; background-size:auto 100% ;}
.chara_img11 {background:url(../img/chara/chara11_bg.jpg) center top no-repeat; background-size:auto 100% ;}
.chara_img12 {background:url(../img/chara/chara12_bg.jpg) center top no-repeat; background-size:auto 100% ;}
.chara_img13 {background:url(../img/chara/chara13_bg.jpg) center top no-repeat; background-size:auto 100% ;}
.chara_img14 {background:url(../img/chara/chara14_bg.jpg) center top no-repeat; background-size:auto 100% ;}
.chara_img15 {background:url(../img/chara/chara15_bg.jpg) center top no-repeat; background-size:auto 100% ;}
.chara_img16 {background:url(../img/chara/chara16_bg.jpg) center top no-repeat; background-size:auto 100% ;}

#contents01 .chara_spec_bg{
	position: static;
	height:auto;
	background: url(../img/chara/chara_spec_bg_sp.jpg) center top no-repeat; 
	background-size: cover;
	padding-bottom:4.7vw;
}

#contents01 .chara_spec_bg h3{
	width:100%; 
	margin-top:4.7vw;
	margin-left:0;
	text-align: center;

}

#contents01 .chara_spec_bg img{
	height:9vw;
}

#contents01 .chara_spec_bg p{
	margin-top:0.7vw;
	margin-left:0;
	text-align: center;
	font-size:4.3vw;
	line-height: 8vw;
	clear: left;
}

/*-----------------------------------------------------	*/
#contents01 .chara_spec_bg dl{
	width:auto;
	display: block;
	margin-left:20vw;
	padding: 0;
	font-size:4.3vw;
	line-height: 8vw;
}

#contents01 .chara_spec_bg dt.sex,
#contents01 .chara_spec_bg dt.stature {
	width: 8.5em;
	display: block;
	font-weight: normal;
	text-align: left;
	float: left;
	clear: left;
	}
	
#contents01 .chara_spec_bg dt.blood,
#contents01 .chara_spec_bg dt.birth,
#contents01 .chara_spec_bg dt.star {
	width: 15em;
	display: block;
	font-weight: normal;
	text-align: left;
	float: left;
	clear: left;
	}
	

#contents01 .chara_spec_bg dd{
	width:17em;
	display: block;
	text-align: left;
/*	background:#ff9900;*/
}

#contents01 .chara_spec_bg2{
	display:none;
}

}

footer a, footer a:visited {color: #999;}