@charset "UTF-8";
/* 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; }
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;}
.ut { font-weight: lighter;}
.s_smp { display: -webkit-block; display: block; }
@media (min-width: 400px) { .s_smp { display: -webkit-block; display: block; } }
@media (min-width: 480px) { .s_smp { display: none; } }
.s_rsmp { display: none; }
@media (min-width: 480px) { .s_rsmp { display: -webkit-block; display: block; } }
@media (min-width: 640px) { .s_rsmp { display: none; } }
.s_wsmp { display: none; }
@media (min-width: 640px) { .s_wsmp { display: -webkit-block; display: block; } }
@media (min-width: 768px) { .s_wsmp { display: none; } }
.s_tablet { display: none; }
@media (min-width: 768px) { .s_tablet { display: -webkit-block; display: block; } }
@media (min-width: 980px) { .s_tablet { display: none; } }
.s_pc { display: none; }
@media (min-width: 980px) { .s_pc { display: -webkit-block; display: block; } }
.s_smpi { display: -webkit-inline; display: inline; }
@media (min-width: 480px) { .s_smpi { display: none; } }
.s_rsmpi { display: none; }
@media (min-width: 480px) { .s_rsmpi { display: -webkit-inline; display: inline; } }
@media (min-width: 640px) { .s_rsmpi { display: none; } }
.s_wsmpi { display: none; }
@media (min-width: 640px) { .s_wsmpi { display: -webkit-inline; display: inline; } }
@media (min-width: 768px) { .s_wsmpi { display: none; } }
.s_tableti { display: none; }
@media (min-width: 768px) { .s_tableti { display: -webkit-inline; display: inline; } }
@media (min-width: 980px) { .s_tableti { display: none; } }
.s_pci { display: none; }
@media (min-width: 980px) { .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; font-size: 85%; }
#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%;}

/*SNS link*/
#sns_link { width: 100%; max-width: 300px; margin: 20px auto 0 auto;}
#sns_link ul:before, #sns_link ul:after { content: ""; display: table; }
#sns_link ul:after { clear: both; }
#sns_link li { box-sizing: border-box; width: 48.5%; height: 50px; position: relative;}
#sns_link li a { width: 100%; height: 100%; display: block; background: rgba(255, 255, 255, 0);}
#sns_link li a:hover { background: rgba(255, 255, 255, .2);}
#sns_link li .nkmtxt { display: block; text-align: left; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 120%; font-weight: bold; padding-left: 24px; color: rgba(255, 255, 255, 1);}
#sns_link #twitter_btn { float: left; background: -moz-linear-gradient(rgba(11, 166, 203, 1) 50%, rgba(16, 154, 188, 1) 50%); background: -webkit-linear-gradient(rgba(11, 166, 203, 1) 50%, rgba(16, 154, 188, 1) 50%); background: linear-gradient(to bottom, rgba(11, 166, 203, 1) 50%, rgba(16, 154, 188, 1) 50%); font-weight: bold; letter-spacing: 0.15em; margin: auto 0; text-align: center;}
#sns_link #instagram_btn { float: right; background: -moz-linear-gradient(rgba(200, 178, 12, 1) 50%, rgba(185, 166, 17, 1) 50%); background: -webkit-linear-gradient(rgba(200, 178, 12, 1) 50%, rgba(185, 166, 17, 1) 50%); background: linear-gradient(to bottom, rgba(200, 178, 12, 1) 50%, rgba(185, 166, 17, 1) 50%); font-weight: bold; letter-spacing: 0.15em; margin: auto 0; text-align: center;}
#sns_link #twitter_btn .nkmtxt { background: url(../img/icon_twitter-w.png) no-repeat left;}
#sns_link #instagram_btn .nkmtxt { background: url(../img/icon_instagram-w.png) no-repeat left;}
/*snsbtn*/
.twtfb { width: 100%; max-width: 285px; height: 26px; overflow: hidden; margin: 30px auto 0 auto; position: relative; z-index: 1000; background: url(../img/share.png) no-repeat top left;}
#ind .twtfb { width: 100%; max-width: 285px; height: 26px; overflow: hidden; margin: 30px auto 0 auto; position: relative; z-index: 1000; background: url(../img/share_b.png) no-repeat top left;}
.twtbtn { width: 26.666666666666667%; height: 26px; position: absolute; top: 0; right: 34.666666666666667%;}
.fbbtn { width: 34.666666666666667%; height: 26px; overflow: hidden; position: absolute; top: 0; right: 0;}
.ifss { height: 21px; overflow: hidden; border: 0; background-color: transparent;}
/*common*/
div#con-body { background-color: #f1f0ee; background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 50%, #ffffff 50%, #ffffff 75%, transparent 75%, transparent); background-size: 6px 6px; color: rgba(0, 0, 0, 1);}
#container { display: flex; flex-direction: column; min-height: 100vh;} /*footer_bottom*/
#footer { box-sizing: border-box; width: 100%; font-size: 90%; letter-spacing: 0.1em; line-height: 100%; margin: 0; padding: 0; margin-top: auto;} /*bottom_footer*/
/*color*/
.blk { color: rgba(0, 0, 0, 1);}
.red { color: rgba(208, 77, 7, 1);}
.col, .blue { color: rgba(15, 169, 206, 1);} /*blue*/
.col2, .orange { color: rgba(255, 90, 0, 1);} /*orange*/
.col3, .yellow { color: rgba(241, 255, 177, 1);} /*yellow*/
a:link { color: rgba(205, 195, 115, 1);}
a:visited { color: rgba(205, 195, 115, 1);}
a:active { color: rgba(208, 77, 7, 1);}
a:hover { color: rgba(15, 169, 206, 1);}
/*bn*/
.bnsp { width: 300px; height: 250px; margin: 20px auto; z-index: 1000;}
@media (min-width: 1000px) { .bnsp { margin: 0;} }
/*loading*/
.loading { width: 40px; height: 16px; margin: -8px 0 0 -20px; position: absolute; top: 50%; left: 50%; -webkit-animation-delay: 0.05s; -moz-animation-delay: 0.05s; -o-animation-delay: 0.05s; animation-delay: 0.05s;}
.loading div:nth-child(1) { -webkit-animation-delay: 0.05s; -moz-animation-delay: 0.05s; -o-animation-delay: 0.05s; animation-delay: 0.05s;}
.loading div:nth-child(2) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s;}
.loading div:nth-child(3) { -webkit-animation-delay: 0.15s; -moz-animation-delay: 0.15s; -o-animation-delay: 0.15s; animation-delay: 0.15s;}
.loading div:nth-child(4) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s;}
.loading div:nth-child(5) { -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; -o-animation-delay: 0.25s; animation-delay: 0.25s;}
.loading div:nth-child(6) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s;}
.loading div:nth-child(7) { -webkit-animation-delay: 0.35s; -moz-animation-delay: 0.35s; -o-animation-delay: 0.35s; animation-delay: 0.35s;}
.loading div:nth-child(8) { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s;}
.loading div:nth-child(9) { -webkit-animation-delay: 0.45s; -moz-animation-delay: 0.45s; -o-animation-delay: 0.45s; animation-delay: 0.45s;}
.loading div:nth-child(10) { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s;}
.loading div { width: 8%; height: 100%; margin-right: 1.9%; display: inline-block; float: left; background-color: rgba(255, 102, 0, .4); -webkit-animation: loadingline 1.5s infinite ease-in-out; -moz-animation: loadingline 1.5s infinite ease-in-out; -o-animation: loadingline 1.5s infinite ease-in-out; animation: loadingline 1.5s infinite ease-in-out; -webkit-transform: scaleY(0.05) translateX(-10px); -moz-transform: scaleY(0.05) translateX(-10px); -ms-transform: scaleY(0.05) translateX(-10px); -o-transform: scaleY(0.05) translateX(-10px); transform: scaleY(0.05) translateX(-10px);}
@-webkit-keyframes loadingline { 50% { -webkit-transform: translate(-50%, -50%) rotate(360deg); -moz-transform: translate(-50%, -50%) rotate(360deg); -ms-transform: translate(-50%, -50%) rotate(360deg); -o-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); border-color: transparent transparent rgba(164, 143, 134, 0.1); } 75% { border-color: rgba(164, 143, 134, 0.1) transparent transparent; } }
@-moz-keyframes loadingline { 50% { -webkit-transform: translate(-50%, -50%) rotate(360deg); -moz-transform: translate(-50%, -50%) rotate(360deg); -ms-transform: translate(-50%, -50%) rotate(360deg); -o-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); border-color: transparent transparent rgba(164, 143, 134, 0.1); } 75% { border-color: rgba(164, 143, 134, 0.1) transparent transparent; } }
@-o-keyframes loadingline { 50% { -webkit-transform: translate(-50%, -50%) rotate(360deg); -moz-transform: translate(-50%, -50%) rotate(360deg); -ms-transform: translate(-50%, -50%) rotate(360deg); -o-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); border-color: transparent transparent rgba(164, 143, 134, 0.1); } 75% { border-color: rgba(164, 143, 134, 0.1) transparent transparent; } }
@keyframes loadingline { 50% { -webkit-transform: translate(-50%, -50%) rotate(360deg); -moz-transform: translate(-50%, -50%) rotate(360deg); -ms-transform: translate(-50%, -50%) rotate(360deg); -o-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); border-color: transparent transparent rgba(164, 143, 134, 0.1); } 75% { border-color: rgba(164, 143, 134, 0.1) transparent transparent; } }
#header .loading div { background-color: rgba(255, 255, 255, .4);}
/*footer*/
#footer { min-height: 90px; border-bottom: 6px solid rgba(103, 30, 8, .6); font-size: 104%;}
#footer #btm { box-sizing: border-box; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(103, 30, 8, 0) 30%, rgba(103, 30, 8, .5) 100%); background: -webkit-linear-gradient(top, rgba(103, 30, 8, 0) 30%,rgba(103, 30, 8, .5) 100%); background: linear-gradient(to bottom, rgba(103, 30, 8, 0) 30%,rgba(103, 30, 8, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b19383',GradientType=0 );}
#footer #copyrightsp { width: 94%; padding: 15px 0; margin: 0 auto;}
#footer #pgtp { width: 150px; height: 90px; margin: 5px auto 0 auto; z-index: 900; display: none;}
#footer #pgtp a { width: 100%; height: 100%; display: block; background: url(../img/pgtp_s.png?0) no-repeat; -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;}
#footer #pgtp a:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg);}
/*header*/
#header { width: 100%; margin: 0 auto; background: url(../img/head_bg.jpg?1) repeat-x center top;}
.con #header { background: url(../img/head_bg-con.jpg) repeat-x center top;}
#header .head { width: 100%; max-width: 1000px; margin: 0 auto;}
/*menu*/
#mnsp { width: 100%; height: 48px; margin: 0 auto; background: url(../img/mn_bg.jpg) repeat-x center top;}
#mnsp .mn_bg { width: 100%; height: 100%; background: -moz-linear-gradient(left, rgba(255,120,0,0.8) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(255,120,0,0.8) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,120,0,0.8) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7800', endColorstr='#00ffffff',GradientType=1 );}
#mnsp ul { width: 100%; height: 100%; max-width: 1000px; margin: 0 auto; position: relative;}
#mnsp ul:before, #mnsp ul:after { content: ""; display: table; }
#mnsp ul:after { clear: both; }
#mnsp li { width: 39.5%; height: 83%;}
#mnsp li a { width: 100%; height: 100%; display: block; background: rgba(50, 25, 0, .5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: rgba(229, 219, 207, 1);}
#mnsp li a:hover { background: rgba(0, 0, 0, .3); color: rgba(255, 255, 255, 1);}
#mnsp li a:hover .col2 { color: rgba(255, 248, 82, 1);}
#mnsp li .nkmtxt { box-sizing: border-box; width: 100%; display: block; text-align: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit- transform: translateY(-50%); font-size: 85% !important; font-weight: bold;}
#mnsp #home_li { width: 16%; position: absolute; top: 4px; left: 1%;}
#mnsp #home_li .n_txt { width: 20px; height: 20px; background: url(../img/n.png) no-repeat; display: block; margin: 0 auto;}
#mnsp #ranking_li { position: absolute; top: 4px; left: 18%;}
#mnsp #katsumoku_li { position: absolute; top: 4px; left: 59%;}
#mnsp #home_ul #home_li a { background: rgba(0, 0, 0, .2); cursor: default; pointer-events: none;}
#mnsp #home_ul #home_li a .nkmtxt { -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6;}
#mnsp #ranking_ul #ranking_li a { background: rgba(0, 0, 0, .2); cursor: default; pointer-events: none;}
#mnsp #ranking_ul #ranking_li a .nkmtxt { -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6;}
#mnsp #katsumoku_ul #katsumoku_li a { background: rgba(0, 0, 0, .2); cursor: default; pointer-events: none;}
#mnsp #katsumoku_ul #katsumoku_li a .nkmtxt { -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6;}

