﻿/* =================================
	cast / staff
================================= */

main div.contents > h2 {
	text-align:center;
	background-position:center center;
	background-repeat:no-repeat;
	/**/
	display:flex;
	justify-content: center;
	align-items: center;
	/**/
	margin-bottom:10px;
}
main div.cast div.contents > h2 {
	background-image:url(../img/h2_1.svg);
}
main div.staff div.contents > h2 {
	background-image:url(../img/h2_2.svg);
}
main div.contents > h2 > span {
	letter-spacing:0.1em;
	text-indent:0.1em;
	color:#000;
	text-shadow:3px 3px 0 #f2b1c9;
	line-height:1;
}
main div.staff div.contents > h2 > span {
	text-shadow:3px 3px 0 #7bb2f4;
}

@media all and (min-width: 768px) {
main div.contents > h2 {
	background-size:600px 120px;
	height:120px;
}
main div.contents > h2 > span {
	font-size:350%;
}
}
@media all and (max-width: 767px) {
main div.contents > h2 {
	background-size:400px 80px;
	height:80px;
}
main div.contents > h2 > span {
	font-size:9vw;
}
}



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

div.unit article table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
}

div.unit article table tr.mgn th, div.unit article table tr.mgn td {
	padding-bottom:1.5em;
}
div.unit article table tr.nrw th, div.unit article table tr.nrw td {
	padding-bottom:0;
}

div.unit article table th, div.unit article table td {
	line-height:1.75;
	text-align:left;
	padding-bottom:0.75em;
}
div.cast article table th, div.cast article table td {
	vertical-align:baseline;
}
div.staff article table th, div.staff article table td {
	vertical-align:top;
}
div.unit article table th {
	text-align:right;
	font-weight:bold;
	white-space: nowrap;
}
div.unit article table td.naka {
	font-family: sans-serif;
	text-align:center;
}
div.cast article table th {
	color:#e92f97;
}
div.cast article table td.naka {
	color:#ed6eb5;
}
div.staff article table th,
div.cast article table tr.narration th {
	color:#0072d6;
}
div.staff article table td.naka,
div.cast article table tr.narration td.naka {
	color:#4e9ee4;
}
div.unit article table tr.overline {
	border-top:1px solid #6cbbb5;
}
@media all and (min-width: 768px) {
div.unit article table th, div.unit article table td {
	font-size:125%;
}
div.unit article table th {
	width:45%;
}
div.staff article table th {
	width:30%;
}
div.unit article table td.naka {
	width:2em;
}
}
@media all and (max-width: 767px) {
div.unit article table th, div.unit article table td {
	font-size:100%;
}
div.staff article table th, div.staff article table td {
	display:block;
	text-align:center;
}
div.staff article table th, div.staff article table td {
	line-height:1.5;
}
div.staff article table th {
	font-weight:bold;
	padding-bottom:0.25em;
}
div.staff article table td.naka {
	display:none;
}
div.cast div.unit article table th {
	width:35%;
}
div.unit article table td.naka {
	width:1.5em;
}
}
@media all and (min-width: 376px) and (max-width: 767px) {
/*
div.cast article table th {
	width:35%;
}
*/
}
@media all and (max-width: 375px) {
/*
div.cast article table th {
	width:30%;
}
*/
}
