@charset "UTF-8";

/* ==================================================================
CSS information
style info :「story-character」 用
================================================================== */


/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { padding-top:0; }
#contents.character {
	background:#03080d url(../_img/story-character/character-bg.jpg) center top no-repeat;
}

/* --------------------------------------------------------
#c1
-------------------------------------------------------- */
.mov_wrap {
	padding-top:32px; padding-bottom:8px; height:309px;
	background:url(../_img/story-character/mov_bg.jpg) center top no-repeat;
}
#c1 #video-box { width:458px; height:260px; margin: 0 auto; padding: 14px 0 0 1px; position: relative; overflow:hidden;}

.not #video-box iframe { display: none;}
.not #video-box .nojs { display: block;}

/* --------------------------------------------------------
#c2
-------------------------------------------------------- */
#c2 .col2 li { float:left; }
#c2 .col2 li:nth-child(odd) { clear:both; }

#c2 .character-btns {
	padding-left:26px; padding-bottom:68px;
}
#c2 .character-btns.pt3 { padding-top:30px; }
#c2 .character-btns.pt5 { padding-top:50px; }

#c2 .character-btns.bg {
	padding-bottom:63px;	background:url(../_img/story-character/character-btn_bg.jpg) center top no-repeat;
}
#c2 .character-btns ul li {
	margin-left:18px; margin-bottom:32px;
	float:left;
}
#c2 .character-btns ul li:nth-child(odd) {
	margin-left:0;
	clear:both;
}
#c2 .character-btns ul li:last-child img {
	margin-top:-11px;
	position:relative;
}