@charset "UTF-8";

#main #article h3.h3_title{
	margin-bottom:10px;
}
#main #article  p.attention{
	text-align: right;
	margin-top: 5px;
	margin-bottom: 20px;
}
#main #article  p.chart_01 span{
	display: block;
	position: relative;
}
#main #article  p.chart_01 span{
	display: block;
	position: absolute;
}
#main #article  p.chart_01 span a,#main #article  p.chart_01 span a img{
	display: block;
	width:100%;
	height:100%;
}
#main #article  p.chart_01 span.btn_zenigata{
	display: block;
	position: absolute;
	height: 176px;
	width: 132px;
	left: 250px;
	top: 220px;
}
#main #article  p.chart_01 span.btn_sakuraba{
	display: block;
	position: absolute;
	height: 142px;
	width: 109px;
	left: 285px;
	top: 521px;
}
#main #article  p.chart_01 span.btn_kunikida{
	display: block;
	position: absolute;
	height: 142px;
	width: 109px;
	left: 156px;
	top: 514px;
}
#main #article  p.chart_01 span.btn_kinosaki{
	display: block;
	position: absolute;
	height: 142px;
	width: 109px;
	left: 48px;
	top: 223px;
}
#main #article  p.chart_01 span.btn_shidara{
	display: block;
	position: absolute;
	height: 128px;
	width: 94px;
	left: 47px;
	top: 434px;
}#main #article .castbox{
	width: 610px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-top: 40px;
}
#main #article .castbox p.cast_txt{
	width: 340px;
	margin-right: auto;
	margin-left: 0px;
	float: left;
	margin-bottom:10px;
}
#main #article .castbox .cast_comment{
	position: relative;
	width: 570px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	float: none;
	background-color: #000;
	padding: 20px 20px 20px 20px;

}
#main #article .castbox .cast_comment:before{
	content: url(../chart/images/cast_arrow_01.png);
	top: -12px;
	position: absolute;
	right: 135px;
	font-size: 0px;
	line-height: 0px;
	vertical-align: bottom;
}
#main #article #block_cast .bottom{
	vertical-align: bottom;
	width: 675px;
	height: 190px;
}
#main #article .castbox div.cast_photo{
	margin-left: 345px;
	border: 1px solid #000;
	padding:5px;
	height: 360px;
	width: 250px;
	margin-bottom:10px;


}
#main #article .castbox div.cast_photo .wrap {
    width: 250px;
    height: 360px;
    margin: 0 auto;
    -webkit-perspective: 1000;
    perspective: 1000;
}
#main #article .castbox div.cast_photo .inner {
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: .3s;
    transition: .3s;
}
#main #article .castbox div.cast_photo .front,
#main #article .castbox div.cast_photo .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    height: 360px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#main #article .castbox div.cast_photo .front {
}
#main #article .castbox div.cast_photo .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
	-ms-transform: rotateY(0deg);

}
#main #article .castbox div.cast_photo .wrap.open .inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
	-ms-transform: rotateY(0deg);
}

#main #article .castbox p.cast_txt{
	font-size: 16px;
	line-height: 1.6em;
}
#main #article .castbox .cast_comment{
}
#main #article .castbox .cast_comment h4.h4_title{
	font-family: Impact;
	font-size: 24px;
	color: #C5011E;
}
#main #article .castbox .cast_comment p{
	font-size: 16px;
	line-height: 1.6em;
	color: #fff;
}
#main #article .castbox p.backto a{
	font-size: 14px;
	line-height: 1.6em;
	color: #000;
}
#main #article .castbox p.backto{
	text-align: right;
	margin-top: 5px;
}