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

#content_lead{
	margin-bottom:2%;
}

#lead_text{
	font-size:150%;
	line-height:1.3;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#FFF;
	text-shadow:1px 1px 3px rgba(255,0,0,0.75),-1px -1px 3px rgba(255,0,0,0.75);
	text-align:center;
	margin-bottom:5%;
}

#submenu_area a,
#submenu_area span{
	width:27%;
	font-size:100%;
}


.chara_item{
	width:31.2%;
	margin:1%;
	margin-bottom:3%;
	display:block;
	color:#EEE;
	float:left;
}

.chara_item img.img_chara{
	width:100%;
	border:1px #222 solid;
}
.chara_item .txt{
	border:1px #222 solid;
	padding:2%;
	margin-top:-1px;
	background:linear-gradient(to bottom,#111,#333);
	font-size:90%;
	line-height:1.7;
	letter-spacing:1px;
}

.chara_item b{
	display:block;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:130%;

}

.new b:after{
	content:"NEW";
	padding:0 6px;
	background-color:#F00;
	color:#FFF;
	font-size:75%;
	display:inline-block;
	margin-left:10px;
	vertical-align:2px;
	border-radius:3px;
}

/*---ビジュアルパターン---*/
#visual_pts{
	text-align:center;
	margin-bottom:10%;
}

img.visual_pt{
	width:23%;
	margin:0.5%;
}

/*------個性-------
.status_item{
	margin-bottom:10%;
}

.section_text{
	margin:0 auto;
	margin-bottom:2%;
	padding:0 0.6%;
	line-height:1.5;
	color:#EEE;
	padding:1%;
}

.caps{
	margin:0.3%;
	padding:0;
	display:inline-block;
	width:32.7%;
	vertical-align:top;
}

.caps img{
	width:100%;
	border:1px #333 solid;
}

.caps .txt{
	color:#CCC;
	padding:0.6% 2%;
	text-shadow:1px 1px 2px rgba(0,0,0,0.3);
	font-size:90%;
	line-height:1.5;
	margin-top:1%;
	background:linear-gradient(to bottom,#111,#333);
}

.inner{
	float:right;
	margin-left: 1%;
	margin-top:1%;
}

h3{
	display:inline-block;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	font-size:200%;
	margin:0;
	padding:0;
	color:#FFD;
	text-shadow:1px 1px 3px rgba(155,155,0,0.7),-1px -1px 3px rgba(155,155,0,0.7);
	padding:8px 0;
	padding-right:40px;
	padding-left:1%;
	border:1px #c2bc99 solid;
	border-width:0 0 1px 0;
	position:relative;
}

h3.new:after{
	content:"NEW";
	padding:0 6px;
	background-color:#F00;
	color:#FFF;
	font-size:50%;
	display:inline-block;
	margin-left:10px;
	vertical-align:2px;
	border-radius:3px;
}

h5{
	width:99.5%;
	margin:0 auto;
	padding:0;
	margin-top:3%;
	margin-bottom:0.5%;
	font-size:100%;
}
table.list{
	width:99.5%;
	margin:0 auto;
	border-collapse: collapse;
}

table.list th,table.list td{
	border:1px #333 solid;
	padding:0.5% 1%;
	font-size:80%;
}
table.list th{
	white-space: nowrap;
	background-color:#222;
	width:10%;
	font-weight:normal;
}

table.list tr td:last-child{
	width:25%
}
*/

@media screen and (max-width:640px){
	img.visual_pt{
		width:47%;
		margin:1% 0.5%;
	}
}

@media screen and (max-width:600px){
	.chara_item{
		width:48%;
	}
	#lead_text{
		font-size:100%;
	}

	#submenu_area a,
	#submenu_area span{
		width:32%;
		font-size:70%;
	}
}