/*キャスト＆スタッフ*/

@media all and (min-width: 768px) {
#contentsArea  {background-image: url(../img/caststaff/bg.png); background-repeat: no-repeat; background-position: center top;}
.contentsBlock { padding: 40px 50px;}
}
@media all and (max-width: 767px) {
#contentsArea  {
	background-image: url(../img/caststaff/sp_bg_l.png), url(../img/caststaff/sp_bg_r.png); 
	background-repeat: no-repeat, no-repeat; 
	background-position: left top, right top;
	background-size: 31.4% auto, 39% auto;
	}
.contentsBlock { padding: 30px 10px 10px;}
}

.unit{ padding-bottom: 2em;}
.unit.cast { padding-bottom: 2em;}
.unit h2 { padding-bottom: 30px; }
.unit h2 span {
	font-family: maru-maru-gothic-alr-stdn, sans-serif;
font-weight: 900;
font-style: normal;
font-size: 1.2em;
color: #149959;
background-image: url(../img/bg_tit.png); background-repeat: repeat-x; background-position: center bottom;
padding: 0 10px 10px 10px;
}

.person { display: block; line-height: 1em; padding-bottom: 0.8em;}
.person:last-child { padding-bottom: 0;}

@media all and (max-width: 767px) {
	.unit h2 { margin-bottom: 1em;}
}


/*	table
============================== */

table {
 border-collapse:collapse;
 border-spacing:0;
 margin: 0 auto;
 letter-spacing: 0.05em;
}
table th ,
table td {
 padding-bottom: 1em;
}
table tr.space th ,
table tr.space td {
 padding-bottom: 0;
}
table th ,
table td.naka {
 text-align:left;
}
table td {
 text-align:left;
}
table th {
 text-align:right;
 color: #e5007f;
 white-space: nowrap;
 line-height: 2.5;
}
.cast table th {
 width: 42%;
}
table td.naka {
 font-family: sans-serif;
 color:#999;
 text-align:center;
 width:2em;
}
table th, table td {
 vertical-align: baseline;
	line-height: 1.5em;
}

.notes {font-size: 0.5em; line-height: 1.5em; }

@media all and (min-width: 768px) {
	table {font-size:1.5em;}
	#castfBlock table th {
 width: 45%;
}
}
@media all and (max-width: 767px) {
 table {
 font-size:1.0em;
	}
#castfBlock table th {
 width: 45%;
}
.notes { line-height: 1.5em;}
}