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

.unit{ padding:0 0 2em; text-align: center;}

.unit h2 { margin: 0 auto 40px; padding:0 0.2em 0.3em; display: inline-block; text-align: center;
color: #ffeb00;
font-size: 2.0em;
font-family: fira-sans, sans-serif;
	font-style: normal;
	font-weight: 700;
	border-bottom: solid 1px #ffeb00;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.8);
}
.unit#staffBlock h2 { margin: 0 auto 15px;}




.read { line-height: 1.5em; margin: 0 auto 30px; font-size: 0.95em;}
.prd { font-size: 0.9em; letter-spacing: -0.05em; }

@media all and (min-width: 768px) {
.unit#castBlock { padding-bottom: 3em;}
	
	.person { line-height: 1.1em; padding-right: 1em;}
	.person:last-child { padding-right: 0;}
	
	.ph_cut, .ph_cut span {
    width: 950px;
    height: 210px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
		margin: 0 auto 5px;
}
}

@media all and (max-width: 767px) {
	.unit h2 { font-size: 1.4em; margin: 0 auto 25px;}
	.unit:last-child{ padding:0 0 0.5em;}
	
	.unit#castBlock { padding-top: 1em;}
	
	/*.person { display: block; line-height: 1.1em; padding-bottom: 0.6em;}
	.person:last-child { padding-bottom: 0;}*/
	
	dl .person { display: inline; padding-right: 0.7em;}
	dl .person:last-child { padding-right: 0;}
	
	.read { line-height: 1.5em; margin: 0 auto 25px; font-size: 0.8em;}
	.prd {letter-spacing: -0.05em; line-height: 1.2em; }
	
	.ph_cut {margin: 0 0;}
	.ph_cut span {
    height: 0;
    padding: 22.105% 0 0;
    position: relative;
	}
	
}


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

table {
 border-collapse:collapse;
 border-spacing:0;
 margin: 0 auto;
 letter-spacing: 0.05em;
}
table th ,
table td {
 padding-bottom: 1em;
	font-weight: normal;
}
table tr.mgb th ,
table tr.mgb td{
 padding-bottom: 2.5em;
}
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: #9ee5ff;
 white-space: nowrap;
 line-height: 2.5;
}


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.7em; line-height: 1.5em; }

#staffBlock dl { text-align: left; padding-bottom:1em;}
#staffBlock dl.mgb{padding-bottom: 2em;}
#staffBlock dl dt {color: #9ee5ff;
 white-space: nowrap;
}
#staffBlock dl dd.naka {
 font-family: sans-serif;
 color:#999;
 text-align:center;
 width:2em;
}

@media all and (min-width: 768px) {
	table, dl {font-size:1.4em;}
	
	#castBlock table th {
 width: 45%;
}
	#staffBlock table th {
 width: 40%;
}
	#staffBlock dl dt { width: 40%; text-align: right;}
	.song {letter-spacing: -.01em;}
	#staffBlock dl dt, #staffBlock dl dd { display: inline-block; vertical-align: top; line-height: 1.2em;}
}
@media all and (max-width: 767px) {
 table, dl {
 font-size:1.0em;
	}
#castBlock table th {
 width: auto;
}
#staffBlock table th {
 width: auto;
}
table th ,
table td {
 padding-bottom: 0.8em;
}
table tr.mgb th ,
table tr.mgb td{
 padding-bottom: 2em;
}
	#staffBlock dl dt, #staffBlock dl dd {line-height: 1.5em; text-align: center;}
.notes {font-size: 0.5em;}
.song {letter-spacing: -.04em;}
	dd.naka { display: none;}
}