@charset "UTF-8";
/* TBS reset */
.alt { position: absolute; top: -5000px; left: -9999px; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.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, .bt { font-weight: inherit; }
b, strong, .bt { 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; }
figure { margin: 1em 40px; }
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; font-weight: 900; font-size: 105%; font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
.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: 640px) { 
.s_rsmp, .s_rsmpi { display: none; } 
.s_wsmp { display: -webkit-block; display: block; } 
.s_wsmpi { display: -webkit-inline; display: inline; } 
}
@media (min-width: 768px) { 
.s_wsmp, .s_wsmpi { display: none; } 
.s_tablet { display: -webkit-block; display: block; } 
.s_tableti { display: -webkit-inline; display: inline; } 
}
@media (min-width: 1000px) { 
.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;}
div#con-body { width: 100%; text-align: center; margin: auto; line-height: normal; -webkit-text-size-adjust: none; vertical-align: baseline; margin: 0; padding: 0; z-index: 0; font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;}
#container { width: 100%; min-height: 100%; z-index: 1; font-size: 80%;}
#wrap { box-sizing: border-box; width: 100%; text-align: left; margin: 0 auto; line-height: 140%; max-width: 980px; position: relative;}
#wrap:before, #wrap:after { content: ""; display: table;}
#wrap:after { clear: both;}
/*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*/
.pd5 { padding: 5px;}
.pdt10 { padding-top: 10px;}
.pdb10 { padding-bottom: 10px;}
.pdtb10 { padding: 10px 0;}
.pdtb20 { padding: 20px 0;}
.ls0 { letter-spacing: 0;}
.ls1 { letter-spacing: .1em;}
.ls2 { letter-spacing: .2em;}
/*etc*/
@media print { .noprint { display: none;} }
.sdt { text-shadow: 1px 2px 2px rgba(100, 100, 100, .2); -moz-text-shadow: 1px 2px 2px rgba(100, 100, 100, .2); -webkit-text-shadow: 1px 2px 2px rgba(100, 100, 100, .2);}
ruby { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
/*lazyload*/
.lazyload, .lazyloading { opacity: 0;}
.lazyloaded { opacity: 1; transition: all 1500ms;}
/*fadein*/
.fadein { -webkit-animation: fadeIn 2s ease 0s 1 normal; animation: fadeIn 5s ease-in-out 1;}
@-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
/*fadeout*/
.fadeout { -webkit-animation: fadeout 2s ease 0s 1 normal; animation: fadeout 5s ease-in-out 1;}
@-webkit-keyframes fadeout { 0% {opacity: 1} 100% {opacity: 0}}
@keyframes fadeout { 0% {opacity: 1} 100% {opacity: 0}}
/*loader*/
.spinner, .spinner0 { width: 70px; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); display: none;}
.spinner > div { width: 10px; height: 10px; margin: 0 5px; background-color: rgba(227, 0, 127, .8); border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner0 > div { width: 10px; height: 10px; margin: 0 5px; background-color: rgba(255, 255, 255, .8); border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner .b1, .spinner0 .b1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.spinner .b2, .spinner0 .b2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s;}
@-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) }}
@keyframes sk-bouncedelay { 0%, 80%, 100% { transform: scale(0); transform: scale(0);} 40% { transform: scale(1.0); transform: scale(1.0);}}
/*bn*/
.bnsp { width: 300px; height: 250px; margin: 20px auto 0 auto;}
/*snsbtn*/
.twtfb { box-sizing: border-box; width: 100%; max-width: 300px; height: 26px; overflow: hidden; margin: 20px auto 50px auto; position: relative; z-index: 1000;}
.twtbtn { width: 30%; height: 26px; position: absolute; top: 0; right: 53%;}
.fbbtn { width: 55%; height: 26px; overflow: hidden; position: absolute; top: 0; left: 47%;}
.ifss { height: 21px; overflow: hidden; border: 0; background-color: transparent;}
/*color*/
.glay { color: rgba(150, 150, 150, 1);}
.wt { color: rgba(255, 255, 255, 1);}
.yel, .yellow { color: rgba(241, 206, 0, 1);}
.red { color: rgba(230, 10, 10, 1);}
.orange { color: rgba(254, 121, 80, 1);}
.black { color: rgba(0, 0, 0, 1);}
.blue { color: rgba(83, 143, 218, 1);}
.purple { color: rgba(78, 0, 208, 1);}
.green { color: rgba(9, 132, 0, 1);}
.pink { color: rgba(243, 72, 153, 1);}
.brown { color: rgba(144, 68, 0, 1);}
.gold { color: rgba(204, 153, 51, 1);}
.bluegreen { color: rgba(11, 157, 155, 1);}
.darkblue { color: rgba(0, 45, 158, 1);}
.darkpink { color: rgba(195, 0, 128, 1);}
.lightgreen { color: rgba(0, 198, 89, 1);}
.lightpurple { color: rgba(206, 0, 219, 1);}
a:link { color: rgba(227, 0, 127, 1);}
a:visited { color: rgba(227, 0, 127, 1);}
a:active { color: rgba(56, 89, 174, 1);}
a:hover { color: rgba(219, 93, 37, 1);}
a:hover .black, a:hover .red, a:hover .orange, a:hover .yellow, a:hover .blue, a:hover .purple, a:hover .green, a:hover .pink, a:hover .brown, a:hover .gold, a:hover .bluegreen, a:hover .glay, a:hover .darkblue, a:hover .darkpink, a:hover .lightgreen, a:hover .lightpurple { color: rgba(219, 93, 37, 1);}

