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

#barakamonTokusetsu{
	width:100%;
	}

#barakamonTokusetsu p{
	font-size:12px !important;
	}

#barakamonTokusetsu img{
	max-width:100%;
	}

.copyrightBarakamonAnime{
	color:#9A9A9A;
	font-size:10px;
	text-align:center;
	padding-bottom:3%;
	}
#barakamonTokusetsu a{
	color:#f3a000;
	text-decoration:underline;
	}
#barakamonTokusetsu a:hover{
	color:#e76801;
	}
#barakamonTokusetsu img{
	vertical-align:middle;
	}

/* chara
-----------------------------------------*/
#barakamonTokusetsu.special{
	}

.special .titleBox{
	width:90%;
	padding: 2% 0 4% 0;
	margin: 0 auto;
	position:relative;
	}

.special div.lead{
	padding:0 20px;
	}



.special .castComment{
	padding-bottom:10%;
	background-image:url(images/sp/sp_bg_bottom.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	}

.special .castComment dl{
	width:96%;
	padding: 2%;
	margin: 0;
	position:relative;
	}

.special .castComment dd{
	margin: 0;
	}
.special .castComment dd.question{
	display:block;
	color:#53BFF3;
	font-size:1.2rem;
	font-weight:bold;
	margin:2%;
	line-height:1.7em;
	}
.special .castComment dd.castProfile img {
	float: left;
	width: 35%;
	}
.special .castComment dd.castProfile div{
	line-height:1.7em;
	font-size:10px;
	color:#2E2E2E;
	}
.special .castComment dd.castProfile div span{
	font-weight:bold;
	}
	
.special .castComment dd.castProfile ul {
	float: right;
	width: 60%;
	margin: 0;
	}

.special .castComment dd.shikishi{
	display:block;
	clear: both;
	float: left;
	width:50%;
	padding: 3% 0 0 0;
	}
.special .castComment dd.image{
	display:block;
	float: right;
	width:45%;
	z-index:100;
	}

.special .castComment .cast01,
.special .castComment .cast02{
	padding-top:3%;
	background-color:#f2f6f8;
	background-image:url(images/sp/sp_bg_02.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size: 60%;
	}