/*IND*/
/*header*/
#header .headsp { width: 100%; height: 0; padding-top: 31.25%; position: relative; overflow: hidden;}
#header .headimg { width: 100%; height: 0; padding-top: 31.25%; position: absolute; top: -100%; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
/*next_onair*/
#next_set { background: -moz-linear-gradient(rgba(241, 237, 230 ,1) 50%, rgba(221, 209, 193 ,1) 50%); background: -webkit-linear-gradient(rgba(241, 237, 230 ,1) 50%, rgba(221, 209, 193 ,1) 50%); background: linear-gradient(to bottom, rgba(241, 237, 230 ,1) 50%, rgba(221, 209, 193 ,1) 50%);}
#next_onair { box-sizing: border-box; width: 100%; margin: 0 auto; padding: 4px; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#next_onair:before, #next_onair:after { content: ""; display: table; }
#next_onair:after { clear: both; }
#next_onair h2, #next_onair .nkm { display: inline;}
#next_onair h2 { box-sizing: border-box; width: 21%; font-weight: bold; color: rgba(44, 13, 4, 1); margin: auto 0; text-align: center; text-shadow: 1px 1px 2px rgba(104, 35, 15, .5); -moz-text-shadow: 1px 1px 2px rgba(104, 35, 15, .5); -webkit-text-shadow: 1px 1px 2px rgba(104, 35, 15, .5);}
#next_onair .nkm { box-sizing: border-box; width: 63.5%; background-color: #f1f0ee; background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 50%, #ffffff 50%, #ffffff 75%, transparent 75%, transparent); background-size: 6px 6px; letter-spacing: 0.02em; background: rgba(255, 255, 255, .9);}
#next_onair .nkmtxt { box-sizing: border-box; width: 100%; height: 100%; padding: 10px 3px; text-align: center; text-shadow: 1px 1px 2px rgba(0, 0, 0, .3); -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, .3); -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);}
/*cast*/
#cast_set { width: 100%; margin: 0 auto; position: relative; background: url(../img/cast/cast_bg.png) no-repeat left bottom;}
#cast_set input { display: none;}
#cast_set h2 { width: 49%; text-align: center; position: absolute; top: 70%; left: 0.9%; font-size: 140%; letter-spacing: 0.15em; display: none;}
#cast_set label { width: 15%; height: 40px; text-align: center; position: absolute; top: -30px; right: 0; font-weight: bold; font-size: 100%; letter-spacing: 0.15em; color: rgba(44, 13, 4, 1); text-shadow: 1px 1px 2px rgba(104, 35, 15, .5); -moz-text-shadow: 1px 1px 2px rgba(104, 35, 15, .5); -webkit-text-shadow: 1px 1px 2px rgba(104, 35, 15, .5);}
#cast_set h2 { z-index: 100;}
#cast_set label { z-index: 500; top: -32px;}
#cast_set label::after { position: absolute; top: 40%; right: 40%; display: block; content: ''; width: 5px; height: 5px; border-top: 3px solid rgba(195, 0, 0, 1.0); border-right: 3px solid rgba(195, 0, 0, 1.0); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);}
#cast_set input:checked + label:hover:after, #cast_set input:checked ~ label::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
#cast_set input:checked ~ h2 { width: 49%; text-align: center; position: absolute; top: 70%; left: 0.9%; font-size: 140%; letter-spacing: 0.15em; display: block;}
#cast_set label:hover { cursor: pointer; -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;}
#cast_set .cls { height: 0; overflow: hidden;}
#cast_set #nsopn:checked ~ .cls { height: auto;}
#cast_set .cls0 { padding: 10px 0;}
#cast_set ul { width: 94%; margin: 0 auto;}
#cast_set ul:before, #cast_set ul:after { content: ""; display: table; }
#cast_set ul:after { clear: both; }
#cast_set li { box-sizing: border-box; width: 49%; padding: 5px; float: left;}
#cast_set li:before, #cast_set li:after { content: ""; display: table; }
#cast_set li:after { clear: both; }
#cast_set li .cast_name { width: 36%; float: right; text-align: left; color: rgba(44, 13, 4, 1); text-shadow: 1px 1px 2px rgba(104, 35, 15, .5); -moz-text-shadow: 1px 1px 2px rgba(104, 35, 15, .5); -webkit-text-shadow: 1px 1px 2px rgba(104, 35, 15, .5); font-weight: bold; line-height: 120%; letter-spacing: 0.1em; padding-top: 20%;}
#cast_set li .cast_name0 { padding-top: 0;}
#cast_set li .tenki { padding-bottom: 10px; font-size: 85%; font-weight: lighter; letter-spacing: 0; color: rgba(160, 55, 25, 1);}
#cast_set li .cast { width: 60%; max-width: 160px; float: left;}
#cast_set li .castsp { width: 100%; height: 0; padding-top: 100%; position: relative;}
#cast_set li .castp { width: 100%; height: 0; padding-top: 100%; box-shadow: rgba(0, 0, 0, .3) 3px 3px 3px -1px inset; -webkit-box-shadow: rgba(0, 0, 0, .3) 3px 3px 3px -1px inset; -moz-box-shadow: rgba(0, 0, 0, .3) 3px 3px 3px -1px inset; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#cast_set .cast_li { background: radial-gradient(rgba(255, 250, 238, .6) 4%, rgba(220, 206, 176, .3) 9%, rgba(237, 216, 173, 0) 9%) 0 0, radial-gradient(rgba(255, 250, 238, .6) 4%, rgba(220, 206, 176, .3) 8%, rgba(237, 216, 173, 0) 10%) 30px 30px, radial-gradient(rgba(220, 206, 176, .1) 20%, rgba(238, 208, 148, 0)) 30px 0, radial-gradient(rgba(220, 206, 176, .1) 20%, rgba(238, 208, 148, 0)) 0 30px, radial-gradient(rgba(220, 206, 176, .1) 35%, rgba(238, 208, 148, 0) 60%) 30px 0, radial-gradient(rgba(220, 206, 176, .1) 35%, rgba(238, 208, 148, 0) 60%) 60px 30px, radial-gradient(rgba(247, 234, 207, 1), rgba(219, 201, 164, 0)) 0 0, radial-gradient(rgba(247, 234, 207, 1), rgba(219, 201, 164, 0)) 30px 30px, linear-gradient(45deg, rgba(219, 201, 164, 0) 49%, rgba(220, 206, 176, 1) 50%, rgba(219, 201, 164, 0) 70%) 0 0, linear-gradient(-45deg, rgba(219, 201, 164, 0) 49%, rgba(220, 206, 176, 1) 50%, rgba(219, 201, 164, 0) 70%) 0 0; background-size: 60px 60px; background-color: rgba(255, 255, 255, 1); box-shadow: rgba(0, 0, 0, .1) 1px 0px 3px 1px; -webkit-box-shadow: rgba(0, 0, 0, .1) 1px 0px 3px 1px; -moz-box-shadow: rgba(0, 0, 0, .1) 1px 0px 3px 1px;}
#cast_set #c_takeshi { float: left; margin-bottom: 5px;}
#cast_set #c_azumi, #cast_set #c_arai { float: right; margin-bottom: 5px;}
/*SNS_set*/
.info { text-align: center; font-size: 98%; padding: 10px 0; letter-spacing: 0.2em;}
/*Twitter*/
#twitter_sp { box-sizing: border-box; width: 100%; padding: 12px; background: -moz-linear-gradient(top, rgba(0,206,255,0.1) 0%, rgba(0,206,255,0.5) 100%); background: -webkit-linear-gradient(top, rgba(0,206,255,0.1) 0%,rgba(0,206,255,0.5) 100%); background: linear-gradient(to bottom, rgba(0,206,255,0.1) 0%,rgba(0,206,255,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3300ceff', endColorstr='#8000ceff',GradientType=0 ); border-bottom: 1px solid rgba(0, 206, 255, 1);}
#twitter_sp dt { box-sizing: border-box; width: 100%; padding: 0; display: block;}
#twitter_sp dt:before, #twitter_sp dt:after { content: ""; display: table; }
#twitter_sp dt:after { clear: both; }
#twitter_sp .twitter_title { float: left; text-align: left; padding: 2px 0 10px 25px; min-height: 20px; display: block; font-size: 160%; font-weight: bold; letter-spacing: 0.1em; color: rgba(97, 167, 184, 1); background: url(../img/icon_twitter.png) no-repeat;}
#twitter_sp .twitter_id { float: right; text-align: right;padding-top: 2px; font-size: 110%; letter-spacing: 0.1em;}
#twitter_sp .twitter_id a { color: rgba(0, 146, 195, .75);}
#twitter_sp .twitter_id a:hover { color: rgba(0, 196, 245, 1);}
#twitter_sp dd { width: 94%; max-width: 600px; margin: 0 auto; height: 280px;}
#twitter_sp dd iframe { width: 100% !important;}
#twitter_sp dd iframe { width: 740px !important; }
/*Instagram*/
#instagram_sp { box-sizing: border-box; width: 100%; padding: 12px; background: -moz-linear-gradient(top, rgba(255,225,0,0.1) 0%, rgba(255,225,0,0.5) 100%); background: -webkit-linear-gradient(top, rgba(255,225,0,0.1) 0%,rgba(255,225,0,0.5) 100%); background: linear-gradient(to bottom, rgba(255,225,0,0.1) 0%,rgba(255,225,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affe100', endColorstr='#80ffe100',GradientType=0 ); border-bottom: 1px solid rgba(255, 255, 0, 1);}
#instagram_sp dt { box-sizing: border-box; width: 100%; padding: 0; display: block;}
#instagram_sp dt:before, #instagram_sp dt:after { content: ""; display: table; }
#instagram_sp dt:after { clear: both; }
#instagram_sp .instagram_title { float: left; text-align: left; padding: 2px 0 10px 25px; min-height: 20px; display: block; font-size: 160%; font-weight: bold; letter-spacing: 0.1em; color: rgba(185, 175, 95, 1); background: url(../img/icon_instagram.png) no-repeat;}
#instagram_sp .instagram_id { float: right; text-align: right;padding-top: 2px; font-size: 110%; letter-spacing: 0.1em;}
#instagram_sp .instagram_id a { color: rgba(185, 185, 0, .75);}
#instagram_sp .instagram_id a:hover { color: rgba(235, 235, 0, 1);}
#instagram_sp dd { width: 100%; max-width: 300px; margin: 0 auto; height: 180px;}
#instagram_sp dd:before, #instagram_sp dd:after { content: ""; display: table; }
#instagram_sp dd:after { clear: both; }
#instagram_sp .insta_next { width: 2.9%; float: right; text-align: right; padding-top: 28%;}
#instagram_sp div.insta { width: 96%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden; margin-left: 1%; float: left;}
#instagram_sp div.insta ul { width: 100%; margin: 0 auto;}
#instagram_sp div.insta ul:before, #instagram_sp div.insta ul:after { content: ""; display: table; }
#instagram_sp div.insta ul:after { clear: both; }
#instagram_sp div.insta ul li { width: 30%; min-height: 85px; float: left; margin: 3px 2% 2px 1%;}
#instagram_sp div.insta ul li a { width: 85px; height: 85px; display:block;}
#instagram_sp div.insta ul li a img { background-position: center center; background-repeat: no-repeat; width:85px; height: 85px; display: block;}
#instagram_sp div.insta ul li a { background-size: cover;}
#instagram_sp div.insta ul li a:hover img { background-color: rgba(93, 243, 206, 0.1);}
#instagram_sp div.insta ul li a img { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; box-shadow: rgba(0, 0, 0, .1) 1px 1px 2px 1px; -webkit-box-shadow: rgba(0, 0, 0, .1) 1px 1px 2px 1px; -moz-box-shadow: rgba(0, 0, 0, .1) 1px 1px 2px 1px;}
#instagram_sp div.insta ul li a img.icon-video { background-image:url(/um/img/play.png);}
/*onair*/
#onair_set { width: 100%; max-width: 640px; margin: 0 auto;}
#onair_set h2 { display: none;}
#onair_set .onairwaku { margin-bottom: 10px;}
#onair_set dd { box-sizing: border-box; width: 100%;}
#onair_set .onairdate { background: -moz-linear-gradient(rgba(241, 237, 230 ,1) 50%, rgba(221, 209, 193 ,1) 50%); background: -webkit-linear-gradient(rgba(241, 237, 230 ,1) 50%, rgba(221, 209, 193 ,1) 50%); background: linear-gradient(to bottom, rgba(241, 237, 230 ,1) 50%, rgba(221, 209, 193 ,1) 50%); font-size: 120%; font-weight: bold; letter-spacing: 0.15em; color: rgba(44, 13, 4, 1); margin: auto 0; text-align: center; text-shadow: 1px 1px 2px rgba(104, 35, 15, .5); -moz-text-shadow: 1px 1px 2px rgba(104, 35, 15, .5); -webkit-text-shadow: 1px 1px 2px rgba(104, 35, 15, .5); padding: 12px 0 9px 0;}
#onair_set .nkm { border: 4px solid rgba(221, 209, 193 ,1);}
#onair_set .nkm0 { width: 100%; background: -moz-linear-gradient(top, rgba(103, 30, 8, 0) 30%, rgba(103, 30, 8, .5) 100%); background: -webkit-linear-gradient(top, rgba(103, 30, 8, 0) 30%,rgba(103, 30, 8, .5) 100%); background: linear-gradient(to bottom, rgba(103, 30, 8, 0) 30%,rgba(103, 30, 8, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b19383',GradientType=0 );}
#onair_set .interval { box-sizing: border-box; width: 100%; background: -moz-linear-gradient(rgba(221, 209, 193, 1) 50%, rgba(198, 183, 162, 1) 50%); background: -webkit-linear-gradient(rgba(221, 209, 193, 1) 50%, rgba(198, 183, 162, 1) 50%); background: linear-gradient(to bottom, rgba(221, 209, 193, 1) 50%, rgba(198, 183, 162, 1) 50%); font-weight: bold; letter-spacing: 0.15em; margin: auto 0; text-align: center; text-shadow: 1px 1px 2px rgba(104, 35, 15, .5); -moz-text-shadow: 1px 1px 2px rgba(104, 35, 15, .5); -webkit-text-shadow: 1px 1px 2px rgba(104, 35, 15, .5); padding: 8px 5px 10px 5px; text-align: right; font-size: 120%;}
#onair_set .interval a { width: 100%; height: 100%; display: block; color: rgba(44, 13, 4, 1);}
#onair_set .interval a:hover { -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;}
#onair_set .archive_title { display: block; color: rgba(44, 13, 4, 1); text-align: center; padding: 6px 0 3px 0;}
#onair_set .archive { background: rgba(198, 183, 162, 1); padding-bottom: 8px;}
#onair_set .archive ul { width: 98%; margin: 0 auto; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#onair_set .archive ul:before, #onair_set .archive ul:after { content: ""; display: table; }
#onair_set .archive ul:after { clear: both; }
#onair_set .archive li { box-sizing: border-box; width: 47%; float: left; font-size: 120%; letter-spacing: 0.1em; margin: 0 0 5px 2%; text-align: center;}
#onair_set .archive li a { box-sizing: border-box; width: 100%; height: 100%; border: 1px solid rgba(255, 255, 255, 1); background: rgba(255, 255, 255, .8); display: block;}
#onair_set .archive li a .litxt { display: block; padding: 15px 5px; text-shadow: 1px 1px 2px rgba(104, 35, 15, .5); -moz-text-shadow: 1px 1px 2px rgba(104, 35, 15, .5); -webkit-text-shadow: 1px 1px 2px rgba(104, 35, 15, .5); color: rgba(44, 13, 4, 1);}
#onair_set .archive li a:hover { -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;}
#onair_set .archive .link_off a { -webkit-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; cursor: default; pointer-events: none;}
/*_archive-more*/
.plust { display: none;}
.more { box-sizing: border-box; width: 95%; height: 40px; border: 1px solid rgba(255, 255, 255, .6); position: relative; padding-top: 10px; margin: 5px auto;}
.moretxt { box-sizing: border-box; width: 100%; letter-spacing: 0.1em; padding: 0 15px;}
.more::after { position: absolute; top: 55%; right: 10px; display: block; content: ''; width: 4px; height: 4px; margin-top: -5px; border-top: 2px solid rgba(227, 24, 28, 1.0); border-right: 2px solid rgba(227, 24, 28, 1.0); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);}
.more:hover { background: rgba(245, 241, 55, 0.1); cursor: pointer;}
/*_ranking*/
#onair_set #ranking_set dt { width: 200px; height: 70px; display: block; margin: 10px auto; position: relative;}
#onair_set #ranking_set .ranking_title { width: 200px; height: 70px; display: block; opacity: 0;}
#onair_set #ranking_set table { width: 96%; max-width: 520px; margin: 5px auto;}
#onair_set #ranking_set caption { text-align: center; letter-spacing: 0.1em; color: rgba(104, 35, 15, 1); padding-bottom: 10px;}
#onair_set #ranking_set tr { box-sizing: border-box; width: 100%; border: 2px solid rgba(255, 255, 255, 1); background: rgba(255, 255, 255, .9); display: table; margin-bottom: 3px;}
#onair_set #ranking_set th { width: 14%; padding: 10px 5px; text-align: center; font-size: 160%; font-weight: bold; background: rgb(255,90,0); background: -moz-linear-gradient(top, rgba(255,90,0,1) 0%, rgba(255,165,37,1) 100%); background: -webkit-linear-gradient(top, rgba(255,90,0,1) 0%,rgba(255,165,37,1) 100%); background: linear-gradient(to bottom, rgba(255,90,0,1) 0%,rgba(255,165,37,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a00', endColorstr='#ffa525',GradientType=0 );}
#onair_set #ranking_set th span { text-align: center; text-shadow: 1px 1px 2px rgba(255,90,0,1); -moz-text-shadow: 1px 1px 2px rgba(255,90,0,1); -webkit-text-shadow: 1px 1px 2px rgba(255,90,0,1);}
#onair_set #ranking_set td:before, #onair_set #ranking_set td:after { content: ""; display: table; }
#onair_set #ranking_set td:after { clear: both; }
#onair_set #ranking_set .wordtxt { float: left; padding: 10px; text-align: left; font-size: 140%; font-weight: bold; text-shadow: 1px 1px 2px rgba(0, 0, 0, .1); -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, .1); -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, .1); color: rgba(0, 0, 0, 1);}
#onair_set #ranking_set .wordtxt_s { float: right; padding: 4px 5px 2px 0; text-align: right; font-size: 95%; line-height: 130%; color: rgba(0, 0, 0, 1);}
#onair_set #ranking_set .to20set { margin: 0 2% 0 0; padding-bottom: 10px;}
#onair_set #ranking_set .to20set:before, #onair_set #ranking_set .to20set:after { content: ""; display: table; }
#onair_set #ranking_set .to20set:after { clear: both; }
#onair_set #ranking_set .to20set a:hover .to20 { -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9;}
#onair_set #ranking_set .to20txt { box-sizing: border-box; width: 90%; padding: 6px 0; display: block; float: left; text-align: right; font-size: 140%; font-weight: bold; color: rgba(255, 90, 0, 1);}
#onair_set #ranking_set .to20 { box-sizing: border-box; width: 9%; padding: 6px 0; text-align: center; font-size: 120%; font-weight: bold; background: rgb(255,90,0); background: -moz-linear-gradient(top, rgba(255,90,0,1) 0%, rgba(255,165,37,1) 100%); background: -webkit-linear-gradient(top, rgba(255,90,0,1) 0%,rgba(255,165,37,1) 100%); background: linear-gradient(to bottom, rgba(255,90,0,1) 0%,rgba(255,165,37,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a00', endColorstr='#ffa525',GradientType=0 ); display: block; float: right; color: rgba(255, 255, 255, 1);}
#onair_set #ranking_set .ranking_term { padding: 10px; text-align: right; letter-spacing: 0.1em; color: rgba(241, 229, 213, 1); border-top: 1px dashed rgba(221, 209, 193, 1);}
#onair_set #ranking_set .ranking_term0 { padding: 10px; text-align: left; letter-spacing: 0.1em; color: rgba(252, 236, 197, .9); border-top: 1px solid rgba(232, 216, 177, .3);}
/*_katsumoku*/
#onair_set #katsumoku_set dt span { display: none;}
#onair_set #katsumoku_set .nkm0:before, #onair_set #katsumoku_set .nkm0:after { content: ""; display: table; }
#onair_set #katsumoku_set .nkm0:after { clear: both; }
#onair_set #katsumoku_set .katsumoku_title { width: 100%; max-width: 650px; margin: 0 auto;}
#onair_set #katsumoku_set .katsumoku_titlesp { width: 100%; height: 0; padding-top: 56.25%; position: relative;}
#onair_set #katsumoku_set .katsumoku_titleimg { width: 100%; height: 0; padding-top: 56.25%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#onair_set #katsumoku_set .katsumoku_sp { box-sizing: border-box; width: 100%; border: 10px solid rgba(255, 255, 255, .1);}
#onair_set #katsumoku_set .katsumoku { background: rgb(239,252,255); background: -moz-linear-gradient(top, rgba(239,252,255,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(239,252,255,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(239,252,255,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#effcff', endColorstr='#ffffff',GradientType=0 ); color: rgba(0, 0, 0, 1); padding: 10px 15px;}
#onair_set #katsumoku_set .katsumoku_txt { font-size: 130%; font-weight: bold; text-shadow: 1px 1px 2px rgba(0, 0, 0, .1); -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, .1); -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, .1); line-height: 140%; letter-spacing: 0.1em;}
#onair_set #katsumoku_set .katsumoku_txt0 { padding: 5px 0 0 0; text-align: center; line-height: 130%; text-shadow: 1px 1px 2px rgba(0, 0, 0, .1); -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, .1); -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, .1);}
#onair_set #katsumoku_set .katsumoku_term { padding: 10px; text-align: left; letter-spacing: 0.1em; color: rgba(241, 229, 213, 1); border-top: 1px dashed rgba(221, 209, 193, 1);}
#onair_set #katsumoku_set .katsumoku_term .pdl10 { padding-left: 8px;}
/*CON*/
.twtfb { margin: 15px auto 10px auto;}
/*header*/
.con #header .headsp { width: 100%; height: 0; padding-top: 19.53125%; position: relative; overflow: hidden;}
.con #header .headimg { width: 100%; height: 0; padding-top: 19.53125%; position: absolute; top: -100%; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}

