/*	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-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, .dpb { display: block; }
audio, canvas, progress { display: inline-block; }
progress { vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template, .nt, .alt { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline-width: 0; }
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, .bold { font-weight: bolder; }
dfn { font-style: italic; }
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; user-select:none; -webkit-user-select:none; -ms-user-select: none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-drag:none; -khtml-user-drag:none;}
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; }
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; display: table;}
q:after, blockquote:after { clear: both; }
q::after, blockquote::after { content: ""; display: block; clear: both;}
.clearfix:before, .clearfix:after { content: ""; content: none; display: table;}
.clearfix:after { clear: both; }
.clearfix::after { content: ""; display: block; clear: both;}
.tCenter, .ct { text-align: center;}
.tLeft, .lt { text-align: left;}
.tRight, .rt { text-align: right;}
@media print { .noprint { display: none;} }
.dis_block { display: block;}
/*lazyload*/
.lazyload, .lazyloading { opacity: 0;}
.lazyloaded { opacity: 1; transition: all 1000ms;}
/*fadein*/
.fadein { -webkit-animation: fadeIn 10s ease 1 normal; animation: fadeIn 10s 1 normal;}
@-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
/*fadeout*/
.fadeout { -webkit-animation: fadeout 10s ease 1 normal; animation: fadeout 10s 1 normal;}
@-webkit-keyframes fadeout { 0% {opacity: 1} 100% {opacity: 0}}
@keyframes fadeout { 0% {opacity: 1} 100% {opacity: 0}}
/*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, .big { font-size: 140%;}
.f130 { font-size: 130%;}
.f125 { font-size: 125%;}
.f120 { font-size: 120%;}
.f110 { font-size: 110%;}
.f105 { font-size: 105%;}
.f100 { font-size: 100%;}
.f95 { font-size: 95%;}
.f90, .small { font-size: 90%;}
.f85 { line-height: normal; font-size: 85%;}
.f75 { line-height: normal; font-size: 75%;}
.f65 { line-height: normal; font-size: 65%;}
.f64 { line-height: normal; font-size: 64%;}
/*_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%;}
/*color*/
.black { color: rgba(0, 0, 0, 1);}
.lamp { color: rgba(42, 43, 46, 1);}
.chacoal { color: rgba(59, 63, 74, 1);}
.steel { color: rgba(129, 137, 157, 1);}
.silver { color: rgba(192, 196, 206, 1);}
.pearl { color: rgba(236, 237, 240, 1);}
.snow { color: rgba(246, 247, 250, 1);}
.white { color: rgba(255, 255, 255, 1);}
.blue { color: rgba(0, 80, 255, 1);}
.water { color: rgba(120, 180, 255, 1);}
.sky { color: rgba(160, 200, 250, 1);}
.green { color: rgba(50, 200, 60, 1);}
.yellow { color: rgba(255, 240, 0, 1);}
.orange { color: rgba(255, 170, 30, 1);}
.pink { color: rgba(255, 145, 160, 1);}
.red { color: rgba(255, 55, 110, 1);}
a:link { color: rgba(0, 80, 255, 1);}
a:visited { color: rgba(0, 80, 255, 1);}
a:active { color: rgba(120, 180, 255, 1);}
a:hover { color: rgba(0, 0, 0, 1);}
a .lamp:hover { color: rgba(0, 0, 0, .6);}
/*br*/
.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-sp { display: -webkit-block; display: block;}
.br-pc { display: none;}
/*for_W768-*/
@media screen and (min-width: 768px) {
.br-sp { display: none;}
.br-pc { display: -webkit-block; display: block;}
}

/* ==============================
	program
============================== */
* { font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;}
body { color: rgba(42, 43, 46, 1); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color: rgba(236, 237, 240, 1); text-align:center;}
body a { outline-style: none;}
main a:link { text-decoration: none;}
main { width: 100%; margin: 0 auto;}
#contents { width: 100%; max-width: 700px; margin: 0 auto 1em auto;}
/*for_W768-*/
@media screen and (min-width: 768px) {
main { width: 1080px; font-size: 110%; padding-top: 30px;}
main::after { content: ""; display: block; clear: both;}
#contents { width: 700px; margin: 0 0 1em 0; float: left;}
}

/*	share
============================== */
#share_space { box-sizing: border-box; width: 100%; margin: 0 auto; padding: 2em 0 1em 0; text-align: center; background: rgba(255, 255, 255, 1);}
#share_space dt { position: relative; display: inline-block; padding: 0 40px; font-size: 120%; font-weight: bold; letter-spacing: .05em; color: rgba(0, 0, 0, 1);}
#share_space dt:before, #share_space dt:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 25px; height: 1px; background-color: rgba(0, 0, 0, 1);}
#share_space dt:before { left: 0;}
#share_space dt:after { right: 0;}
#share_space dd { padding: 1em 2em;}
#share_img { width: 243px; height: 59px; background: url(/program/um/v8/img/share.png?2020) no-repeat; -webkit-background-size: contain; background-size: contain; margin: 0 auto; position: relative;}
#share_img .shade_sns { width: 57px; height: 57px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute;}
#share_img #sh_twitter { top: 1px; left: 1px;}
#share_img #sh_facebook { top: 1px; left: 92px;}
#share_img #sh_line { top: 1px; left: 184px;}
#share_img .shade_sns a { width: 100%; height: 100%; display: block; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; top: 0; left: 0;}
#share_img .shade_sns a:hover { background-color: rgba(255, 255, 255, .3);}

