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

.unit{ padding:0 0 2em;}

.unit h2 { width: 268px; height: 50px; margin: 0 auto 50px; padding-bottom: 0;
background-repeat:no-repeat; background-position: center top; background-size: contain; text-indent: -9999px;
}
#castBlock h2 {background-image: url(../img/caststaff/h2_cast.png); }
#staffBlock h2 {background-image: url(../img/caststaff/h2_staff.png); }

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

@media all and (min-width: 768px) {
.unit#castBlock { padding-bottom: 3em;}
}

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


/*	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: #ff80f2;
 white-space: nowrap;
 line-height: 2.5;
	font-family: ryo-gothic-plusn, sans-serif;
font-weight: 900;
font-style: normal;
}


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; }

@media all and (min-width: 768px) {
	table {font-size:1.3em;}
	#castBlock table th {
 width: 45%;
}
	#staffBlock table th {
 width: 45%;
}
}
@media all and (max-width: 767px) {
 table {
 font-size:1.1em;
	}
#castBlock table th {
 width: 45%;
}
#staffBlock table th {
 width: 45%;
}
.notes {font-size: 0.5em;}
.song {letter-spacing: -.05em; margin-left: -0.5em;}
}