@media (min-width: 400px) { 
#mnsp li .nkmtxt { font-size: 90% !important;}
#next_onair h2 { font-size: 120%; letter-spacing: 0.1em;}
#next_onair .nkm { font-size: 120%; letter-spacing: 0.1em;}
#cast_set li .cast_name { font-size: 110%; letter-spacing: 0.2em;}
}

@media (min-width: 480px) { 
#mnsp li .nkmtxt { font-size: 95% !important; letter-spacing: 0.1em;}
/*CON*/
#onair_set .archive li { box-sizing: border-box; width: 30.7%; float: left; font-size: 120%; letter-spacing: 0.1em; margin: 0 0 5px 2%;}
}

@media (min-width: 640px) { 
/*menu*/
#mnsp li { width: 39.5%; height: 80%;}
#mnsp li .nkmtxt { font-size: 110% !important;}
#mnsp #home_li { width: 16%; position: absolute; top: 4px; left: 1%;}
#mnsp #home_li .nkmtxt { height: 20px; box-sizing: border-box; width: auto; display: block; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); padding: 2px 0 0 24px; background: url(../img/n.png) no-repeat left;}
#mnsp #home_li .n_txt { width: 0; height: 0; background: url(/um/img/cover.png) no-repeat; display: none;}
/*SNS*/
#sns_link { max-width: 600px; margin: 20px auto 0 auto;}
#sns_link li .nkmtxt { font-size: 130%;}
#instagram_sp dd { height: 90px; max-width: 620px;}
#instagram_sp div.insta ul li { width: 15%; min-height: 85px; float: left; margin: 3px 0 2px 1%;}
#instagram_sp .insta_next { width: 2.9%; float: right; text-align: left; padding-top: 6%;}
/*IND*/
/*header*/
#header .headsp { padding-top: 24.5%;}
#header .headimg { padding-top: 24.5%;}
#next_onair h2 { font-size: 140%;}
/*cast*/
#cast_set li { padding: 8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#cast_set li .cast_name { padding-top: 25%;}
#cast_set li .cast_name0 { padding-top: 20%;}
#cast_set li .tenki { padding-bottom: 3px;}
/*onair*/
#onair_set .onairdate { font-size: 130%; letter-spacing: 0.2em;}
#ind #onair_set .interval { padding: 9px 10px 12px 5px; letter-spacing: 0.2em; font-size: 130%;}
/*_ranking*/
#onair_set #ranking_set dt { width: 200px; height: 70px; display: block; margin: 10px;}
#onair_set #ranking_set caption { font-size: 105%; text-align: right; letter-spacing: 0.2em; padding-bottom: 0; margin: -50px -20px 30px 0;}
#onair_set #ranking_set th { width: 10%;}
#onair_set #ranking_set .wordtxt_s { padding: 10px 10px 0 2px; font-size: 110%;}
#onair_set #ranking_set .wordtxt_s .col2 { display: inline; padding-left: 15px;}
#onair_set #ranking_set .to20set { max-width: 520px; margin: 0 auto 15px auto;}
#onair_set #ranking_set .to20 { width: 8%;}
#onair_set #ranking_set .ranking_term-txt { max-width: 520px; margin: 0 auto;}
/*_katsumoku*/
#ind #onair_set #katsumoku_set { position: relative;}
#ind #onair_set #katsumoku_set .katsumoku_title { width: 50%; float: left;}
#ind #onair_set #katsumoku_set .katsumoku_sp { width: 50%; height: 0; padding-top: 24.8%; position: absolute; top: 0; right: 0; float: left;}
#ind #onair_set #katsumoku_set .katsumoku { width: 90%; height: 87%; position: absolute; top: 0; right: 0;}
#ind #onair_set #katsumoku_set .katsumoku .katsumoku_nkm { width: 94%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); font-size: 110%;}
#ind #onair_set #katsumoku_set .katsumoku_txt0 { padding: 10px 0 0 0; letter-spacing: 0.1em;}
/*CON*/
.con #header .headsp { padding-top: 18%;}
.con #header .headimg { padding-top: 18%;}
#onair_set .archive li { box-sizing: border-box; width: 23%; float: left; font-size: 120%; letter-spacing: 0.1em; margin: 0 0 5px 1.6%;}
#onair_set #katsumoku_archive li { width: 47.8%; margin: 0 0 5px 1.6%;}
#onair_set #katsumoku_set .katsumoku .katsumoku_nkm { width: 94%; padding: 30px; font-size: 130%;}
#onair_set #katsumoku_set .katsumoku_txt { font-size: 130%; padding-bottom: 10px; text-align: center;}
#onair_set #katsumoku_set .katsumoku_txt0 { letter-spacing: 0.2em;}
#onair_set #katsumoku_set .katsumoku_term { padding: 20px 10px; text-align: center; font-size: 120%; letter-spacing: 0.2em; line-height: 130%;}
#onair_set #katsumoku_set .katsumoku_term .pdl10 { padding-left: 0;}
}