/*	sns
============================== */
#sns_space { box-sizing: border-box; width: 100%; margin: 0 auto; padding: .5em 0 1.2em 0; text-align: center; background: rgba(255, 255, 255, 1);}
#sns_space dl { width: 90%; margin: 0 auto; background: rgba(246, 247, 250, 1);}
#sns_space dt { position: relative; display: inline-block; padding: 20px 0 0 0; font-size: 110%; font-weight: bold; letter-spacing: .05em; color: rgba(0, 0, 0, 1);}
#sns_space dd { padding: .5em .5em 1.5em .5em;}
#sns_space dd ul { max-width: 540px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center;}
#sns_space .sns { width: 150px; height: 60px; flex-basis: 150px; background: rgba(0, 80, 255, 1); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; margin: .5em .2em 0 .2em;}
#sns_space .sns a { width: 100%; height: 100%; display: block; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: absolute; top: 0; left: 0; color: rgba(255, 255, 255, 1);}
#sns_space .sns a:hover { background-color: rgba(255, 255, 255, .3);}
#sns_space .sns .sns_txt { width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit- transform: translateY(-50%); text-align: center;}
#sns_space .sns .sns_txt:before { content: ''; display: inline-block; width: 32px; height: 32px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; vertical-align: middle; margin-right: 10px;}
#sns_space #sn_twitter .sns_txt:before { background-image: url(/program/um/v8/img/sns_twitter.png?2020);}
#sns_space #sn_facebook .sns_txt:before { background-image: url(/program/um/v8/img/sns_facebook.png?2020);}
#sns_space #sn_youtube .sns_txt:before { background-image: url(/program/um/v8/img/sns_youtube.png?2020);}
#sns_space #sn_line .sns_txt:before { background-image: url(/program/um/v8/img/sns_line.png?2020);}
#sns_space #sn_instagram .sns_txt:before { background-image: url(/program/um/v8/img/sns_instagram.png?2020);}
/*for_W768-*/
@media screen and (min-width: 768px) {
#sns_space .sns { width: 168px; flex-basis: 168px;}
}

