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

.unit{ padding:0 0 0em; text-align: center;}
.unit h2 {margin-bottom: 5px; background-repeat: no-repeat; background-position: left top; background-size: contain; text-indent: -9999px;
}
#castBlock.unit h2 { background-image: url(../img/caststaff/h2_cast.png);}
#staffBlock.unit h2 { background-image: url(../img/caststaff/h2_staff.png);}
.prd { font-size: 0.95em; letter-spacing: -0.05em; }
#castBlock { border-bottom: 1px solid #000;}


@media all and (min-width: 768px) {
	#contentsArea {
	background-image: url(../img/caststaff/bg_cont.png);
	background-repeat:no-repeat;
	background-position: top center;
}
	
	.unit h2 { height: 75px;}
	.low div.wrap .contentsBlock:not(:last-child) { margin-bottom: 60px;}
	#castBlock, #staffBlock { padding: 40px 10px;}
	.person { display: block;}
}

@media all and (max-width: 767px) {
	#contentsArea { padding-top: 20px;
	background-image: url(../img/caststaff/bg_cont_sp.png);
	background-repeat:no-repeat;
	background-position: top center;
}
	.unit h2 { height: 45px; margin-bottom: 2em;}
	#castBlock { padding: 15px 0px 30px; margin-bottom: 1em;}
	#staffBlock { padding: 15px 0px;}
	.person { display: block; line-height: 1.2em; padding-bottom: 0.5em;}
	.person:last-child { padding-bottom: 0;}
	

	.prd {letter-spacing: -0.04em; line-height: 1.2em; }
	

	
}



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

table {
 border-collapse:collapse;
 border-spacing:0;
 margin: 0 auto;
 letter-spacing: 0.05em;
}
table th ,
table td {
 padding-bottom: 0.8em;
}
table tr.mgb th ,
table tr.mgb td{
 padding-bottom: 2.0em;
}
table tr.space th ,
table tr.space td {
 padding-bottom: 0;
}
table th ,
table td.naka {
 text-align:left;
}
table td {
 text-align:left; font-weight: normal;
}
table th {
 text-align:right;
 white-space: nowrap;
 line-height: 2.5;
	font-weight: 900;
}
#castBlock table th {
 color: #fe6102;
}
#staffBlock table th {
 color: #f2637f;
}


table td.naka {
 text-align:center;
 width:2em;
}
table th, table td {
 vertical-align: baseline;
	line-height: 1.5em;
}

.notes {font-size: 0.7em; line-height: 1.6em;}


@media all and (min-width: 768px) {
	table {font-size:1.4em;}
	
	#castBlock table th {width: 420px;}
	#staffBlock table th {width: 380px;}
	#castBlock table td {width: 460px;}
	#staffBlock table td {width: 500px;}
	#castBlock table td.naka, #staffBlock table td.naka { width: 40px;}

}
@media all and (max-width: 767px) {
 table {
 font-size:1.1em; margin: 0 auto; width: 100%;
	}
#castBlock table th {
 width: 45%;
}
#staffBlock table th {
 width: 40%;
}
table th ,
table td {
 padding-bottom: 0.8em;
}
table tr.mgb th ,
table tr.mgb td{
 padding-bottom: 2em;
}
	
.notes {font-size: 0.65em; padding-top: 0.3em;}
.person .notes { line-height: 1.0em;}
.say{font-size: 0.7em;}
.song {letter-spacing: -.04em;}
}

@media all and (max-width: 379px) {
#castBlock table th {
 width: 40%;
}
#staffBlock table th {
 width: 20%;
}
}