@media (min-width: 1000px) { 
#ind .twtfb { margin: 0; position: absolute; top: 232px; right: 0;}
.bnsp { width: 300px; height: 250px; margin: 0; position: absolute; top: -50px; right: 0;}
#footer #btm { background: -moz-linear-gradient(top, rgba(255, 90, 0, 0) 30%, rgba(103, 30, 8, .5) 100%); background: -webkit-linear-gradient(top, rgba(255, 90, 0, 0) 30%,rgba(103, 30, 8, .5) 100%); background: linear-gradient(to bottom, rgba(255, 90, 0, 0) 30%,rgba(103, 30, 8, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b19383',GradientType=0 ); height: 100px;}
#footer #copyrightsp { width: 960px; text-align: left;}
#footer #pgtp { width: 160px; height: 120px; margin: 0; position: fixed; bottom: 10px; right: 10px;}
#footer #pgtp a { width: 100%; height: 100%; display: block; background: url(../img/pgtp.png?0) no-repeat; -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;}
/*menu*/
#mnsp { margin-bottom: 10px;}
#mnsp ul {max-width: 980px;}
#mnsp li { width: 28%; height: 83%;}
#mnsp #home_li { width: 10%; position: absolute; top: 4px; left: 0;}
#mnsp #ranking_li { position: absolute; top: 4px; left: 11%;}
#mnsp #katsumoku_li { position: absolute; top: 4px; left: 40%;}
/*next_onair*/
#next_set { width: 665px;}
#next_onair h2 { width: 20%; font-size: 150%; text-align: center;}
#next_onair .nkm { width: 79%;}
#next_onair .nkmtxt { padding: 15px 3px; font-size: 160%; letter-spacing: 0.2em;}
/*cast*/
#cast_set .cls { height: auto;}
#cast_set input, #cast_set label { display: none;}
#cast_set { width: 100%; max-width: 600px; margin: 20px 0 30px 30px; position: relative; background: url(../img/cast/cast_bg.png) no-repeat left bottom; padding-top: 25px;}
#ind #cast_set h2 { width: 100%; text-align: center; position: absolute; top: 0; left: 0; font-size: 160%; letter-spacing: 0.15em; display: block;}
#cast_set li .cast_name { width: 48%; font-size: 140%; padding-top: 22%;}
#cast_set li .cast_name0 { padding-top: 18%;}
#cast_set li .cast { width: 50.5%;}
#cast_set #c_arai { margin: 8px 25% 5px 0;}
/*SNS*/
#sns_set { width: 300px; margin: 0; position: absolute; top: 280px; right: 0;}
#twitter_sp { margin-bottom: 10px;}
#twitter_sp dd { width: 100%;}
#instagram_sp dd { height: 180px;}
#instagram_sp div.insta ul li { width: 30%; min-height: 85px; float: left; margin: 3px 2% 2px 1%;}
#instagram_sp .insta_next { text-align: right; padding-top: 30%;}
#sns_link { max-width: 600px; margin: 20px 0 0 25px;}
/*onair*/
#onair_set { width: 100%; max-width: 655px; margin: 0;}
/*CON*/
.con #sns_link { max-width: 300px; margin: 20px 0 0 0; position: absolute; top: 210px; right: 0;}
.con #sns_link li { width: 100%;}
.con #sns_link #instagram_btn { margin-top: 5px;}
}


/*news*/
.news_top { box-sizing: border-box; width: 100%; max-width: 655px; margin: 0 auto; padding: 10px; border: 1px solid rgba(180, 33, 4, 1); background: rgba(255, 255, 255, 1); line-height: 140%;}
.news_black { border: 1px solid rgba(0, 0, 0, 1);}
.news_top dt { text-align: center; color: rgba(180, 33, 4, 1); padding-bottom: 10px;}
.news_black dt { color: rgba(0, 0, 0, 1);}
@media (min-width: 1000px) { 
.news_top { margin: 0; font-size: 110%; line-height: 160%;}
#news_main { margin-bottom: 10px;}
#news { max-width: 665px; margin-bottom: 10px;}
}