/*	back to top
============================== */
.bktotop a { position: relative; display: block; font-size: 87.5%; background-color: #0050ff; text-decoration:none; color: #fff;}
.bktotop a { line-height: 31px; height: 31px;}
.bktotop a:after { content: ""; position: absolute; margin-top: -10.5px; top:50%; display: inline-block; background-image: url(/um/v8/img/gf_arrow.svg); background-size: 21px 123px; width: 21px; height: 21px; background-position: 0 -92px;}
.bktotop a span { margin-right: 1em; font-weight: bold;}
.bktotop a:hover { opacity: .9;}
/*for_W768-*/
@media all and (min-width: 768px) {
.bktotop a { line-height: 47px; height: 47px;}
}

/*	copyright
============================== */
.copyright p { width: 96%; margin: 0 auto; line-height: 1.3; font-size: 96%; text-align: center;}
.copyright p > small { display: block; padding: 1em;}
.copyright p > small a { text-decoration: underline; color: #81899d;}
.copyright p > small a:hover { text-decoration: none; color: #81899d;}
/*for_W768-*/
@media all and (min-width: 768px) {
.copyright { background-color: #000; padding: 1.5em 0;}
.copyright p, .copyright p > small a { color: #fff;}
.copyright p a:hover { color: #fff;}
}

/*	keyword
============================== */
#keyword { margin: 1em 0 0 0; padding-bottom: 1.5em;}
#keyword h2 { text-align: left; color: rgba(42, 43, 46, 1);}
.keyword_ul { width: 92%; max-width: 700px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center;}
.keyword_ul li { height: 40px; box-sizing: border-box; background: rgba(236, 237, 240, 1); margin: 3px .2em 5px .2em; position: relative; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; flex-basis: 160px;}
.keyword_ul li a { width: 100%; height: 100%; display: block; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.keyword_ul li a:hover { opacity: .6;}
.keyword_ul li span { width: 100%; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); color: rgba(59, 63, 74, 1); font-size: 75%; font-weight: 600;}
/*for_W768-*/
@media all and (min-width: 768px) {
#keyword { margin-bottom: 1.5em;}
.keyword_ul li { flex-basis: 120px;}
}

/*	contents
============================== */
.unit { box-sizing: border-box; width: 100%; background: rgba(255, 255, 255, 1); padding: 1.2em 0 1em 0; margin-bottom: 1em;}
.unit h2 { width: 90%; margin: 0 auto; font-size: 110%; text-align: left; padding-bottom: 20px; font-weight: 600; letter-spacing: .05em;}
.unit h3 { width: 86%; margin: 0 auto; font-size: 98%; text-align: left; padding: .75em 10px; font-weight: 600; border-left: 3px solid rgba(0, 80, 255, 1); background: rgba(236, 237, 240, .5); line-height: 130%;}
.unit .more h3 { width: 100%; border-left: 0; padding: .5em 0; background: rgba(236, 237, 240, 0);}
.unit h4 { width: 100%; padding: .5em 0; font-size: 88%; line-height: 150%; text-align: left; font-weight: 600;}
.unit p { width: 92%; margin: 0 auto; padding: .5em 0; font-size: 85%; text-align: left; line-height: 190%;}
.unit .set { width: 88%; margin: 0 auto; padding: .5em 0 1.5em 0; text-align: left; line-height: 160%;}
.unit .cont { width: 100%; margin: 0 auto; padding: 0; text-align: left;}
.unit .set .cont { width: 100%; margin: 0 auto; padding: 0; font-size: 85%; text-align: left; line-height: 160%;}
.unit .tCenter { font-size: 104%; text-align: center; line-height: 150%;}
.unit .sub_txt { box-sizing: border-box; width: 92%; margin: .5em auto 0 auto; font-weight: bold; padding: 1px 10px; border-left: 2px solid rgba(0, 80, 255, 1); text-align: left; line-height: 150%;}
.unit .sub_cont { box-sizing: border-box; width: 86%; margin: 0 auto; padding: 1em 0 0 0; font-size: 80%; text-align: left; line-height: 170%;}
#onair .set { width: 100%; margin: 1.5em auto 0 auto; padding-bottom: 0;}
/*for_W768-*/
@media all and (min-width: 768px) {
.unit { font-size: 110%;}
.unit .sub_cont { width: 89%;}
}

/*	contents-plus
============================== */
.plus h4 { font-size: 90%;}
.plus .cont { width: 100%; padding: .1em 0 .75em 0; font-size: 130%; line-height: 170%;}
.plus .set .cont { font-size: 80%;}
.plus .photo { margin: 1em auto;}
.plus .photo a { width: 100%; height: 100%; display: block;}
.plus .photo a:hover { opacity: .8;}


/*	contents-morebtn
============================== */
.morebtn { box-sizing: border-box; width: 150px; height: 48px; display: block; margin: 1.2em auto .5em auto; cursor :pointer; transition: all 0.5s; text-align: center; font-size: 90%; font-weight: 600; border: 1px solid rgba(0, 80, 255, 1); padding: 15px 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; color: rgba(0, 80, 255, 1); line-height: 100%;}
.morebtn:hover { opacity: .6;}
.more p { padding: .5em 0;}
/*for_W768-*/
@media all and (min-width: 768px) {
.morebtn { padding-top: 13px;}
}

/*	contents-morelink
============================== */
.morebtn_link { box-sizing: border-box; width: 150px; height: 48px; display: block; margin: 1.2em auto .5em auto; transition: all 0.5s; text-align: center; font-size: 90%; font-weight: 600; border: 1px solid rgba(0, 80, 255, 1); padding: 15px 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; color: rgba(0, 80, 255, 1); position: relative; line-height: 100%;}
.morebtn_link a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.morebtn_link a:hover { background: rgba(255, 255, 255, .1);}
/*for_W768-*/
@media all and (min-width: 768px) {
.morebtn_link { padding-top: 13px;}
}

/*	contents-more
============================== */
.more { width: 100%; margin: 0 auto; text-align: left; font-size: 100%; line-height: 180%; display: none;}
.unit .more p { width: 100%; margin: 0 auto; padding: .1em 0 1em 0; font-size: 100%; text-align: left; line-height: 180%;}
.unit .more .set { width: 100%; margin: 0 auto; font-size: 80%;}
.unit .more .cont { width: 100%; margin: 0 auto; padding: .5em 0 1em 0; font-size: 80%; text-align: left; line-height: 180%;}
.unit .more .plus { display: block; width: 90%; margin: 0 auto; font-size: 80%; display: block; padding: 1em 0 0 0;}

/*	contents-next
============================== */
#next_date { box-sizing: border-box; width: 100%; font-size: 90%; color: rgba(0, 80, 255, 1); padding: 1em 4% .5em 4%; text-align: left; font-weight: bold;}
#next_onair .more { width: 93%; margin: 0 auto; padding: 1em 0; display: none;}
#next_onair .more .main { font-size: 95%; padding-bottom: 1em;}
#next_onair .more .cont { width: 96%; margin: 0 auto; padding: .5em 0 1em 0; font-size: 85%; text-align: left; line-height: 180%;}
#next_onair .more .cont p { font-size: 95%;}

/*	button
============================== */
.btn { width: 240px; height: 50px; display: inline-block; margin: .5em auto 1em auto; display: inline-block; background: rgba(0, 80, 255, 1); -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; position: relative;}
.btn a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.btn a:hover { background: rgba(255, 255, 255, .2);}
.btn span { width: 100%; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); color: rgba(255, 255, 255, 1); letter-spacing: .1em; font-weight: bold; text-align: center; font-size: 85%;}
.btn:before { content: ''; width: 10px; height: 10px; border-top: 2px solid rgba(255, 255, 255, 1); border-right: 2px solid rgba(255, 255, 255, 1); position: absolute; top: 18px; right: 6%; display: inline-block; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.di2 .btn { display: block;}
.di2 .btn span { font-size: 100%;}
/*for_W768-*/
@media all and (min-width: 768px) {
.btn { width: 320px;}
}

/*	box
============================== */
.box { box-sizing: border-box; width: 100%; padding: .5em 5%; border:1px solid rgba(236, 237, 240, 1); font-size: 110%;}
.di2 .box { display: block; box-sizing: border-box; width: 89%; margin: 1em auto; font-size: 90%; text-align: left; padding: .4em 2%;}
.di2 .box_y100 { display: block; box-sizing: border-box; width: 89%; margin: 1em auto; font-size: 80%; line-height: 140%; text-align: left; padding: .5em 3%; height: 100px; overflow: hidden; overflow-y: auto; border:1px solid rgba(236, 237, 240, 1);}
.di2 .box_y200 { display: block; box-sizing: border-box; width: 89%; margin: 1em auto; font-size: 80%; line-height: 140%; text-align: left; padding: .5em 3%; height: 200px; overflow: hidden; overflow-y: auto; border:1px solid rgba(236, 237, 240, 1);}
.di2 .box_y300 { display: block; box-sizing: border-box; width: 89%; margin: 1em auto; font-size: 80%; line-height: 140%; text-align: left; padding: .5em 3%; height: 300px; overflow: hidden; overflow-y: auto; border:1px solid rgba(236, 237, 240, 1);}
.di2 .box0_y100 { display: block; box-sizing: border-box; width: 89%; margin: 1em auto; font-size: 80%; line-height: 140%; text-align: left; padding: .5em 3%; height: 100px; overflow: hidden; overflow-y: auto;}
.di2 .box0_y200 { display: block; box-sizing: border-box; width: 89%; margin: 1em auto; font-size: 80%; line-height: 140%; text-align: left; padding: .5em 3%; height: 200px; overflow: hidden; overflow-y: auto;}
.di2 .box0_y300 { display: block; box-sizing: border-box; width: 89%; margin: 1em auto; font-size: 80%; line-height: 140%; text-align: left; padding: .5em 3%; height: 300px; overflow: hidden; overflow-y: auto;}

/*	list
============================== */
.ol_num { width: 80%; margin: 1em auto; text-align: left; font-size: 80%;}
.ol_num li { list-style-type: decimal; padding: .1em 0;}
.ul_maru { width: 80%; margin: 1em auto; text-align: left; font-size: 80%;}
.ul_maru li { list-style-type: disc; padding: .1em 0;}
.ul_kaku { width: 80%; margin: 1em auto; text-align: left; font-size: 80%;}
.ul_kaku li { list-style-type: square; padding: .1em 0;}

/*	contents -youtube
============================== */
.player-border { display: block; box-sizing: border-box; width: 100%; margin: .5em auto 1em auto; background: rgba(42, 43, 46, 1);}
.player-border span { display: block;}
.player-box { width: 100%; height: 0; padding-top: 56.25%; position: relative;}
.player-box iframe { box-sizing: border-box; width: 100%; height: 100%; border: 0; position: absolute; top: 0; left: 0;}
.di2 .player-border { width: 90%;}

/*	contents -photo
============================== */
.unit .photo { width: 100%; margin: 1em auto; text-align: center; user-select:none; -webkit-user-select:none; -ms-user-select: none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-drag:none; -khtml-user-drag: none; -webkit-touch-callout: none;}
.unit .set .photo { margin: 0 auto .5em auto;}
.unit .daigae { margin: 0 auto;}
.unit .photo img { height: auto; margin: 0 auto; pointer-events: none;}
.prgimg100100 { max-width: 100%;}
.prgimg10090 { max-width: 90%;}
.prgimg10080 { max-width: 80%;}
.prgimg10070 { max-width: 70%;}
.prgimg10060 { max-width: 60%;}
/*for_W768-*/
@media all and (min-width: 768px) {
.prgimg10090, .prgimg10080, .prgimg10070, .prgimg10060 { max-width: 100%;}
}

/*	contents -onair_photo
============================== */
.unit .o_photo { margin: 0 auto 1em auto; position: relative;}
.unit .o_photo .onair_space { width: 100%; height: 0; padding-top: 24%; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(42,43,46,0) 0%, rgba(42,43,46,0) 30%, rgba(42,43,46,0.95) 100%); background: -webkit-linear-gradient(top, rgba(42,43,46,0) 0%,rgba(42,43,46,0) 30%,rgba(42,43,46,0.95) 100%); background: linear-gradient(to bottom, rgba(42,43,46,0) 0%,rgba(42,43,46,0) 30%,rgba(42,43,46,0.95) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002a2b2e', endColorstr='#a62a2b2e',GradientType=0 ); overflow: hidden;}
.unit .o_photo .onair_space .onair_date { display: inline-block; background: rgba(255, 255, 255, .75); color: rgba(0, 80, 255, 1); text-align: center; position: absolute; top: 10%; left: 4%; font-size: 80%; font-weight: bold; padding: 6px;}
.unit .o_photo .onair_space dl { width: 94%; position: absolute; top: 48%; left: 4%; text-align: left; color: rgba(255, 255, 255, 1);}
.unit .o_photo .onair_space dt { font-size: 82%; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.unit .o_photo .onair_space dd div { box-sizing: border-box; width: 100%; padding: .75em .5em .5em 0; font-size: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.unit .o_photo a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.unit .o_photo a:hover { background: rgba(255, 255, 255, .1);}
.unit .o_photo .prgimg100100 { width: 100%;}
.unit .o_photo .prgimg10090 { width: 90%;}
.unit .o_photo .prgimg10080 { width: 80%;}
.unit .o_photo .prgimg10070 { width: 70%;}
/*for_W768-*/
@media all and (min-width: 768px) {
.unit .o_photo .prgimg10090, .unit .o_photo .prgimg10080, .unit .o_photo .prgimg10070 { width: 100%;}
.unit .o_photo .onair_space .onair_date { font-size: 86%; padding: 8px; top: 30%;}
.unit .o_photo .onair_space dl { top: 60%;}
.unit .o_photo .onair_space dt { font-size: 90%;}
}

/*	contents -onair_photo-s
============================== */
.unit .s_photo { width: 92%; margin: 0 auto .8em auto; position: relative;}
.unit .s_photo:before, .unit .s_photo:after { content: none; display: table;}
.unit .s_photo:after { clear: both; }
.unit .s_photo::after { content: ""; display: block; clear: both;}
.unit .s_photo img { width: 42%; float: left;}
.unit .s_photo .onair_space { width: 55%; float: right; overflow: hidden; font-size: 90%;}
.unit .s_photo .onair_space .onair_date { color: rgba(0, 80, 255, 1); font-size: 75%; text-align: left; padding-top: .1em; padding-bottom: .5em;}
.unit .s_photo .onair_space dl { font-size: 90%; text-align: left;}
.unit .s_photo .onair_space dt { font-size: 100%; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-top: .2em;}
.unit .s_photo .onair_space dd { position: relative; padding: .5em .5em 0 0;}
.unit .s_photo .onair_space dd div { font-size: 85%; overflow: hidden; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: calc( 1.3em * 3 ); line-height: 1.3; position: relative;}
.unit .s_photo a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.unit .s_photo a:hover { background: rgba(255, 255, 255, .1);}
#onair .set .s_photo .onair_space { padding: 0; line-height: 130%;}
#onair .set .s_photo .onair_space .onair_date { padding: 0;}
#onair .set .s_photo .onair_space dt { padding-bottom: .1em; padding-top: .01em;}
#onair .set .s_photo .onair_space dd { padding: .1em .5em 0 0;}
/*for_W768-*/
@media all and (min-width: 768px) {
.unit .s_photo .onair_space .onair_date { font-size: 90%; padding-bottom: .5em;}
.unit .s_photo .onair_space dt { font-size: 110%;}
.unit .s_photo .onair_space dd div { font-size: 90%; -webkit-line-clamp: 5; -webkit-box-orient: vertical; max-height: calc( 1.4em * 5 ); line-height: 1.4;}
}

/*	mainimg
============================== */
.mainimg { width: 100%; user-select:none; -webkit-user-select:none; -ms-user-select: none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-drag:none; -khtml-user-drag:none; -webkit-touch-callout: none; position: relative;}
.mainimg a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.mainimg div { display: block; width: 100%; height: 0; padding-top: 56.285714285714286%; padding-top: -webkit-calc(394 / 700 * 100%); padding-top: calc(394 / 700 * 100%); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; position: relative;}
.mainimg img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10;}
.mainimg .onair_space { width: 100%; height: 0; padding-top: 20%; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(42,43,46,0) 0%, rgba(42,43,46,0) 30%, rgba(42,43,46,0.95) 100%); background: -webkit-linear-gradient(top, rgba(42,43,46,0) 0%,rgba(42,43,46,0) 30%,rgba(42,43,46,0.95) 100%); background: linear-gradient(to bottom, rgba(42,43,46,0) 0%,rgba(42,43,46,0) 30%,rgba(42,43,46,0.95) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002a2b2e', endColorstr='#a62a2b2e',GradientType=0 );}
.mainimg .onair_space p { color: rgba(255, 255, 255, 1); text-align: left; position: absolute; bottom: 8%; left: 4%; font-size: 90%; font-weight: bold; letter-spacing: .1em;}
.mainimg a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 50;}
.mainimg a:hover { background: rgba(255, 255, 255, .1);}
/*for_W768-*/
@media screen and (min-width: 768px) {
.mainimg .onair_space p { font-size: 140%; letter-spacing: .15em;}
}

/*	minogashi
============================== */
#minogashi #tbsfree { width: 100%; margin: 0 auto .8em auto; position: relative;}
#minogashi #tbsfree a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 50;}
#minogashi #tbsfree a:hover { background: rgba(255, 255, 255, .1);}
#minogashi .onair_date { width: 88%; margin: .8em auto; color: rgba(129, 137, 157, .75); font-size: 75%; text-align: left; padding-bottom: .5em;}
#minogashi dl { width: 88%; margin: .8em auto 0 auto; font-size: 90%; text-align: left;}
#minogashi dt { font-size: 100%; font-weight: bold; line-height: 150%;}
#minogashi dd { position: relative; padding: .5em .5em 0 0;}
#minogashi dd div { font-size: 85%; line-height: 160%;}
.m_playbtn { width: 48px; height: 48px; display: inline-block; background-image: url(/program/um/v8/img/play.svg); position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); z-index: 25;}
#minogashi #info_txt { width: 88%; margin: 0 auto .8em auto; font-size: 90%; text-align: left; color: rgba(0, 0, 0, .6);}

/*	paravi
============================== */
#paravi { box-sizing: border-box; width: 88%; margin: .6em auto .8em auto; background: rgba(236, 237, 240, .5); padding: 1em .6em; position: relative; display: none;}
#paravi a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 100;}
#paravi a:hover { background: rgba(255, 255, 255, .1);}
#paravi .logo { width: 38%; max-width: 300px; float: left;}
#paravi .logoimg { width: 100%; height: 0; padding-top: 28.666666666666667%; padding-top: -webkit-calc(86 / 300 * 100%); padding-top: calc(86 / 300 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(/program/um/v8/img/paravi.png);}
#paravi .info_txt { width: 57%; float: right; font-size: 90%; font-weight: bold; text-align: left; letter-spacing: .1em;}
#paravi .info_txt-s { font-size: 76%; font-weight: lighter; line-height: 130%; color: rgba(129, 137, 157, .75); padding-top: .5em; letter-spacing: .05em;}
/*for_W768-*/
@media screen and (min-width: 768px) {
#paravi { padding: 2em .6em;}
#paravi .logo { width: 30%; margin-left: 3%;}
#paravi .info_txt { width: 60%; font-size: 100%; padding-top: .1em;}
}

/*	archive
============================== */
#onair_list { width: 90%; margin: 1em auto .5em auto; padding-top: 1px; display: none;}
#onair_list ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; font-size: 90%;}
#onair_list li { box-sizing: border-box; width: 33.33333%; flex-basis: 33.33333%; letter-spacing: .1em;}
#onair_list li span { display: block; padding: 1em 0;}
#onair_list li a { width: 100%; height: 100%; display: block;}
#onair_list li a:hover { background: rgba(246, 247, 250, .75);}
#onair_list .a_linkoff span { color: rgba(129, 137, 157, .5);}
#onair_list .a_linkoff a { cursor: default; pointer-events: none;}
#past_onair { text-align: center; font-size: 82%; line-height: 140%; letter-spacing: .1em; padding: 1em 0;}
/*for_W768-*/
@media screen and (min-width: 768px) {
#onair_list li { box-sizing: border-box; width: 25%; flex-basis: 25%; }
}

/*	contents-this
============================== */
#this_date { box-sizing: border-box; width: 92%; margin: 0 auto; font-size: 72%; color: rgba(129, 137, 157, 1); padding: 1.5em 0 1em 0; text-align: left;}
#program_data { width: 92%; margin: 0 auto; text-align: left; font-size: 80%; line-height: 140%; padding: .5em 0 1em 0;}
#this_onair { box-sizing: border-box; width: 100%; margin: 0 auto; background: rgba(255, 255, 255, 1); padding: 1.2em 4% 1em 4%; margin-bottom: 1em;}
#this_onair h3 { width: 100%; margin: 0 auto .5em auto; font-size: 98%; text-align: left; padding: 1.5em 0 .5em 0; border-left: 0; border-bottom: 3px solid rgba(0, 80, 255, 1); background: rgba(236, 237, 240, 0);}
#this_onair p, #this_onair .set { width: 100%; margin: 0 auto; padding: .5em 0 1.5em 0; font-size: 80%; text-align: left; line-height: 170%;}
#this_onair .set { font-size: 85%; line-height: 170%; letter-spacing: .05em; padding: 1em 0 1.5em 0;}
#this_onair h4 { width: 100%; padding: .1em 0 .1em 10px; font-size: 110%; line-height: 170%; text-align: left; font-weight: 600; border-left: 3px solid rgba(0, 80, 255, 1); margin: .5em auto;}
#this_onair .photo { width: 100%; margin: 1em auto .2em auto;}

/*	header -title
============================== */
.tbs-gheader { z-index: 100;}
header { padding: 0; margin-bottom: 1em; background: rgba(255, 255, 255, 1);}
header h1 { display: none;}
#this_header { margin-bottom: 0;}
#this_header h2 { width: 92%; margin: 0 auto; font-size: 120%; text-align: left; padding-bottom: 20px; font-weight: 600; letter-spacing: .05em; line-height: 130%;}
header p { width: 92%; margin: 0 auto; padding: 1em 0 .5em 0; font-size: 90%; text-align: left; line-height: 190%;}
#this_header p { font-size: 85%; line-height: 170%;}

/*	header -menu
============================== */
.menu { box-sizing: border-box; width: 100%; margin: 0 auto; color: rgba(255, 255, 255, 1); position: relative;}
.menu label { box-sizing: border-box; width: 100px; height: 34px; display: block; margin: -34px auto 0 auto; cursor :pointer; transition: all 0.5s; text-align: center; font-size: 88%; font-weight: 600; position: absolute; top: -10px; right: 10px; z-index: 200; border: 1px solid rgba(255, 255, 255, 1); padding: 7px 0 0 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.menu input { display: none;}
.menu label:before { display: inline-block; content: '\025bc'; font-size: 60%; font-weight: bold; transition: 0.2s; position: absolute; top: 38%; left: 9px;}
.menu .hidebox { background : rgba(59, 63, 74, .9); height: 0; overflow: hidden; opacity: 0; transition: 0.8s;}
.menu .hidebox nav { width: 100%;}
.menu .hidebox ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: left; font-size: 90%; border-top: 1px solid rgba(129, 137, 157, .3);}
.menu .hidebox li { box-sizing: border-box; width: 50%; flex-basis: 50%; background : rgba(59, 63, 74, 1); border-bottom: 1px solid rgba(129, 137, 157, .3); font-size: 90%; letter-spacing: .1em;}
.menu .hidebox li:nth-child(odd) { border-right: 1px solid rgba(129, 137, 157, .3);}
.menu .hidebox li span { display: block; padding: 15px;}
.menu .hidebox li a { box-sizing: border-box; width: 100%; color: rgba(255, 255, 255, 1); display: block;}
.menu .hidebox li a:hover { background: rgba(255, 255, 255, .1);}
.menu input:checked ~ label:before { content: '\025b2'; font-size: 60%; font-weight: bold; -webkit-transform: rotate(360deg); transform: rotate(360deg);}
.menu input:checked ~ .hidebox { height: auto; opacity: 1;}
@media all and (-ms-high-contrast:none){
.menu .hidebox ul { display: block;}
.menu .hidebox ul:before, .menu .hidebox ul:after { content: none; display: table;}
.menu .hidebox ul:after { clear: both; }
.menu .hidebox ul::after { content: ""; display: block; clear: both;}
.menu .hidebox li { width: 48%; float: left;}
}
/*menu_bgcolor*/
#mn_silver, #mn_pearl, #mn_snow, #mn_white, #mn_yellow, #mn_silver li a, #mn_pearl li a, #mn_snow li a, #mn_white li a, #mn_yellow li a { color: rgba(42, 43, 46, 1);}
#mn_white .hidebox li a:hover { background: rgba(192, 196, 206, .1);}
#mn_black .hidebox { background : rgba(0, 0, 0, .9);}
#mn_black .hidebox li { background : rgba(0, 0, 0, 1);}
#mn_lamp .hidebox { background : rgba(42, 43, 46, .9);}
#mn_lamp .hidebox li { background : rgba(42, 43, 46, 1);}
#mn_steel .hidebox { background : rgba(129, 137, 15, .9);}
#mn_steel .hidebox li { background : rgba(129, 137, 15, 1);}
#mn_silver .hidebox { background : rgba(192, 196, 206, .9);}
#mn_silver .hidebox li { background : rgba(192, 196, 206, 1);}
#mn_pearl .hidebox { background : rgba(236, 237, 240, .9);}
#mn_pearl .hidebox li { background : rgba(236, 237, 240, 1);}
#mn_snow .hidebox { background : rgba(246, 247, 250, .9);}
#mn_snow .hidebox li { background : rgba(246, 247, 250, 1);}
#mn_white .hidebox { background : rgba(255, 255, 255, .9);}
#mn_white .hidebox li { background : rgba(255, 255, 255, 1);}
#mn_blue .hidebox { background : rgba(0, 80, 255, .9);}
#mn_blue .hidebox li { background : rgba(0, 80, 255, 1);}
#mn_water .hidebox { background : rgba(120, 180, 255, .9);}
#mn_water .hidebox li { background : rgba(120, 180, 255, 1);}
#mn_sky .hidebox { background : rgba(160, 200, 250, .9);}
#mn_sky .hidebox li { background : rgba(160, 200, 250, 1);}
#mn_green .hidebox { background : rgba(50, 200, 60, .9);}
#mn_green .hidebox li { background : rgba(50, 200, 60, 1);}
#mn_yellow .hidebox { background : rgba(255, 240, 0, .9);}
#mn_yellow .hidebox li { background : rgba(255, 240, 0, 1);}
#mn_orange .hidebox { background : rgba(255, 170, 30, .9);}
#mn_orange .hidebox li { background : rgba(255, 170, 30, 1);}
#mn_pink .hidebox { background : rgba(255, 145, 160, .9);}
#mn_pink .hidebox li { background : rgba(255, 145, 160, 1);}
#mn_red .hidebox { background : rgba(255, 55, 110, .9);}
#mn_red .hidebox li { background : rgba(255, 55, 110, 1);}

/*for_W768-*/
@media screen and (min-width: 768px) {
.menu label { display: none;}
.menu .hidebox { height: auto; opacity: 1;}
.menu .hidebox nav { border: 0;}
.menu .hidebox ul { justify-content: center;}
.menu .hidebox li { border-right: 1px solid rgba(129, 137, 157, .3);}
.menu .hidebox li span { font-size: 130%; padding: 20px 5px;}
}


/* HANYO */
/*	header -title, mainimg
============================== */
.di2 header { padding: 1em 0 .5em 0;}
.di2 header .title { box-sizing: border-box; width: 94%; margin: 0em auto .8em auto; padding: .3em 12px; line-height: 140%; border-left: 8px solid rgba(192, 196, 206, .5); text-align: left;}
.di2 header p { width: 100%; font-size: 75%; color: rgba(0, 80, 255, 1); padding: 0; font-weight: bold; line-height: 130%; padding-bottom: .4em;}
.di2 header h1 { font-size: 110%; font-weight: 600; display: block;}
/*for_W768-*/
@media screen and (min-width: 768px) {
.di2 header .title { font-size: 110%; letter-spacing: .1em;}
}

/*	header -menu
============================== */
.di2menu { box-sizing: border-box; width: 94%; margin: 1em auto .5em auto; padding : 15px; background : rgba(62, 66, 77, 1); color: rgba(255, 255, 255, 1); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.di2menu label { box-sizing: border-box; width: 100%; display: block; margin: 0 auto; cursor :pointer; transition: all 0.5s; text-align: center; font-size: 88%; font-weight: 600; position: relative;}
.di2menu input { display: none;}
.di2menu label:after { display: inline-block; content: '\025bc'; font-size: 60%; font-weight: bold; padding-right: 5px; transition: 0.2s; position: absolute; top: 20%; right: 0;}
.di2menu .hidebox { height: 0; overflow: hidden; opacity: 0; transition: 0.8s; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.di2menu .hidebox nav { display: flex; flex-wrap: wrap; justify-content: center; font-size: 90%; border-top: 1px solid rgba(255, 255, 255, .2);}
.di2menu .hidebox li { flex-basis: auto; padding: 15px 15px 5px 15px; float: left;}
.di2menu .hidebox li a { color: rgba(255, 255, 255, 1);}
.di2menu .hidebox li a:hover { opacity: .6;}
.di2menu .hidebox li:before { content: '\0bb'; padding-right: 5px;}
.di2menu input:checked ~ label:after { content: '\025b2'; font-size: 60%; font-weight: bold; -webkit-transform: rotate(360deg); transform: rotate(360deg);}
.di2menu input:checked ~ .hidebox { height: auto; padding-top: 15px; opacity: 1;}
/*for_W768-*/
@media screen and (min-width: 768px) {
.di2menu { padding : 0 15px 10px 15px; font-size: 110%; letter-spacing: .1em;}
.di2menu label { display: none;}
.di2menu .hidebox { height: auto; padding: 5px; opacity: 1;}
.di2menu .hidebox nav { border: 0;}
}

/*	contents
============================== */
.di2 .unit h2 { width: 100%; color: rgba(0, 80, 255, 1);}
.di2 .unit h2:before { content: '\02501'; font-size: 90%; font-weight: bold; padding-right: 10px;}
.di2 #keyword h2, .di2 #new h2 { width: 90%; color: rgba(42, 43, 46, 1);}
.di2 #keyword h2:before, .di2 #new h2:before { content: ''; padding-right: 0;}
.di2 .photo a { width: 100%; height: 100%; display: block;}
.di2 .photo a:hover { opacity: .8;}

/*	right_space-new
============================== */
#new { width: 100%; background: rgba(255, 255, 255, 0); margin-bottom: 0; padding: .5em 0 2em 0; text-align: left;}
#new h2 { text-align: left; color: rgba(42, 43, 46, 1);}
#new h2:before, #new h2:after { content: ""; display: table;}
#new h2:after { clear: both;}
#new h2::after { content: ""; display: block; clear: both; height: 0;}
#new h2 .link_txt { display: inline-block; float: right; padding-right: 13px; font-size: 80%; font-weight: lighter; position: relative;}
#new h2 .link_txt a { color: rgba(129, 137, 157, 1);}
#new h2 .link_txt a:hover { color: rgba(129, 137, 157, .8);}
#new h2 .link_txt:before { content: ""; width: 8px; height: 8px; border: 1px solid rgba(129, 137, 157, 1); border-left: 0; border-bottom: 0; position: absolute; bottom: 3px; right: 0; transform: rotate(45deg);  -webkit-transform: rotate(45deg);}
#new .outer { width: 100%; overflow: hidden; -webkit-transform: translateZ(0); display: none;}
#new .inner { box-sizing: border-box; width: 1800px; height: 240px; overflow: hidden; -webkit-transform: translateZ(0); list-style-type:none; 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;}
#new .inner:before, #new .inner:after { content: ""; display: table;}
#new .inner:after { clear: both;}
#new .inner::after { content: ""; display: block; clear: both; height: 0;}
#new .inner li { width: 170px; height: 240px; margin: 0 5px 0 0; float: left; background: rgba(255, 255, 255, 1); font-size: 85%; line-height: 140%; position: relative;}
#new .inner li:nth-child(n+4) { display: block;}
#new .inner li .mp { width: 100%; height: 0; padding-top: 56.25%; position: relative;}
#new .inner li .mp div { display: block; width: 100%; height: 0; padding-top: 56.25%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0;}
#new .inner li .mp div img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10;}
#new .inner li .mtxt { box-sizing: border-box; width: 100%; padding: 1em; text-align: left; white-space: normal;}
#new .inner li .mtxt .date_txt { font-size: 90%; color: rgba(129, 137, 157, 1);}
#new .inner li .mtxt .date_txt-pc { display: none;}
#new .inner li a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 100;}
#new .inner li a:hover { background: rgba(255, 255, 255, .2);}
#new .inner .erli { width: 100%; background: rgba(255, 255, 255, 0);}
#new .morebtn_link { display: none;}
/*for_W768-*/
@media screen and (min-width: 768px) {
#right_space { width: 340px; float: right; position: -webkit-sticky; position: sticky; top: 1em; margin-bottom: 45px;}
#new { background: rgba(255, 255, 255, 1); padding: 1.2em 0 .5em 0;}
#new h2 .link_txt { display: none;}
#new .inner { width: 340px; height: auto; margin: 0 auto;}
#new .inner li { width: 318px; margin: 0 0 20px 20px; height: auto; float: none; line-height: 140%; position: relative;}
#new .inner li:before, #new .inner li:after { content: ""; display: table;}
#new .inner li:after { clear: both;}
#new .inner li::after { content: ""; display: block; clear: both; height: 0;}
#new .inner li:nth-child(n+6) { display: none;}
#new .inner li .mp { width: 41%; height: 0; padding-top: 23.0625%; float: left;}
#new .inner li .mtxt { width: 54%; height: 100%; padding: 0 0 0 2.9%; float: left; font-size: 76%; line-height: 140%; position: relative;}
#new .inner li .mtxt .main_txt { overflow: hidden; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: calc( 1.4em * 3 ); line-height: 1.4; font-size: 105%;}
#new .inner li .mtxt .date_txt { display: none;}
#new .inner li .mtxt .date_txt-pc { display: block; font-size: 90%; position: absolute; bottom: 0; left: 6%; color: rgba(0, 80, 255, 1); font-weight: bold;}
#new .morebtn_link { display: block; margin: 0 auto 1em auto;}
}

/*	program_topics
============================== */
#topics .tpc_err { font-size: 80%;}
#topics .set { width: 100%; margin: 1.5em auto 0 auto; padding-bottom: 0;}
#topics .o_photo .onair_space dl { bottom: 1em;}
#topics .o_photo .onair_space .onair_date { top: 23%;}
#topics .o_photo .onair_space dl { top: 63%;}
#topics .s_photo .onair_space dt { font-size: 100%; font-weight: bold; white-space: normal; text-overflow: ""; overflow: hidden; line-height: 140%; height: 100%; padding-top: 0; margin-top: .2em;}
/*for_W768-*/
@media screen and (min-width: 768px) {
#topics .s_photo .onair_space dt { font-size: 110%;}
#topics .o_photo .onair_space .onair_date { top: 44%;}
#topics .o_photo .onair_space dl { top: 72%;}
}


/*	nomain_img
============================== */
.mainimg0 { display: block; width: 100%; background: rgba(255, 255, 255, 1);}
.mainimg0 div { width: 92%; margin-bottom: 2em; text-align: left; font-size: 160%; line-height: 140%; font-weight: bold; color: rgba(0, 0, 0, 1); margin: 0 4%; padding: 1em 0 .5em 0; letter-spacing: .05em;}
.onair_space0 { width: 92%; margin: 0 3% 0 4.5%;}
.onair_space0 p { width: 100%; color: rgba(42,43,46, 1); text-align: left; padding-bottom: 3%; font-size: 90%; font-weight: bold; letter-spacing: .1em;}
.menu0 { color: rgba(42,43,46, 1);}
.menu0 label { border: 1px solid rgba(42,43,46, 1);}
/*for_W768-*/
@media screen and (min-width: 768px) {
.mainimg0 div { font-size: 240%;}
.onair_space0 p { font-size: 140%; letter-spacing: .15em;}
}