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

.unit{ padding:0 0 2em; text-align: center;}
.unit h2 {
	background: -moz-linear-gradient(left, rgba(255,52,118,0.3), rgba(8,117,210,0.3));
	background: -webkit-linear-gradient(left, rgba(255,52,118,0.3), rgba(8,117,210,0.3));
	background: linear-gradient(to right, rgba(255,52,118,0.3), rgba(8,117,210,0.3));
	border-bottom: 4px solid rgba(255,52,118,0.75);
	border-image: linear-gradient(to right, rgba(255,52,118,0.75), rgba(8,117,210,0.75));
	border-image-slice: 1;
	font-family: cormorant-garamond, serif;
font-weight: 700;
font-style: normal;
	font-size: 2.4em; line-height: 1.8em; padding: 0px 25px; margin-bottom: 50px; text-align: left;}
.prd { font-size: 0.9em; letter-spacing: -0.05em; }

.caststaff2 .unit{ padding:0 0 0em; text-align: center;}
.caststaff2 .unit h2 {
	background: -moz-linear-gradient(left, rgba(220,107,145,0.4), rgba(107,168,206,0.4));
	background: -webkit-linear-gradient(left, rgba(220,107,145,0.4), rgba(107,168,206,0.4));
	background: linear-gradient(to right, rgba(220,107,145,0.4), rgba(107,168,206,0.4));
	border-bottom: 4px solid rgba(220,107,145,0.9);
	border-image: linear-gradient(to right, rgba(220,107,145,0.9) 0%, rgba(107,168,206,0.9) 100%);
	border-image-slice: 1;
}


@media all and (min-width: 768px) {
	.unit#castBlock { padding-bottom: 3em;}
	.person { display: block;}
	
	.caststaff2 .contentsBlock {padding: 15px!important;}
	.caststaff2 .unit h2 {margin-bottom: 10px;}
	.caststaff2 .contentsBlock .contents {background-color: rgba(255, 255, 255, 0.90); padding: 35px 0;}
	.caststaff2 .unit#castBlock { padding-bottom: 30px;}
}

@media all and (max-width: 767px) {
	.unit h2 { font-size: 1.6em; padding: 0px 12px; margin-bottom: 30px;}
	.unit:last-child{ padding:0 0 0.5em;}
	
	.person { display: block; line-height: 1.1em; padding-bottom: 0.6em;}
	.person:last-child { padding-bottom: 0;}

	.prd {letter-spacing: -0.07em; line-height: 1.2em; }
	
	.caststaff2 .contentsBlock {padding: 8px!important;}
	.caststaff2 .unit h2 {margin-bottom: 5px;}
	.caststaff2 .contentsBlock .contents {background-color: rgba(255, 255, 255, 0.90); padding: 25px 0;}
	.caststaff2 .unit#castBlock { padding-bottom: 20px;}
	
}


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

table {
 border-collapse:collapse;
 border-spacing:0;
 margin: 0 auto;
 letter-spacing: 0.05em;
	font-family: source-han-serif-japanese, serif;
	font-weight: 700;
	font-style: normal;
}
table th ,
table td {
 padding-bottom: 1em;
}
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; font-weight: normal;
}
table th {
 text-align:right;
 color: #ff3479;
 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.6em;}
.say{font-size: 0.8em;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-style: normal;}

.caststaff2 table td { color: #000;}


@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: 95%;
	}
#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;
}
	
.notes {font-size: 0.5em; padding-top: 0.3em;}
.say{font-size: 0.7em;}
.song {letter-spacing: -.04em;}
}