/*btn*/
.btn { width: 80%; max-width: 320px; margin: 20px auto 10px auto;}
.message .btn1 { margin: 0 auto 15px auto;}
.message .btn2 { margin: 15px auto 0 auto;}
a.cp_btn { box-sizing: border-box; display: block; text-decoration:none; width: 100%; padding: 20px 5px; text-align: center; font-size: 110%; font-weight: bold; line-height: 120%; font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; color: rgba(255, 255, 255, 1); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: rgba(227, 0, 127, 1); overflow: hidden;}
a.cp_btn span { display:inline-block; transition: .5s;}
a.cp_btn:hover { background: rgba(254, 106, 79, 1);}
a.cp_btn:hover span { transform: rotateX(360deg);}
.btn0 { box-sizing: border-box; display: block; text-decoration:none; width: 100%; padding: 20px 5px; text-align: center; font-size: 110%; font-weight: bold; line-height: 120%; font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; color: rgba(255, 255, 255, 1); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: rgba(200, 200, 200, .8); overflow: hidden;}
.btn0 .yellow { color: rgba(150, 150, 150, 1);}

/*COMMON*/
body { background-color: rgba(255, 255, 255, 1);}
div#con-body { text-align: center; z-index: 0; font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif; width: 100%; margin: 0 auto; font-size: 65%; line-height: 100%; position: relative; background: rgba(255, 255, 255, 1); color: rgba(0, 0, 0, 1); -webkit-text-size-adjust: none; vertical-align: baseline; margin: 0; padding: 0; text-align: center; z-index: 0;}
#container { overflow-x: hidden; box-sizing: border-box; width: 100%; z-index: 1; position: relative; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/logo_bg-s.png);}
#container.poster { background: rgba(255, 255, 255, 0);}
#wrap { box-sizing: border-box; width: 100%; max-width: 1000px; margin: 0 auto; padding: 4px 0 0 0; text-align: left; line-height: 140%; font-size: 160%; position: relative;}
.soon { -webkit-opacity: .3; -moz-opacity: .3; opacity: .3;}
.udl { border-bottom: 2px dotted rgba(0, 0, 0, .5);}
/*_spot*/
#spotsp { width: 100%; max-width: 600px; margin: 0 auto; border: 1px solid rgba(255, 255, 255, 1); background: rgba(0, 0, 0, 1); box-shadow: 0 2px 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);}
#movie { width: 100%; height: 0; padding-top: 56.25%; position: relative; z-index: 500000;}
#movie iframe { box-sizing: border-box; width: 100%; height: 100%; border: 0; position: absolute; top: 0; left: 0; overflow: hidden;}
#spotsp .nojs { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); color: rgba(255, 255, 255, 1);}
#movie .main_photo { width: 100%; height: 0; padding-top: 56.25%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#movie .photo_fadein { display: none;}
/*header*/
#header { width: 100%; max-width: 1000px; margin: 0 auto;}
#header0 { width: 100%; max-width: 900px; margin: 0 auto;}
#logo_sp { width: 100%; height: 0; padding-top: 65.517241379310345%; position: relative;}
#logo_fadein { width: 100%; height: 0; padding-top: 65.517241379310345%; position: absolute; top: 0; left: 0; display: none;}
#logo { width: 100%; height: 0; padding-top: 65.517241379310345%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#logo img, #logo a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#logo.lazyloaded { opacity: 1; transition: all 2500ms;}
/*_onair*/
#onair_sp { width: 100%; height: 0; padding-top: 33.928571428571429%; position: relative;}
#onair_fadein { width: 100%; height: 0; padding-top: 33.928571428571429%; position: absolute; top: 0; left: 0; display: none;}
#onair { width: 100%; height: 0; padding-top: 33.928571428571429%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#onair_sp img { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
/*footer*/
#footer { width: 100%; background-repeat: no-repeat; -webkit-background-size: 160%; background-size: 160%; background-image: url(../img/btm_bg.png); background-position: bottom left; padding-top: 20px;}
#copyright { width: 63%; font-size: 130%; line-height: 140%; text-align: left; padding: 20px 0 15px 5%; line-height: 130%;}
#pgtpsp { width: 32%; max-width: 190px; position: fixed; bottom: 0; right: 0; }
#pgtp { width: 100%; height: 0; padding-top: 78.947368421052632%; position: relative; display: block; z-index: 500000;}
#pgtp a { width: 100%; height: 0; padding-top: 78.947368421052632%; position: absolute; top: 0; left: 0; display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/pgtp.png); -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; z-index: 500000;}
#pgtp a:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1;}
#copyright { width: 50%; font-size: 130%; line-height: 140%; text-align: left; padding: 20px 0 15px 5%; line-height: 130%;}
#tororosp { width: 50%; max-width: 320px; position: absolute; bottom: 0; right: 0;}
#tororo { width: 100%; height: 0; padding-top: 62.5%; display: block; margin: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/tororo.png); z-index: 500000; position: relative;}
#tororo a { width: 100%; height: 0; padding-top: 62.5%; display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/tororo2.png); position: absolute; bottom: 0; right: 0; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0;}
#tororo a:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1;}
/*basic_nav*/
#basic_nav { box-sizing: border-box; width: 100%; max-width: 640px; margin: 0 auto; padding: .5em 0;}
#basic_nav ul:before, #basic_nav ul:after { content: ""; display: table;}
#basic_nav ul:after { clear: both;}
#basic_nav li .mn_sp a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#basic_nav .mn_nmset { width: 100%; text-align: center; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); line-height: 105%; font-weight: bold; font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
#basic_nav .mn_nmset .mn_jnm { letter-spacing: .1em; display: block;}
#basic_nav a:hover { background: rgba(255, 255, 255, .3);}
#basic_nav a:link .mn_nmset { color: rgba(212, 71, 87, 1);}
#basic_nav a:hover .mn_nmset { color: rgba(219, 93, 17, 1);}
#basic_nav .mn_nmset .mn_enm { font-size: 80%; display: block; }
#basic_nav a:link .mn_nmset .mn_enm { color: rgba(212, 71, 87, .6);}
#basic_nav a:hover .mn_nmset .mn_enm { color: rgba(219, 93, 17, .6);}

