/* =================================
	cast CSS
================================= */


/*	mini_tit
============================== */
.mini_tit1,.mini_tit2{
	text-align: center;
	text-shadow: 2px 2px 0px rgba(204, 204, 204, .5);
}
.mini_tit1 span,.mini_tit2 span{
	background: linear-gradient(transparent 70%, #fafb37 0%);
	padding: 5px 10px 5px;
}
.mini_tit2{
	margin:40px 0 20px;
}
.mini_tit3{
	text-align: center;
	text-shadow: 2px 2px 0px rgba(204, 204, 204, .5);
}
@media all and (min-width: 768px) {
.mini_tit1,.mini_tit2{
	font-size: 220%;
}
.mini_tit1{
	margin:0px 0 20px;
}
.mini_tit2{
	margin:80px 0 40px;
}
.mini_tit3{
	margin:40px 0 30px;
	font-size: 100%;
}
}
@media all and (max-width: 767px) {
.mini_tit1,.mini_tit2{
	font-size: 110%;
}
.mini_tit1{
	margin:10px 0 10px;
}
.mini_tit2{
	margin:30px 0 10px;
}
.mini_tit3{
	margin:30px 0 20px;
	font-size: 110%;
}
}

/*	cast_box
============================== */
.cast_box{
	line-height: 1.7;
}
.cast_box table th, .cast_box table td {
	vertical-align:bottom;
}
.cast_box table th {
	width:50%;
}
.hoka{
	text-align: right;
}
.space{
	height: 1em;
}
@media all and (min-width: 768px) {
.cast_box{
	font-size: 175%;
	padding: 20px 0 0;
}
.hoka{
	font-size: 60% !important;
}
}
@media all and (max-width: 767px) {
.cast_box{
	font-size: 125%;
	padding: 10px 0 0;
}
.hoka{
	font-size: 75%;
}
}


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

table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	font-weight: bold;
	/*text-shadow: 1px 1px 0px #d2d2d2;*/
}
table th, table td {
	vertical-align:top;
	line-height:1.5;
	text-align:left;
	padding-bottom:1em;
	/*padding-bottom:0.3em;*/
}
.cast_box table th, .cast_box table td {
	vertical-align:bottom;
}
.staff_box table th, .staff_box table td {
	padding-bottom:0.75em;
}
table th {
	text-align:right;
	font-weight:normal;
	color:#52a92c;
	white-space: nowrap;
}
.cast_box table th {
	width:47%;
	font-weight: bold;
}
table td.naka {
	font-family: sans-serif;
	color:#a4a4a4;
	text-align:center;
	width:2em;
	text-shadow:none;
	font-weight: normal;
}
.cast_box a{
	color:#d73026;
	font-weight: bold;
}
.cast_box a:hover{
	text-decoration:none;
}
@media all and (min-width: 768px) {
table th, table td {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
table th, table td {
	font-size:83%;
}
rt{
	font-weight: normal;
	letter-spacing: -1px;
}
}

/* =================================
	staff CSS
================================= */

.staff_box {
	text-align: center;
	font-weight: bold;
	/*text-shadow: 1px 1px 0px #d2d2d2;*/
	line-height: 1.7;
}
.staff_pos {
	color:#52a92c;
	font-size: 90%;
	font-weight: bold;
}
.staff_song{
	margin: 0 auto;
}
.staff_song th{
	font-weight: normal;
}
.hoka{
	text-align: right;
	font-weight: normal;
	font-size: 75%;
}

@media all and (min-width: 768px) {
.staff_box {
	margin: 0px 0 40px;
	font-size: 150%;
	line-height: 1.5;
}
.s_text{
	font-size: 85%;
}
}

@media all and (max-width: 767px) {
.staff_box {
	margin: 0px 0 25px;

}
.s_text{
	font-size: 70%;
}
}
