@charset "UTF-8";

/*----------------------------------------------------
 charameshi01
------------------------------------------------------*/
/* chara_head */
#kosodate_wrap .chara_wrap h3 img{
	width: 380px;
	margin: 22px 0 0;
}
#kosodate_wrap .chara_wrap .chara_head > p{
	margin-top: 40px;
}
#kosodate_wrap .chara_wrap .chara_head .anc{
	margin: 40px 0 0 109px;
}
#kosodate_wrap .chara_wrap .chara_head .anc li{
	float: left;
	margin-right: 40px;
}
#kosodate_wrap .chara_wrap .chara_head .anc li:nth-child(1){
	/*float: left;*/
	width: 143px;
	/*margin-right: 40px;*/
}
#kosodate_wrap .chara_wrap .chara_head .anc li:nth-child(2){
	width: 144px;
}
#kosodate_wrap .chara_wrap .chara_head .anc li:nth-child(3){
	width: 185px;
}
#kosodate_wrap .chara_wrap .chara_head .anc li:nth-child(4){
	width: 145px;
}
#kosodate_wrap .chara_wrap .chara_head .anc li img{
	width: 100%;
}
#kosodate_wrap .chara_wrap .chara_head .sub{
	margin: 25px 0 0 170px;
}
#kosodate_wrap .chara_wrap .chara_head .sub li{
	float: left;
	margin-right: 40px;
}
#kosodate_wrap .chara_wrap .chara_head .sub li:nth-child(1){
	width: 202px;
}
#kosodate_wrap .chara_wrap .chara_head .sub li:nth-child(2){
	width: 176px;
}
#kosodate_wrap .chara_wrap .chara_head .sub li:nth-child(3){
	width: 156px;
}
#kosodate_wrap .chara_wrap .chara_head .sub li img{
	width: 100%;
}

#kosodate_wrap .chara_wrap .box_head{
	margin-top: 35px;
	padding: 18px 30px 18px 60px;
	border-radius: 10px 10px 0 0;
}
#kosodate_wrap .chara_wrap .point dt img,
#kosodate_wrap .chara_wrap h4 img{
	width: 100%;
}
#kosodate_wrap .chara_wrap .box_head h5{
	width: 800px;
	margin: 0 0 20px 0;
}
#kosodate_wrap .chara_wrap .box_head h5 img{
	padding-top: 7px;
}
#kosodate_wrap .chara_wrap .box_head dl{
	width: 800px;
}

/* p1 */
#kosodate_wrap .chara_wrap #p1 .box_head h5 img{
	width: 216px;
}

/* p2 */
#kosodate_wrap .chara_wrap #p2 .box_head h5 img{
	width:221px;
}

/* p3 */
#kosodate_wrap .chara_wrap #p3 .box_head h5 img{
	width:282px;
}

/* p4 */
#kosodate_wrap .chara_wrap #p4 .box_head h5 img{
	width:219px;
}

/* box */
#kosodate_wrap .chara_wrap .box h4{
	width: 216px;
}
#kosodate_wrap .charameshi .box h3 img{
	width: 100%;
}


@media screen and (max-width: 768px) {
	/* chara_head */
	#kosodate_wrap .chara_wrap h3 img{
		margin: 4% 0;
		width: 75%;
	}
	#kosodate_wrap .chara_wrap .chara_head > p{
		width: 28%;
		margin: 6% auto 0;
	}
	#kosodate_wrap .chara_wrap .chara_head .anc{
		margin: 4% 0 0 0;
	}
	#kosodate_wrap .chara_wrap .chara_head .anc li{
		float: none;
		margin-right: 0;
		margin-bottom: .5em;
	}
	#kosodate_wrap .chara_wrap .chara_head .anc li:nth-child(1){
		/*float: left;*/
		width: 48%;
		margin-right: 0;
	}
	#kosodate_wrap .chara_wrap .chara_head .anc li:nth-child(2){
		width: 48%;
	}
	#kosodate_wrap .chara_wrap .chara_head .anc li:nth-child(3){
		width: 59%;
	}
	#kosodate_wrap .chara_wrap .chara_head .anc li:nth-child(4){
		width: 48%;
	}
	#kosodate_wrap .chara_wrap .chara_head .anc li img{
		width: 100%;
	}
	#kosodate_wrap .chara_wrap .chara_head .sub{
		margin: 4% 0 0 0;
	}
	#kosodate_wrap .chara_wrap .chara_head .sub li{
		float: none;
		margin: 0 0 .5em 12%;
	}
	#kosodate_wrap .chara_wrap .chara_head .sub li:nth-child(1){
		width: 63%;
	}
	#kosodate_wrap .chara_wrap .chara_head .sub li:nth-child(2){
		width: 54%;
	}
	#kosodate_wrap .chara_wrap .chara_head .sub li:nth-child(3){
		width: 51%;
	}
	#kosodate_wrap .chara_wrap .chara_head .sub li img{
		width: 100%;
	}
	#kosodate_wrap .chara_wrap .box_head{
		margin-top: 5%;
		padding: 4%;
	}
	#kosodate_wrap .chara_wrap .box_head h5,
	#kosodate_wrap .chara_wrap .box_head dl{
		float: none;
		width: 100%;
	}
	#kosodate_wrap .chara_wrap .box_head dl{
		margin-top: 6%;
	}
	#kosodate_wrap .chara_wrap .box_head dt{
		margin: 0 2% 0 0;
		font-size: 78%;
	}
	#kosodate_wrap .chara_wrap .box_head dt:first-child{
		margin-bottom: 1%;
	}
	#kosodate_wrap .chara_wrap .box_head dd{
		/*float: left;*/
		width: 82%;
		margin-bottom: 1%;
		font-size: 80%;
	}
	
	/* p1 */
	#kosodate_wrap .chara_wrap #p1 .box_head h5 img{
		width: 49%;
	}

	/* p2 */
	#kosodate_wrap .chara_wrap #p2 .box_head h5 img{
		width:46%;
	}

	/* p3 */
	#kosodate_wrap .chara_wrap #p3 .box_head h5 img{
		width:60%;
	}

	/* p4 */
	#kosodate_wrap .chara_wrap #p4 .box_head h5 img{
		width:54%;
	}

	/* box */
	#kosodate_wrap .chara_wrap .box h4{
		width: 54%;
	}
	#kosodate_wrap .charameshi .box h3 img{
		width: 100%;
	}

}