/* TBS reset */
.alt { position: absolute; top: -5000px; left: -9999px; }
.clearfix:after { content: ""; clear: both; display: block; }
.hide-txt { text-indent: 110%; white-space: nowrap; overflow: hidden; }
.fp-causion { display: none; }
.cover { width: 100%; height: 100%; background: url(/um/img/cover.png) repeat; display: block; position: absolute; top: 0; left: 0; }
@media screen and (min-width: 768px) { .alt-pc { position: absolute; top: -5000px; left: -9999px; }
  .clearfix-pc:after { content: ""; clear: both; display: block; }
  .hide-txt-pc { text-indent: 110%; white-space: nowrap; overflow: hidden; } }
@media screen and (max-width: 767px) { .alt-smp { position: absolute; top: -5000px; left: -9999px; }
  .clearfix-smp:after { content: ""; clear: both; display: block; }
  .hide-txt-smp { text-indent: 110%; white-space: nowrap; overflow: hidden; } }
/* RESETS NL4.0.0base */
html, body, main, div, p, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, ruby { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
ol, ul { list-style: none; }
a img, form, fieldset { border: none; }
input, button, select { vertical-align: middle; }
textarea { vertical-align: top; overflow: auto; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress { display: inline-block; }
progress { vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template, .nt { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline-width: 0; }
a:link, a:hover { text-decoration: none; }
abbr { cursor: help; border-bottom: 1px dotted #bbb; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: inherit; }
b, strong { font-weight: bolder; } /*Chrome, Edge, and Safari*/
dfn { font-style: italic; }
h1, h2, h3, h4, h5 { font-weight: lighter; }
mark { background: yellow; color: black; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border-style: none; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
button, input, select, textarea { font: inherit; }
optgroup { font-weight: bold; }
button, input, select { overflow: visible; } /*Edge, IE*/
button, input, select, textarea { margin: 0; } /*Firefox and Safari*/
button, select { text-transform: none; } /*Edge, Firefox, and IE*/
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; }
[disabled] { cursor: default; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /*Android 4, iOS*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /*Firefox*/
button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } /*Edge and IE ...etc*/
textarea { overflow: auto; } /*IE*/
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } /*IE10-*/
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /*Chrome*/
[type="search"] { -webkit-appearance: textfield; } /*Chrome and Safari*/
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /*Chrome and Safari on OS X*/
pre { overflow: auto; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
q:after, blockquote:after { clear: both; }

/* ORG */
@media print { .noprint { display: none; } }
.bnsp { width: 300px; height: 250px; }
.nt { display: none; }
.bt { font-weight: bold;}
.ut { font-weight: lighter;}
.s_rsmp, .s_wsmp, .s_tablet, .s_pc, .s_rsmpi, .s_wsmpi, .s_tableti, .s_pci { display: none; }
.s_smp { display: -webkit-block; display: block; }
.s_smpi { display: -webkit-inline; display: inline; }
@media (min-width: 480px) { 
.s_smp, .s_smpi { display: none; } 
.s_rsmp { display: -webkit-block; display: block; } 
.s_rsmpi { display: -webkit-inline; display: inline; } 
}
@media (min-width: 768px) { 
.s_rsmp, .s_rsmpi { display: none; } 
.s_tablet { display: -webkit-block; display: block; } 
.s_tableti { display: -webkit-inline; display: inline; } 
}
@media (min-width: 980px) { 
.s_tablet, .s_tableti { display: none; } 
.s_pc { display: -webkit-block; display: block; } 
.s_pci { display: -webkit-inline; display: inline; } 
}
br { letter-spacing: 0; }
.ct { text-align: center;}
.lt { text-align: left;}
.rt { text-align: right;}
/*size*/
.f300 { font-size: 300%;}
.f240 { font-size: 240%;}
.f220 { font-size: 220%;}
.f200 { font-size: 200%;}
.f180 { font-size: 180%;}
.f160 { font-size: 160%;}
.f140 { font-size: 140%;}
.f130 { font-size: 130%;}
.f125 { font-size: 125%;}
.f120, .big { font-size: 120%;}
.f110 { font-size: 110%;}
.f105 { font-size: 105%;}
.f100 { font-size: 100%;}
.f90, .small { font-size: 90%;}
.f85 { line-height: normal; font-size: 85% !important;}
.f75 { line-height: normal; font-size: 75% !important;}
.f65 { line-height: normal; font-size: 65% !important;}
/*_height*/
.lh100 { line-height: 100%;}
.lh110 { line-height: 110%;}
.lh120 { line-height: 120%;}
.lh130 { line-height: 130%;}
.lh140 { line-height: 140%;}
.lh150 { line-height: 150%;}
.lh160 { line-height: 160%;}
.lh170 { line-height: 170%;}
.lh180 { line-height: 180%;}
.lh200 { line-height: 200%;}
.lh230 { line-height: 230%;}
/*space*/
.ls0 { letter-spacing: 0;}
.ls1 { letter-spacing: .1em;}
.ls2 { letter-spacing: .2em;}

/* =================================
	sicks_specsaga CSS
================================= */

/* fadeIn */
@keyframes fadeIn { from { opacity: 0;} to { opacity: 1;}}
/* link */
a:link { text-decoration:underline; color: rgba(234, 178, 102, 1);}
a:visited { text-decoration:none; color: rgba(234, 178, 102, 1);}
a:active { text-decoration:none; color: rgba(234, 178, 102, 1);}
a:hover { text-decoration:underline; color: rgba(234, 178, 102, 1);}
/* text-color */
.gray {color:#808080;}
.black {color:#171717;}
.purple {color:#a757a8;}
.ultramarine {color:#465daa;}
.blue {color:#0067c0;}
.lightblue {color:#afdfe4;}
.deepgreen {color:#060;}
.green {color:#008000;}
.yellowgreen {color:#b9c42f;}
.yellow {color:#ffb74c;}
.orange {color:#ff7b00;}
.pink {color:#f58f98;}
.vermilion {color:#ef454a;}
.red {color: rgba(237, 26, 61, 1);}
.carmine {color:#c22047;}
.magenta {color:#ec008c;}
.brown {color:#994c00;}
.reddishbrown {color:#800000;}
.yellowocher {color:#c39143;}
.gold {color:#ffd700;}
.silver {color:#c0c0c0;}

.big { font-size:120%;}
.s { font-size:87.5%;}
.lazy { display:block; position:relative;}
.wbr { white-space: nowrap; display: inline-block;}
.txta-cen { text-align:center;}
.bt { font-weight: bold;}

/*	Web Fonts
============================== */
/* normal */
@font-face { font-family: 'IM Fell DW Pica'; src: url('/um/library/fonts/IM_Fell_DW_Pica/IMFePIrm28P.ttf') format("truetype");}
/* Italic */
@font-face { font-family: 'IM Fell DW Pica'; src: url('/um/library/fonts/IM_Fell_DW_Pica/IMFePIit28P.ttf') format("truetype"); font-style:italic;}
.gothic { font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif;}
.mincho { font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}

/*	background
============================== */

html, body, #con-body { background-color: rgba(24, 42, 102, 1);}
body { color:#fcfcfc; text-align:center; -webkit-text-size-adjust:100%; -ms-text-size-adjust: 100%; font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif;}
#con-body { background-image:url(../img/bg.jpg); background-repeat:repeat; background-size:80px;}
.cover { min-width:320px;}

@media all and (min-width: 768px) {
#con-body { background-position:center top; background-size:100px;}
.cover { min-width:980px;}
}

/*	copyright
============================== */

.copyright { width: 90%; margin: 0 auto; color:#e0dabe; line-height:1.25; text-align:center; font-size:80%; padding:15px 0; line-height: 100%;}
.copyright a { color: rgba(255, 204, 224, 1);}
@media all and (min-width: 768px) {
.copyright { font-size: 90%; padding:25px 0 30px;}
.copyright a:hover { text-decoration:none;}
}

/*	pagetop
============================== */
.pgt { z-index:20;}
.pgt a, .pgt span { display:block;}
.pgt a { background-image:url(../img/cmn_pgt.png); background-repeat:no-repeat; background-position: left top; width:72px; height:120px; text-indent:110%; white-space:nowrap; overflow: hidden; margin: 15px auto 0 auto; display: block;}
.pgt a:hover {transform:rotateZ(-4deg);}
@media all and (min-width: 768px) {
.pgt { -webkit-transition-duration:300ms; -webkit-transition-timing-function:ease-in-out; transition-duration:300ms; transition-timing-function:ease-in-out; transition-property:right;}
.pgt-on, .pgt-off { position:fixed;}
.pgt-on { right:40px; bottom:40px;}
.pgt-off { right:-100px; bottom:40px;}
.pgt a { margin: 0;}
}

/*	SNS buttons
============================== */
.twtfb { width: 100%; height: 26px; overflow: hidden; margin: 0 auto; padding: 12px 0 6px 0; position: relative; background-image: -webkit-gradient(linear, left top, right top, from(hsla(358,67%,45%,0)), color-stop(0.25, hsla(358,67%,45%,1)), color-stop(0.75, hsla(358,67%,45%,1)), to(hsla(358,67%,45%,0))); background-image: -webkit-linear-gradient(left, hsla(358,67%,45%,0), hsla(358,67%,45%,1) 25%, hsla(358,67%,45%,1) 75%, hsla(358,67%,45%,0)); background-image: linear-gradient(to right, hsla(358,67%,45%,0), hsla(358,67%,45%,1) 50%, hsla(358,67%,45%,1) 75%, hsla(358,67%,45%,0));}
.twtfb:before, .twtfb:after { content: ""; display: table;}
.twtfb:after { clear: both;}
.twtbtn { width: 45%; height: 26px; float: left; text-align: right; margin-right: 2%;}
.fbbtn { width: 52.8%; height: 26px; float: left; text-align: left; overflow: hidden;}
.ifss { height: 21px; overflow: hidden; border: 0; background-color: transparent;}
@media all and (min-width: 768px) {
.twtfb { width: 100%; max-width: 300px; margin-top: 30px;}
.cmn .twtfb { margin-bottom: 20px;}
}

/*	Twitter timeline
============================== */
.sns-timeline { background-color: rgba(0, 73, 110, 1); padding-bottom:12px;}
.sns-timeline h2 { background-position:center top; background-repeat:no-repeat;}
.sns-timeline h2 a { display:block; text-indent:110%;white-space:nowrap;overflow:hidden; background-image:url(../img/images.png); background-repeat:no-repeat; height:52px; background-position:center top;}
.sns-timeline h2 a:hover { -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9;}
.sns-timeline .tl-inner { background-color: rgba(255, 255, 255, 1); width:280px; height:280px; margin:0 auto;}
.menu_twitter-spot0 .sns-timeline .tl-inner { height:313px;}
@media all and (min-width: 768px) {
.sns-timeline { width: 300px; padding: 0 10px 10px 10px; float: right;}
.idx .sns-timeline { position: absolute; top: 20px; right: 0;}
.menu_twitter-spot0 .sns-timeline { position: absolute; top: 130px; right: 0;}
.cmn .sns-timeline { width: 290px; margin-bottom: -10px; padding: 0 5px 10px 5px; background-color:#55aecc;}
.cmn .sns-timeline h2 a { background-image:url(../img/images0.png);}
}


/*	contents
============================== */
#contents { box-sizing: border-box; width: 90%; max-width: 924px; margin: 10px auto;}
#contents .contents_txt { padding: 0; text-align: left; font-size: 75%;}
#contents .contents_txt p { padding: 10px 5px;}
#contents .contents_txt figure p { padding: 4px;}
#contents .contents_txt table { width: 100%; margin: 0 auto; border: 0; margin-bottom: 15px; font-size: 100%;}
#contents .contents_txt th { text-align: right; padding: 5px 1px; line-height:1.25; white-space: nowrap;}
#contents .contents_txt td { font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; text-align: left; padding: 5px; line-height:1.25; white-space: nowrap;}
#contents .contents_txt .aida { text-align: center; padding: 5px 1px;}
#contents .contents_txt .subcast { margin-bottom: 0;}
#contents .contents_txt .subcast th { width: 48%; padding: 3px 1px 3px 0;}
#contents .contents_txt .subcast .name { width: 48%; padding: 3px 0 3px 1px;}
#introduction .contents_txt dl { margin: 15px 5px;}
#introduction .contents_txt dt { font-size: 120%; color:  rgba(237, 26, 61, 1); font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
#introduction .contents_txt dt .udl { padding-bottom: 2px; border-bottom: 1px solid  rgba(237, 26, 61, 1);}
#introduction .contents_txt dd { padding: 15px 0 30px 0; line-height: 160%;}
#introduction .contents_txt dd:last-child { padding-bottom: 0;}
@media all and (min-width: 768px) {
#contents { width: 100%; font-size: 130%; margin: 20px auto;}
#contents .contents_txt { width: 85%; padding: 10px 50px; margin-left: 55px;}
#contents .contents_txt p { padding: 20px 5px;}
#contents .contents_txt table { width: 80%; font-size: 110%; letter-spacing: .2em; margin-top: 10px;}
#contents .contents_txt .subcast th { width: 48%; padding: 6px 5px;}
#contents .contents_txt .subcast .name { width: 48%; padding: 6px 5px 5px 5px;}
#contents .contents_txt .shu { max-width: 610px; font-size: 140%;}
#contents .contents_txt .shu .yaku { padding-left: 5px;}
}

/*	affiliate
============================== */
.affiliate { background-color:hsla(196, 84%, 59%, 0.5);}
.affiliate article { width: 300px; padding: 14px 0 6px 0; text-align: left; margin: 0 auto;}
.affiliate article ul { width: 100%;}
.affiliate article ul:before, .affiliate article ul:after { content: ""; display: table;}
.affiliate article ul:after { clear: both;}
.affiliate article ul li { width: 300px; height: 100px; margin-bottom: 8px; background: rgba(0, 0, 0, .1);}
.affiliate article ul li a, .affiliate article ul li a img { display:block;}
.affiliate article ul li a span { background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.affiliate article ul li a span.lazy-done { -webkit-animation: fadeIn 500ms; animation: fadeIn 500ms;}
.affiliate article ul li a img { width: 300px; height: 100px;}
.affiliate article ul li a:hover { -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9;}

@media all and (min-width: 768px) {
.idx .affiliate { padding: 30px 0 20px 0;}
.idx .affiliate article { width: 100%; max-width: 924px; margin:0 auto; padding: 0;}
.idx .affiliate article ul li { float: left; margin-left: 7px;}
.cmn .affiliate article ul { width: 280px; margin: 0 auto;}
.cmn .affiliate article ul li { width: 280px; height: 93px;}
.cmn .affiliate article ul li a img { width: 280px; height: 93px;}
}

/* =================================
	TBS Modal CSS
================================= */

/* =================================
	TBS Modal CSS
================================= */

.md-box {
	position:absolute;
	z-index:10001;
	left:50%;
	top:50%;
}
.md-close {
	padding-right:4px;
}
.md-close a, .md-close a span {
	display:block;
}
.md-box .md-close a {
	width:100%;
/*	cursor:-webkit-zoom-out;
	cursor:zoom-out; */
}
.md-close a:after {
	display:block;
	content:"";
	clear:both;
}
.md-close a span {
	float:right;
	background-repeat:no-repeat;
	font-size:2px;text-indent:110%;white-space:nowrap;overflow:hidden;
	cursor:pointer;
}
.md-inner {
	position:relative;
	background-color:#000;
	overflow:hidden;
}
.md-inner video {
	width:100%;
	max-width:100%;
	height:auto;
}
.md-inner div.md-pics {
	background-repeat:no-repeat;
	background-position:center center;
}
.md-caption {
	text-align:left;
	line-height:1.25;
	padding:0.5em 0;
}

/*	case narrow
============================== */
.md-nrw {
	width:100%;
	position:absolute;
	z-index:5200;
}
.md-nrw .md-caption {
	background-color:#000;
	bottom:0;
	width:100%;
}


@media all and (min-width: 640px), (min-height: 640px) {
.md-close a {
	height:46px;
}
.md-close a span {
	width:40px;
	height:40px;
}
.md-close a span {
	background-position:left top;
}
.md-inner {
	margin-bottom:6px;
}
.md-caption {
	font-size:75%;
}
}
@media all and (max-width: 639px), (max-height: 639px) {
.md-close a {
	height:28px;
}
.md-close a span {
	width:24px;
	height:24px;
}
.md-close a span {
	background-position:0 -200px;
}
.md-inner {
	margin-bottom:4px;
}
.md-caption {
	font-size:67.5%;
}
}

/*	customize
============================== */
.md-close a span {
	background-image:url(/um/img/btn_modal.svg);
	background-color:#000;
}
.md-inner {
	/*background-color: rgba(0,0,0,0.5);*/
	-webkit-box-shadow: rgba(0,0,0,0.5) 0px 0px 5px 2px;
	box-shadow: rgba(0,0,0,0.5) 0px 0px 5px 2px;
}
.md-caption {
	color:#fff;
	word-break:break-all;
}
@media all and (min-width: 640px), (min-height: 640px) {
.md-close a span {
	border-radius:20px;
}
}
@media all and (max-width: 639px), (max-height: 639px) {
.md-close a span {
	border-radius:12px;
}
}


div.modal-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}

/*	印刷禁止対応
============================== */
@media print {
div.modal-overlay {
	display:none;
}
.md-box, .md-close {
	display:none;
}
}