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

.unit{ padding:0; text-align: center; position: relative;}
.unit h2 {font-family: "ff-good-headline-web-pro", sans-serif;
font-weight: 800;
font-style: italic;
font-size: 4em; letter-spacing: -0.01em;
border-left: solid 10px #000; padding: 15px 0 0 20px; display: inline-block; position: absolute; top:0; left: 0; }

/*.prd { font-size: 0.95em; letter-spacing: -0.05em; }*/



@media all and (min-width: 768px) {
	.low div.wrap .contentsBlock { padding: 30px 20px;}
	.unit{ padding:20px 10px;}
	.low div.wrap .unit:not(:last-child) { margin-bottom: 60px;}
	.unit h2 { height: 280px;}

	.person { display: block;}
}

@media all and (max-width: 767px) {
	.low div.wrap .contentsBlock {padding: 1em 0;}

	.unit h2 { height: 150px; font-size: 2.5em; border-left: solid 5px #000; padding: 5px 0 0 12px; left: 10px; }
	.unit{ padding:55px 0px 0;}
	.low div.wrap .unit:not(:last-child) { margin-bottom: 3em;}
	.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: 500;
}
table th {
 text-align:right;
 white-space: nowrap;
 line-height: 2.5;
 font-weight: 700;
}
#castBlock table th {
 color: #00ab50;
}
#staffBlock table th {
 color: #0070c6;
}


table td.naka {
 text-align:center;
 width:2em; font-size: 0.8em;
}
table th, table td {
 vertical-align: baseline;
	line-height: 1.5em;
}
table tr.pdb th, table tr.pdb td {
    padding-bottom: 2em;
}

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


@media all and (min-width: 768px) {
	table {font-size:1.4em;}
	
	#castBlock table th {width: 440px;}
	#staffBlock table th {width: 440px;}
	#castBlock table td {width: 440px;}
	#staffBlock table td {width: 440px;}
	#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: 48%;
}
#staffBlock table th {
 width: 38%;
}
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: 45%;
}
#staffBlock table th {
 width: 38%;
}
}