/*for_W420-*/
@media screen and (min-width: 420px) {
#copyright { width: 60%; padding: 40px 0 25px 5%;}
#tororosp { width: 40%;}
}

/*for_W640-*/
@media screen and (min-width: 640px) {
#copyright { width: 65%; padding: 40px 0 25px 5%;}
#tororosp { width: 35%;}
}

/*for_W768-*/
@media screen and (min-width: 768px) {
#copyright { width: 68%; padding: 40px 0 25px 5%;}
#tororosp { width: 32%;}
}

/*for_W1000-*/
@media screen and (min-width: 1000px) {
#container { box-sizing: border-box; width: 100%; z-index: 1; position: relative; background-repeat: no-repeat; -webkit-background-size: auto; background-size: auto; background-image: url(../img/logo_bg.png); background-position: top center;}
#container.poster { background: rgba(255, 255, 255, 0);}
#contents { width: 980px; margin: 0 auto; padding-bottom: 15px;}
#contents:before, #contents:after { content: ""; display: table; }
#contents:after { clear: both; }
/*_onair*/
#onair_sp { width: 100%; height: 0; padding-top: 10%;}
#onair { width: 100%; height: 0; padding-top: 10%;}
#onair_all0 #onair_sp { width: 100%; height: 0; padding-top: 33.928571428571429%;}
#onair_all0 #onair { width: 100%; height: 0; padding-top: 33.928571428571429%;}
/*countdown*/
#cdall { width: 50%; max-width: 500px;}
}