@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400&family=Roboto:wght@500;700&display=swap");
body { margin: 0; padding: 0; }

html, body { height: 100%; }

img { line-height: 0; font-size: 0; border: 0; }

a img, fieldset, img { border: 0; }

blockquote, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, ul, li, ol, p, pre, span, td, th { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6, p, address { font-size: 100%; }

ul, li, ol { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }

a:link, a:visited { color: #FFF; text-decoration: none; }

a:hover, a:active { color: #FFF; text-decoration: none; }

a { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

a:hover { filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }

hr { display: none; }

.cf:before, .cf:after { content: " "; display: table; }

.cf:after { clear: both; }

.cf { *zoom: 1; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

html body { background: #FFF; color: #333; font-size: 16px; }
@media screen and (max-width: 759px) { html body { font-size: 3.6vw; } }

img { vertical-align: top; }

.taC { text-align: center !important; }

.taR { text-align: right !important; }

.taL { text-align: left !important; }

.mt50 { margin-top: 50px; }

@media screen and (min-width: 760px) { .sp { display: none !important; }
  .pc { display: block; } }
@media screen and (max-width: 759px) { .pc { display: none !important; }
  .sp { display: block; }
  .fit { width: 100%; height: auto; } }
#container { margin: 0 auto; text-align: center; line-height: 180%; overflow-x: hidden; color: #FFF; background: #000 url(../img/main_bg.jpg) no-repeat center top; position: relative; font-family: 'Noto Sans JP', sans-serif; }
@media screen and (min-width: 760px) { #container { min-width: 1000px; } }
@media screen and (max-width: 759px) { #container { background-size: 100% auto; } }

@media screen and (min-width: 1400px) { #container { background-size: 100% auto; } }
.cInner { margin: 0 auto; text-align: center; position: relative; }
@media screen and (min-width: 760px) { .cInner { width: 1000px; } }
@media screen and (max-width: 759px) { .cInner { padding: 0 5vw; } }

/*-------------------------------------------------
	++ MAIN 
-------------------------------------------------*/
#main { font-family: 'Roboto', sans-serif; font-weight: 500; }
@media screen and (min-width: 760px) { #main { min-height: 930px; } }
#main .mainTitle { padding-top: 170px; }
@media screen and (max-width: 759px) { #main .mainTitle { padding: 20vw 5vw 0 5vw; } }
#main .mainTime { font-size: 26px; color: #edfc6b; margin-top: 110px; }
@media screen and (max-width: 759px) { #main .mainTime { font-size: 5.8vw; margin-top: 10vw; } }
#main .mainPersonality { font-size: 18px; margin-top: 10px; }
@media screen and (max-width: 759px) { #main .mainPersonality { font-size: 4vw; margin-top: 2vw; } }

/*-------------------------------------------------
	++ MENU
-------------------------------------------------*/
@media screen and (min-width: 760px) { .menuWrap { min-height: 72px; }
  #menu { width: 100%; }
  #menu ul { display: flex; justify-content: center; }
  #menu ul li { font-family: 'Roboto', sans-serif; font-weight: 500; }
  #menu ul li a { display: block; color: #FFF; padding: 25px 13px; font-size: 24px; }
  #menu.fixmenu { position: fixed; top: 0; left: 0; z-index: 9999; background: rgba(0, 0, 0, 0.8); } }
@media screen and (max-width: 759px) { .menuWrap { padding: 5vw; display: block; width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.9); top: 0; right: 0; z-index: 9998; transform: translate(100%); transition: all .2s; }
  .menuWrap.current { transform: translate(0); transition: all .2s; }
  #menuBtn { position: fixed; right: 0; width: 12vw; height: 12vw; top: 0; z-index: 9999 !important; display: block; }
  #menuBtn span { display: block; width: 30px; height: 2px; background-color: #FFF; position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -1px; transition: all .2s; opacity: 1; }
  #menuBtn span:nth-of-type(1) { margin-top: -8px; }
  #menuBtn span:nth-of-type(3) { margin-top: 6px; }
  #menuBtn.current span:nth-of-type(1) { background-color: #8cd5f9; transform: rotate(45deg); margin-top: 0; }
  #menuBtn.current span:nth-of-type(2) { opacity: 0; }
  #menuBtn.current span:nth-of-type(3) { background-color: #8cd5f9; transform: rotate(-45deg); margin-top: 0; }
  #menuBtn.move { background-color: #8cd5f9; }
  #menuBtn.move.current { background-color: transparent; }
  #menu { width: 100%; }
  #menu ul { letter-spacing: -.4em; }
  #menu ul li { display: block; letter-spacing: normal; margin: 0 2px; }
  #menu ul li a { display: block; padding: 20px; } }
.arrow { display: inline-block; position: relative; border: 1px solid #FFF; padding: 10px 50px; }
@media screen and (min-width: 760px) { .arrow { min-width: 400px; } }
.arrow:before { transition: all 0.2s ease-in; content: ""; width: 25px; height: 1px; background-color: #FFF; position: absolute; top: 50%; right: 15px; transform: translateY(5px); }
.arrow:after { transition: all 0.2s ease-in; content: ""; width: 10px; height: 1px; background-color: #FFF; position: absolute; top: 50%; right: 15px; transform: translateY(5px) rotate(45deg); transform-origin: right bottom; }
.arrow.single { padding: 30px 50px; }
@media screen and (max-width: 759px) { .arrow.single { padding: 3vw 50px; } }
.arrow.single .ja { font-size: 20px; }
@media screen and (max-width: 759px) { .arrow.single .ja { font-size: 4.4vw; } }
.arrow:hover:before, .arrow:hover:after { right: -3px; }

/*-------------------------------------------------
	++ CONTENTS 
-------------------------------------------------*/
.section { position: relative; padding: 90px 0 45px 0; }
@media screen and (max-width: 759px) { .section { padding: 10vw 0; } }
.section .secHead { margin-bottom: 30px; }
@media screen and (max-width: 759px) { .section .secHead { margin-bottom: 5vw; } }
.section .secHead h2 { font-size: 40px; font-family: 'Roboto', sans-serif; font-weight: 500; line-height: 1.4; display: inline-block; background: linear-gradient(0deg, #97fcc0, #8cd5f9); background: -webkit-linear-gradient(0deg, #97fcc0, #8cd5f9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.4; }
.section .secHead h2.rv { background: linear-gradient(0deg, #8cd5f9, #97fcc0); background: -webkit-linear-gradient(0deg, #8cd5f9, #97fcc0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
@media screen and (max-width: 759px) { .section .secHead h2 { font-size: 7vw; } }

#mbNavi { padding-top: 0; }

#bnrSec { padding-top: 45px; }
@media screen and (max-width: 759px) { #bnrSec { padding-top: 10vw; } }

.btnList { display: flex; justify-content: center; flex-wrap: wrap; }
.btnList li { width: 50%; padding: 0 20px; }
@media screen and (max-width: 759px) { .btnList li { width: 100%; padding: 0; margin-bottom: 5vw; }
  .btnList li:nth-last-of-type(1) { margin-bottom: 0; } }
.btnList li a { width: 100%; }
.btnList li .en { display: block; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 32px; background: linear-gradient(0deg, #97fcc0, #8cd5f9); background: -webkit-linear-gradient(0deg, #97fcc0, #8cd5f9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.4; }
.btnList li .en.rv { background: linear-gradient(0deg, #8cd5f9, #97fcc0); background: -webkit-linear-gradient(0deg, #8cd5f9, #97fcc0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
@media screen and (max-width: 759px) { .btnList li .en { font-size: 6vw; } }
.btnList li .ja { display: block; }
@media screen and (max-width: 759px) { .btnList li .ja { font-size: 3.6vw; } }

.bnrList { display: flex; justify-content: center; flex-wrap: wrap; }
.bnrList li { margin: 0 15px; }
@media screen and (max-width: 759px) { .bnrList li { margin: 0 0 5vw 0; width: 50%; padding: 0 2.5vw; }
  .bnrList li img { width: 100%; height: auto; }
  .bnrList li:nth-last-of-type(-n + 2) { margin-bottom: 0; } }

#info .infolist ul li { padding-left: 30px; text-align: left; margin-bottom: 15px; position: relative; }
@media screen and (max-width: 759px) { #info .infolist ul li { padding-left: 5vw; margin-bottom: 3vw; line-height: 1.4; } }
#info .infolist ul li:before { content: ""; width: 17px; height: 17px; border-radius: 10px; background-color: #97fcc0; display: block; position: absolute; top: 6px; left: 6px; }
@media screen and (max-width: 759px) { #info .infolist ul li:before { width: 3vw; height: 3vw; border-radius: 3vw; top: 1.7vw; left: 0; } }
#info .infolist ul li:nth-last-of-type(1) { margin-bottom: 0; }

#podcast .text { margin-bottom: 30px; }
@media screen and (max-width: 759px) { #podcast .text { margin-bottom: 5vw; text-align: left; } }
#podcast .deliver { display: flex; flex-flow: row wrap; justify-content: center; }
#podcast .deliver dt { width: 50%; }
@media screen and (max-width: 759px) { #podcast .deliver dt { width: 100%; } }
#podcast .deliver dt img { width: 70%; }
#podcast .deliver dd { width: 50%; }
@media screen and (max-width: 759px) { #podcast .deliver dd { width: 100%; margin-top: 5vw; } }
#podcast .deliver dd ul { display: block; }
#podcast .deliver dd ul li { padding: 0; margin-bottom: 15px; text-align: center; }
@media screen and (max-width: 759px) { #podcast .deliver dd ul li { margin-bottom: 5vw; padding: 0 5vw; } }
#podcast .deliver dd ul li img { border: 1px solid #FFF; max-width: 280px; }
@media screen and (max-width: 759px) { #podcast .deliver dd ul li img { width: 90%; } }

.borderBox { border: 1px solid #97fcc0; position: relative; padding: 40px; }
@media screen and (max-width: 759px) { .borderBox { padding: 10vw 5vw 5vw 5vw; } }
.borderBox:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid #8cd5f9; z-index: 0; }
.borderBox .boxContents { position: relative; z-index: 1; }
.borderBox .secHead { position: absolute; top: -30px; left: 50%; display: inline-block; transform: translateX(-50%); background: #000; }
@media screen and (max-width: 759px) { .borderBox .secHead { top: -5vw; } }
.borderBox .secHead h2 { display: inline-block; padding: 0 20px; }
@media screen and (max-width: 759px) { .borderBox .secHead h2 { padding: 0 1vw; white-space: nowrap; } }

#sns .secHead { margin-bottom: 50px; }
@media screen and (max-width: 759px) { #sns .secHead { margin-bottom: 10vw; } }
@media screen and (min-width: 760px) { #sns .snsWrap { display: flex; flex-wrap: wrap; } }
#sns .snsWrap .icon { margin-bottom: 30px; }
@media screen and (max-width: 759px) { #sns .snsWrap .icon { margin-bottom: 3vw; padding: 0 40vw; } }
#sns .snsWrap .twitterWrap { width: 50%; padding-right: 10px; }
@media screen and (max-width: 759px) { #sns .snsWrap .twitterWrap { width: 100%; margin-bottom: 10vw; } }
#sns .snsWrap .instaWrap { width: 50%; padding-left: 10px; }
@media screen and (max-width: 759px) { #sns .snsWrap .instaWrap { width: 100%; padding: 0; } }
#sns .snsWrap .instaWrap ul { display: flex; flex-wrap: wrap; }
#sns .snsWrap .instaWrap ul li { width: 32%; margin-right: 2%; margin-bottom: 10px; }
@media screen and (max-width: 759px) { #sns .snsWrap .instaWrap ul li { margin-bottom: 2vw; } }
#sns .snsWrap .instaWrap ul li:nth-of-type(3n) { margin-right: 0; }
#sns .snsWrap .instaWrap ul li img { width: 100%; height: auto; }

#about { background: url(../img/about_bg.jpg) no-repeat center center; color: #FFF; }
#about h3 { font-size: 24px; line-height: 150%; margin-bottom: 40px; }
@media screen and (max-width: 759px) { #about h3 { font-size: 4.6vw; margin-bottom: 5vw; } }
#about .text { line-height: 200%; }
#about .personality { margin-top: 50px; }
@media screen and (max-width: 759px) { #about .personality { margin-top: 10vw; } }
#about .personality ul { display: flex; justify-content: center; }
#about .personality ul li { margin: 0 20px; }
@media screen and (max-width: 759px) { #about .personality ul li { margin: 0 3vw; } }

@media screen and (min-width: 1400px) { #about { background-size: 100% auto; } }
.onairListWrap ul li { margin-bottom: 30px; padding: 20px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.onairListWrap ul li .reportBox { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 759px) { .onairListWrap ul li .reportBox { display: block; } }
.onairListWrap ul li .reportBox .photo { width: 30%; }
@media screen and (max-width: 759px) { .onairListWrap ul li .reportBox .photo { width: 100%; } }
.onairListWrap ul li .reportBox .photo img { width: 100%; height: auto; }
.onairListWrap ul li .reportBox .detail { width: 70%; text-align: left; padding-left: 20px; }
@media screen and (max-width: 759px) { .onairListWrap ul li .reportBox .detail { width: 100%; padding-left: 0; } }
.onairListWrap ul li .reportBox .detail .date { display: inline-block; background-color: #97fcc0; color: #333; margin-bottom: 10px; padding: 4px 10px; position: relative; line-height: 1; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 16px; font-weight: 700; }
@media screen and (max-width: 759px) { .onairListWrap ul li .reportBox .detail .date { margin-bottom: 3vw; padding: 0 3vw; font-size: 3.6vw; } }
.onairListWrap ul li .reportBox .detail .date:after { content: "ON AIR"; font-size: 12px; margin-left: 5px; }
@media screen and (max-width: 759px) { .onairListWrap ul li .reportBox .detail .date:after { font-size: 3vw; } }
.onairListWrap ul li .reportBox .detail .title { font-size: 20px; color: #8cd5f9; font-weight: bold; margin-bottom: 10px; }
.onairListWrap ul li .reportBox .detail .title a { color: #8cd5f9; }
.onairListWrap ul li .reportBox .detail .text { text-align: left; font-size: 16px; }
.onairListWrap ul li .reportBox .detail .moreLink { text-align: right; }
.onairListWrap ul li .reportBox .detail .moreLink a { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 14px; display: inline-block; border: 1px solid #D9d9d9; padding: 3px 10px; }

#reportdetail .guestBox { margin-bottom: 30px; padding: 20px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
#reportdetail .guestBox .boxHead { text-align: left; margin-bottom: 40px; }
#reportdetail .guestBox .boxHead .date { display: inline-block; background-color: #97fcc0; color: #333; margin-bottom: 10px; padding: 4px 10px; position: relative; line-height: 1; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 16px; font-weight: 700; }
@media screen and (max-width: 759px) { #reportdetail .guestBox .boxHead .date { margin-bottom: 3vw; padding: 0 3vw; font-size: 3.6vw; } }
#reportdetail .guestBox .boxHead .date:after { content: "ON AIR"; font-size: 12px; margin-left: 5px; }
@media screen and (max-width: 759px) { #reportdetail .guestBox .boxHead .date:after { font-size: 3vw; } }
#reportdetail .guestBox .boxHead .title { font-size: 20px; color: #8cd5f9; font-weight: bold; margin-bottom: 10px; }
#reportdetail .guestBox .photo { margin: 10px 0 20px; }
#reportdetail .guestBox .photo img { max-width: 100%; }
#reportdetail .guestBox .text { text-align: left; font-size: 16px; }

.entryBlock { text-align: left; line-height: 1.8; letter-spacing: 1px; margin-bottom: 100px; }
.entryBlock .date { font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 500; margin-bottom: 10px; }
.entryBlock h3 { color: #8cd5f9; font-size: 20px; }
.entryBlock .text a { color: #8cd5f9; }
.entryBlock .text p { margin-bottom: 20px; }
.entryBlock .text img { max-width: 100%; height: auto; }

@media screen and (max-width: 759px) { .entryBlock { margin-bottom: 10vw; }
  .entryBlock .date { font-size: 4vw; margin-bottom: 5vw; }
  .entryBlock .date:after { margin-left: 2vw; font-size: 3.2vw; padding: 0 2vw; }
  .entryBlock h3 { font-size: 4.4vw; }
  .entryBlock p { margin-bottom: 3vw; } }
/*-------------------------------------------------
	++ FORM 
-------------------------------------------------*/
#messageform .formAtt { margin: 20px 0; text-align: left; font-size: 14px; }
#messageform .message { padding: 20px 40px; }
@media screen and (max-width: 759px) { #messageform .message { padding: 3vw 3vw; } }
#messageform .message .message-subtitle { padding: 5px; border-bottom: 3px solid #8cd5f9; font-size: 18px; color: #8cd5f9; margin: 20px 0; }
@media screen and (max-width: 759px) { #messageform .message .message-subtitle { margin: 3vw 0; padding: 2vw; } }
#messageform .message .sub-link { margin: 20px 0; font-size: 14px; }
@media screen and (max-width: 759px) { #messageform .message .sub-link { margin: 3vw 0; } }
#messageform .message .sub-link a { margin: 0 20px; }
@media screen and (max-width: 759px) { #messageform .message .sub-link a { margin: 0 3vw; } }
#messageform .message #form-notice { margin: 20px 0; text-align: left; font-size: 14px; }
@media screen and (max-width: 759px) { #messageform .message #form-notice { margin: 3vw 0; font-size: 3.2vw; } }
#messageform .message #form-notice .formAtt { margin-bottom: 20px; }
@media screen and (max-width: 759px) { #messageform .message #form-notice .formAtt { margin-bottom: 3vw; } }
#messageform .message a { text-decoration: underline; }
#messageform .message table { width: 100%; border-collapse: collapse; }
#messageform .message table tr th, #messageform .message table tr td { font-size: 16px; padding: 5px; }
@media screen and (max-width: 759px) { #messageform .message table tr th, #messageform .message table tr td { display: block; } }
#messageform .message table tr th { vertical-align: top; width: 30%; text-align: right; }
@media screen and (max-width: 759px) { #messageform .message table tr th { text-align: left; width: 100%; } }
#messageform .message table tr td { width: 70%; text-align: left; }
@media screen and (max-width: 759px) { #messageform .message table tr td { width: 100%; } }
#messageform .message.thanks { padding: 40px; }
#messageform .message.thanks h2 { font-size: 24px; font-weight: bold; color: #8cd5f9; margin-bottom: 15px; }

#hw-message input:not([type="radio"]), #hw-message textarea { width: 100%; border: 1px solid #d1d1d1; background: #fff; -webkit-appearance: none; border-radius: 0; padding: 5px; font-size: 16px; }
@media screen and (max-width: 759px) { #hw-message input:not([type="radio"]), #hw-message textarea { padding: 1vw; } }

#hw-message select { width: 100%; border: 1px solid #d1d1d1; background: #fff; border-radius: 0; padding: 5px; font-size: 16px; }
@media screen and (max-width: 759px) { #hw-message select { padding: 1vw; } }

#hw-message textarea { height: 120px; }

#hw-message input:not([type="radio"]):focus, #hw-message textarea:focus { outline: none; border: 1px solid #999; font-size: 16px; }

#form-submit, #form-reset { -webkit-appearance: none; border: 1px solid #d1d1d1; background: #d1d1d1; border-radius: 0; height: 44px; width: 264px; border-radius: 9999px; margin-right: 16px; font-size: 16px; cursor: pointer; }
@media screen and (max-width: 759px) { #form-submit, #form-reset { height: 12vw; width: 80%; margin-bottom: 3vw; } }

#form-submit { border: 1px solid #8cd5f9; color: #000; background: linear-gradient(0deg, #8cd5f9, #97fcc0); background: -webkit-linear-gradient(0deg, #8cd5f9, #97fcc0); }

/*-------------------------------------------------
	++ FOOTER
-------------------------------------------------*/
#jwaveFooter { padding: 20px 0 70px 0; }
@media screen and (max-width: 759px) { #jwaveFooter { padding: 6vw 0; } }
#jwaveFooter .commonSet { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
#jwaveFooter .commonSet .toHome { width: 50%; text-align: left; }
@media screen and (max-width: 759px) { #jwaveFooter .commonSet .toHome { width: 60%; }
  #jwaveFooter .commonSet .toHome a { width: 45%; display: block; } }
#jwaveFooter .commonSet .footerLogo { width: 50%; text-align: right; }
@media screen and (max-width: 759px) { #jwaveFooter .commonSet .footerLogo { width: 40%; } }
#jwaveFooter .commonSet .copyRight { width: 100%; text-align: center; font-size: 12px; }
@media screen and (max-width: 759px) { #jwaveFooter .commonSet .copyRight { width: 60%; margin-top: 8vw; font-size: 3vw; } }

/* LATEST NEXT*/
#tab-contents { max-width: 100% !important; margin: 0 auto; padding: 0 !important; }

#tab-btn-set { margin-bottom: 0; border-bottom: 5px solid #c8c8c8; }
#tab-btn-set .tab-btn { width: 100%; max-width: 100%; margin: 0; }
#tab-btn-set .tab-btn:after { height: 5px; background-color: #8cd5f9; bottom: -5px; }
#tab-btn-set .tab-btn .label { font-size: 32px; font-family: 'Roboto', sans-serif; font-weight: 500; color: #6e6e6e; padding: 15px 0; }
@media screen and (max-width: 759px) { #tab-btn-set .tab-btn .label { font-size: 6vw; padding: 2vw 0; } }
#tab-btn-set .tab-btn.is-active .label { color: #8cd5f9; }

#tab-box-set { padding: 50px 0; }
@media screen and (max-width: 759px) { #tab-box-set { padding: 5vw 0; } }
#tab-box-set .tab-box { width: 1000px; margin: 0 auto; text-align: center; }
@media screen and (max-width: 759px) { #tab-box-set .tab-box { width: 100%; } }
#tab-box-set .tab-box .onair-info-head { text-align: left; }
#tab-box-set .tab-box .onair-info-head .onair-info-date { display: inline-block; background-color: #97fcc0; color: #333; margin-bottom: 30px; padding: 4px 10px; position: relative; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 16px; font-weight: 700; }
@media screen and (max-width: 759px) { #tab-box-set .tab-box .onair-info-head .onair-info-date { margin-bottom: 3vw; padding: 0 3vw; font-size: 3.6vw; } }
#tab-box-set .tab-box .onair-info-head .onair-info-date:after { content: "ON AIR"; font-size: 12px; margin-left: 5px; }
@media screen and (max-width: 759px) { #tab-box-set .tab-box .onair-info-head .onair-info-date:after { font-size: 3vw; } }
#tab-box-set .tab-box .onair-info-head .onair-info-title { font-size: 20px; color: #8cd5f9; }
@media screen and (max-width: 759px) { #tab-box-set .tab-box .onair-info-head .onair-info-title { font-size: 4.4vw; } }
#tab-box-set .tab-box .onair-info-comment { text-align: left; font-size: 16px; }
@media screen and (max-width: 759px) { #tab-box-set .tab-box .onair-info-comment { font-size: 3.6vw; line-height: 1.8; } }


/*-------------------------------------------------
	++ JFL LIST / 240323-
-------------------------------------------------*/

ul.jfl-link {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    margin-bottom: -20px;
    margin-left: -20px;
}

.jfl-link>* {
    margin: 0 0 20px 20px;
    width: calc((100% / 3) - 20px);
    flex: 0 0 calc((100% / 3) - 20px);
}

.jfl-link__item {
    text-align: center;
}

.jfl-link__item a {
    display: block;
    border-radius: 5px;
    overflow: hidden;
}

.jfl-link__item a img {
    width: 80%;
    height: auto;
}

.jfl-link .day {
    display: block;
}
.jfl-link .day_fri {
    color: #fbdfb8;
}
.jfl-link .day_sat {
    color: #b8dffb;
}