/* 	nav
============================== */
#nav #mn_cs a { filter: brightness(3) hue-rotate(180deg); -webkit-filter: brightness(3) hue-rotate(180deg); cursor: default; pointer-events: none;}

/* 	contents
============================== */
.day_title { box-sizing: border-box; width: 100%; max-width: 900px; padding: 6em 1% .5em 2%; margin: -5em auto 0 auto; background-repeat: no-repeat; -webkit-background-size: 120px; background-size: 120px; -webkit-background-position: bottom right; background-position: bottom right; position: relative; z-index: 10;}
.day_title:before, #next_sp .day_title:after { content: ""; display: table;}
.day_title:after { clear: both;}
.day_title::after { content: ""; display: block; clear: both;}
.detail { padding: 1.5em .5em; margin: 0 auto 1em auto;}
.oa_sp { width: 60%; float: left; margin: .6em 0 .6em 3%; display: block;}
.oa_sp .oa_img { width: 100%; height: 0; padding-top: 9.090909090909091%; padding-top: -webkit-calc(60 / 660 * 100%); padding-top: calc(60 / 660 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block;}
.detail .tbg { width: 120px; height: 0; padding-top: 66.48px; padding-top: -webkit-calc(277 * 120 / 500)px; padding-top: calc(277 * 120 / 500)px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; -webkit-transform: scale(1, -1); transform: scale(1, -1); opacity: .3; position: absolute; top: 0; right: 0;}
.dtl_txt { padding: .5em 1em;}
.cast, .staff { margin: 1em auto; font-size: 110%;}
#cast_dtl { position: relative; z-index: 100;}
.cast td { padding: .5em 1em; letter-spacing: .1em;}
.cast .td_ct { padding: .5em; color: rgba(69, 179, 224, 1); text-align: center;}
.cast td:first-child { font-size: 110%; text-align: right; color: rgba(0, 44, 185, 1); letter-spacing: .2em; padding-bottom: 1em;}
.cast td:first-child a { color: rgba(0, 44, 185, 1); border-bottom: 1px solid rgba(0, 44, 185, .3); padding-left: .1em;}
.cast td:first-child a:hover { color: rgba(0, 0, 0, 1); border-bottom: 1px solid rgba(0, 0, 0, .3);}
.cast td:last-child { font-size: 120%; text-shadow: 1px 1px 2px rgba(3, 0, 89, .15);}
.cast .nrs { border-top: 1px solid rgba(0, 44, 185, .5);}
.cast .nrs td { padding-top: 2em; border-top: 0 solid rgba(180, 200, 250, 1);}
.cast .nrs td:first-child { padding-bottom: .6em;}
.cast .nrs .td_ct { padding-bottom: .2em;}
.staff_title { z-index: 50;}
.staff { width: 94%; text-align: center; color: rgba(0, 44, 185, 1);}
.staff div { font-size: 120%; color: rgba(3, 0, 89, 1); text-shadow: 1px 1px 2px rgba(3, 0, 89, .15); line-height: 140%; padding: .5em 0 .75em 0; letter-spacing: .2em;}
.staff .lh100 { line-height: 100%;}
.staff .s_sbt { font-size: 65%; letter-spacing: 0; color: rgba(3, 0, 89, .75); text-shadow: 1px 1px 2px rgba(3, 0, 89, 0); line-height: 110%;}
/*for_W640-*/
@media all and (min-width: 640px) {
.cast td:first-child { padding-left: 2em;}
.staff .lh100 { line-height: 140%;}
}
/*for_W768-*/
@media all and (min-width: 768px) {
.day_title { width: 98%; -webkit-background-size: 200px; background-size: 200px;}
.oa_sp { width: 50%; margin: 1.2em 0 0 0;}
.detail .tbg { width: 200px; height: 0; padding-top: 110.8px; padding-top: -webkit-calc(277 * 200 / 500)px; padding-top: calc(277 * 200 / 500)px;}
.dtl_txt { padding: .5em 2em;}
.staff { width: 70%;}
.cast td:first-child { padding-left: 3.5em;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
.day_title { max-width: 900px; padding: 6em 0 .5em 0; -webkit-background-size: 250px; background-size: 250px;}
.detail .tbg { width: 250px; height: 0; padding-top: 138.5px; padding-top: -webkit-calc(277 * 250 / 500)px; padding-top: calc(277 * 250 / 500)px;}
.dtl_txt { padding: 1em 2.5em;}
.cast td:first-child { padding-left: 5em;}
}