/* =================================
キャラクター(pageID25)
===================================*/
#post-25 {
}

#post-25 h1 {
	color:#1270c2;
	display:block;
	background-image:url(../images/bg_tit_info.png);
	background-repeat:repeat-x;
	padding:30px 0 0 30px;
	height:70px;
}


#post-25 h2 {
	font-size:16px;
	padding:5px 5px 5px 20px;
	color:#630;
	background-color:#BDE3ED;
	
	border-radius: 15px;		/* CSS3草案 */
	-webkit-border-radius: 15px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 15px;	/* Firefox用 */
}

#post-25 h3 {
	color:#0082d9;
	font-size:16px;
	margin:10px auto;
}

.chara_prof_l {
 width:50%;
 float:left;
 margin-right:30px;
}

.chara_prof_r {
 width:45%;
 float:left;

}

.goods {
	width:32%;
	float:left;
	margin-right:1%;
}

.goods_info {
margin-top:20px;
}

.goods_info dt {
	display:inline-block;
	color:#3fa9c2;
	width:20%;
	vertical-align:top;
}

.goods_info dd {
	display:inline-block;
	width:70%;
	border-left:3px #3fa9c2 solid;
	padding-left:15px;
	margin-bottom:10px;
}

@media screen and (max-width: 640px) {

#post-25 h1 {
/* width:100%; */
background-color:#1270C2;
color:#fff;
background-image:none;
padding:5px;
height:auto;
font-size:20px;
font-weight:bold;
}

.chara_prof_l {
 width:100%;
 float:none;
 margin:auto;
}

.chara_prof_r {
 width:auto;
 float:none;
 margin:auto;

}

.goods {
width:100%;
	float:none;
	margin:auto;
}

.goods_info {
margin-top:20px;
width:100%;
}

.goods_info dt {
	display:inline-block;
	color:#3fa9c2;
	width:20%;
	vertical-align:top;
}

.goods_info dd {
	display:inline-block;
	width:70%;
	border-left:3px #3fa9c2 solid;
	padding-left:15px;
	margin-bottom:10px;
}


}