/*スタッフ*/
.caststaff #contentsArea .contentsBlock {}
#castArea, #staffArea { background-color: rgba(255, 255, 255, 0.6); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08); margin: 0 auto;}
.unit{ padding:0 0 0em; text-align: center; position: relative;
border-top: 8px solid;
border-image: linear-gradient(to right, #FB99A6, #FFD992, #66D4EF) 1;
}
.unit h2 { margin: 0 auto; background-color: #fff; border-bottom: solid 1px #ddd;
	font-family: pennypacker-wide, sans-serif;
	font-weight: 800;
	font-style: normal;}

.prd { font-size: 0.95em; letter-spacing: -0.05em; }
.person { display: block; line-height: 1.2em; padding-bottom: 0.5em;}
.person:last-child { padding-bottom: 0;}

.fnt{font-family: "Noto Sans JP", "Helvetica Neue", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;}

#staffArea {}
#staffBlock {}

#castBlock h4 {
    color: #E7434B;
    font-weight: 700;
    text-align: center;
    line-height: 2.0em;
	padding-bottom: 0.6em;
}

@media all and (min-width: 768px) {
	#castArea, #staffArea {width: 1080px; padding: 0;}
	#castArea { margin-bottom: 80px;}
	.unit {padding:0 0 30px;}
	.unit h2 { font-size: 2em; padding: 25px 0; margin-bottom: 40px;}
	.bookTitle {font-size: 0.8em;}
	#staffArea { }
	#castBlock h4 { font-size: 1.4em;}
}

@media all and (max-width: 767px) {
	#castArea, #staffArea { width: 96%;}
	#castArea { margin-bottom: 30px;}
	.unit {padding:0 0 15px; border-top: 5px solid;}
	.unit h2 { font-size: 1.5em; padding: 15px 0; margin-bottom: 30px;}
	.prd {letter-spacing: -0.04em; line-height: 1.2em; }
	.bookTitle {font-size: 0.75em;}
	#castBlock h4 { font-size: 1.0em;}
}

@media all and (max-width: 389px) {
	.prd {letter-spacing: -0.01em; }
}



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

table {
 border-collapse:collapse;
 border-spacing:0;
 margin: 0 auto 0em;
 letter-spacing: 0.05em;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}
table th ,
table td {
 padding-bottom: 0.6em;
}
#castBlock table#nazeMember th,
#castBlock table#nazeMember td {
	display:block; line-height: 2.0em; text-align: center; width: 100%;
}
#castBlock table#nazeMember th { padding-bottom: 0;}
#staffBlock table th ,
#staffBlock table td {
display: block; text-align: center;
}
#staffBlock table td {
 padding-bottom: 1.5em;
}
table tr.mgb2 th ,
table tr.mgb2 td{
 padding-bottom: 2.0em;
}
#staffBlock table tr.mgb0 th ,
#staffBlock table tr.mgb0 td{
 padding-bottom: 0.3em;
}
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: #E7434B;
}
#staffBlock table th {
 color: #1877ad;
}


table td.naka {
 text-align:center;
 width:2em;
}
#staffBlock table td.naka { display: none;}
table th, table td {
 vertical-align: baseline;
	/*vertical-align: top;*/
	line-height: 1.5em;
}
table tr.pdb th, table tr.pdb td {
    padding-bottom: 2em;
}
table dl {display: flex;
	flex-wrap: wrap;
	justify-content: center;}
table dl dt { width: 16em; text-align: right;}
table dl dd { width: 15em; text-align: left;}
table dl .person:last-child {
    padding-bottom: 0.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: 440px;}
	#castBlock 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; width: 100%;
	}
#castBlock table th {
 width: 45%;
}
#staffBlock table th {
 width: 100%;
}
table th ,
table td {
 padding-bottom: 0.6em;
}
#staffBlock table th{
 padding-bottom: 0.4em;
}
#staffBlock table td {
 padding-bottom: 1.2em;
}
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: -.02em;}
castBlock .prd { font-size: 0.95em;}
	table dl dt { width: 10em; text-align: right;}
table dl dd { width: 9em; text-align: left;}
}

@media all and (max-width: 379px) {
	#castBlock .prd { font-size: 0.9em;}
}