@charset "UTF-8";
/*
 original.css
 本サイト各ページ用CSS
*/

#caststaff .contents-overview{
	width: 94.7%;
}

h2.d-box-title{
	width: 496px;
    height: auto;
	padding-top: 12%;
	background-image: url(../images/caststaff/title.png);
	background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
	font-size: 0;
    margin: 0 auto 2%;
}


#cast h3{
	width: 306px;
    height: auto;
	padding-top: 7.17%;
	background-image: url(../images/caststaff/midashi_cast.png);
	background-repeat: no-repeat;
	background-position: center left;
    background-size: contain;
	font-size: 0;
}

#staff h3{
	width: 306px;
    height: auto;
	padding-top: 7.17%;
	background-image: url(../images/caststaff/midashi_staff.png);
	background-repeat: no-repeat;
	background-position: center left;
    background-size: contain;
	font-size: 0;
	margin-top: 8%;
}

#cast ul#cast-list{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 5% auto 0 auto;
}

.caststaff-section ul#cast-list li{
	width: 48%;
	font-size: 26px;
	font-size: 2.6rem;
	margin: 0 auto;
	line-height: 3;
	text-align: right;
}

.caststaff-section ul#cast-list li:nth-child(even){
	margin: 0 0 0 2%;
	text-align: left;
}


.caststaff-section ul#cast-list_02{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 0 auto 5% auto;
}

.caststaff-section ul#cast-list_02 li{
	width: 48%;
	font-size: 26px;
	font-size: 2.6rem;
	margin: 0 auto;
	line-height: 2.5;
	text-align: right;
}

.caststaff-section ul#cast-list_02 li:nth-child(2),
.caststaff-section ul#cast-list_02 li:nth-child(5){
	margin: 0 0 0 2%;
	text-align: left;
}

.caststaff-section ul#cast-list_02 li:nth-child(3){
	width: 100%;
	text-align: center;
}

.caststaff-section dl{
	width: 95%;
	font-size: 20px;
	font-size: 2rem;
	margin: 5% auto;
	line-height: 1.6;
	text-align: center;
}

.caststaff-section dt{
	color: #d82084;
	letter-spacing: 0.5rem;
}

.caststaff-section dt:not(first-child){
	margin-top: 5%;
}

.caststaff-section dd span{
	font-size: 14px;
	font-size: 1.4rem;
}



/* ---------------------------------
 SP（〜600px）
--------------------------------- */
@media only screen and (max-width: 600px) {

h2.d-box-title{
	width: 100%;
}

#cast h3{
	width: 100%;
    height: auto;
	padding-top: calc( 62 / 600 * 100%);
}

#staff h3{
	width: 100%;
    height: auto;
	padding-top: calc( 62 / 600 * 100%);
	margin-top: 15%;
}

.caststaff-section ul#cast-list li,
.caststaff-section ul#cast-list_02 li{
	font-size: 20px;
	font-size: 2rem;
	line-height: 2.5;
}


.caststaff-section li{
	width: 46%;
	font-size: 20px;
	font-size: 2rem;
	line-height: 2.5;
}
.caststaff-section li:nth-child(even){
	margin: 0 0 0 4%;
}


.caststaff-section dl{
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
}

.caststaff-section dt:not(first-child){
	margin-top: 8%;
}

.caststaff-section dd span{
	font-size: 12px;
	font-size: 1.2rem;
}

/* ------------------------------------------------------------------
 SP 〜 tablet（〜992px）
------------------------------------------------------------------ */
@media screen and (max-width: 992px) {
}

/* ---------------------------------
 PC（993px〜）
--------------------------------- */
@media screen and (min-width: 993px) {
}