@charset "UTF-8";

/*キャラクター
---------------------------------------------------------- */

.chara_block {
	clear: both;
	width:920px;
	margin: 0 auto 30px;
}

.chara_block .chara_box{
	clear: both;
	width:1000px;
	margin-left:-80px;
}

.chara_block .chara_box article{
	float: left;
	width:420px;
	margin: 0 0 50px 80px;
}

.chara_block .chara_box .img{
	float: left;
	width:132px;
	margin-right:18px;
}

.chara_block .chara_box .txt{
	overflow:hidden;
	zoom:1;
}

.chara_block .chara_box .txt h3{
	margin-bottom:5px;
	color: #d80c18;
	font-size: 138.5%;
	line-height:1.3;
}

.chara_block .chara_box .txt ul {
	margin-bottom:15px;
	padding:15px;
	font-size:108%;
	background:#fff url(../img/chara/chara_bg.png) right bottom no-repeat;
	border:2px solid #f1e9d1;
	border-radius: 5px;
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
	-moz-border-radius: 5px; /* Firefox用 */
}

.chara_block .chara_box .txt li {
	list-style: none;
	margin-top:5px;
}

.chara_block .chara_box .txt li:first-child {
	margin-top:0;
}

.chara_block .chara_box .txt p{
	margin: 0 10px;
}


@media screen and (max-width: 738px) {
	.chara_block {
		width:100%;
	}
	
	.chara_block .chara_box{
		width:100%;
		margin-left:0;
	}
	
	.chara_block .chara_box article{
		float: none;
		width:100%;
		margin: 0 0 30px 0;
	}
	
	.chara_block .chara_box .img{
		float: left;
		width:25%;
		margin-right:15px;
	}
	
	.chara_block .chara_box .txt ul {
		margin-bottom:10px;
	}
}

/*CM
---------------------------------------------------------- */
.cm_block {
	width:800px;
	margin: 0 auto 40px;
}


@media screen and (max-width: 738px) {
	.cm_block {
		width:100%;
		margin: 0 auto 30px;
	}

	.youtube_block {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
	}
	
	.youtube_block iframe,
	.youtube_block object,
	.youtube_block embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}