@charset "UTF-8";
/*
 cast.css（ファイル名変更可）
 本サイト各ページ用CSS
*/

/* cast-inner
========================================== */
.cast-inner{
	padding: 43px 0 63px;
}
.cast-inner .d-box-title{
	background: url(../images/cast/cast-title.png) no-repeat;
	background-size: cover;
	background-position: left bottom;
	height: 0;
	padding-top: 9.4%;
}
.cast-inner .cast-box-body{
	margin-top: 58px;
	border: 4px solid #1f140d;
	background: #fff;
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
}
.cast-inner .cast-overview-title{
	border-bottom: 4px solid #1f140d;
	padding-bottom: 31px;
}
.cast-inner .cast-overview-title span{
	height: 31px;
	text-indent: -9999px;
	margin: 0 auto;
	display: block;
}
.cast-inner .staff-overview{
	padding-top: 90px;
}
.cast-inner .cast-overview .cast-overview-title span{
	background: url(../images/cast/cast-h3-cast.png) no-repeat;
	background-size: cover;
	width: 115px;
}
.cast-inner .staff-overview .cast-overview-title span{
	background: url(../images/cast/cast-h3-staff.png) no-repeat;
	background-size: cover;
	width: 131px;
}
.cast-inner .cast-overview p{
	padding-top: 50px;
	line-height: 1.8;
}
.cast-inner .staff_credit{
	display: inline-block;
	margin: 50px 0 0 0;
	text-align: left;
}
.cast-inner .staff_credit .title{
	text-align: right;
	padding-right: 1em;
}
.cast-inner .staff_credit .name{
	padding-left: 1em;
}

/* ---------------------------------
 SP用
--------------------------------- */
@media only screen and (max-width: 600px) {
	.cast-inner{
		padding: 4.6875% 3.125% 6.25%;
	}
	.cast-inner .d-box-title{
		background: url(../images/cast/cast-title-sp.png) no-repeat;
		background-size: cover;
		background-position: left bottom;
		padding-top: 15.6%;
	}
	.cast-inner .cast-box-body{
		margin-top: 1.5625%;
		padding: 6.25% 6.25% 5.46875%;
		font-size: 4.0625vw;
		display: block;
		border: 2px solid #1f140d;
	}
	.cast-inner .cast-overview-title{
		border-bottom: 2px solid #1f140d;
		padding-bottom: 4.6875%;
	}
	.cast-inner .cast-overview-title span{
		height: 0;
	}
	.cast-inner .staff-overview{
		padding-top: 10.9375%;
	}
	.cast-inner .cast-overview .cast-overview-title span{
		width: 17.96875%;
		padding-top: 4.9%;
	}
	.cast-inner .staff-overview .cast-overview-title span{
		width: 20.46875%;
		padding-top: 4.7%;
	}
	.cast-inner .cast-overview p{
		padding-top: 5.46875%;
	}
	.cast-inner .staff_credit{
		margin-top: 5.46875%;
	}
}

/* ---------------------------------
 PC用
--------------------------------- */
@media screen and (min-width: 993px) {
	.cast-inner .cast-box-body{
	    padding: 75px 120px 70px!important;
	}
}

/* ---------------------------------
 tablet FONT用
--------------------------------- */
@media screen and (min-width : 601px){
	.cast-inner .cast-box-body{
	    padding: 75px 20px 70px;
	}
}