/*header*/
#hd_sp { width: 100%; max-width: 3600px; margin: 0 auto;}
#poster0_sp { width: 100%; height: 0; padding-top: 100%; position: relative;}
#poster0_fadein { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; display: none;}
#poster0 { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#poster_sp { width: 100%; height: 0; padding-top: 71%; position: relative;}
#poster_fadein { width: 100%; height: 0; padding-top: 71%; position: absolute; top: 0; left: 0; display: none;}
#poster { width: 100%; height: 0; padding-top: 71%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
/*_onair*/
#onair_all { width: 15.5257586450247%; width: -webkit-calc(440 / 2834 * 100%); width: calc(440 / 2834 * 100%); position: absolute; top: 77%; left: 1%;}
#onair_sp { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0;}
#onair_fadein { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; display: none;}
#onair { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
/*_catch*/
#catch_all { width: 3.74029640084686%; width: -webkit-calc(106 / 2834 * 100%); width: calc(106 / 2834 * 100%); position: absolute; top: 20%; left: 2%;}
#catch_sp { width: 100%; height: 0; padding-top: 761.320754716981132%; position: absolute; top: 0; left: 0;}
#catch_fadein { width: 100%; height: 0; padding-top: 761.320754716981132%; position: absolute; top: 0; left: 0; display: none;}
#catch { width: 100%; height: 0; padding-top: 761.320754716981132%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
/*_star*/
#star_all { width: 20%; width: -webkit-calc(566.8 / 2834 * 100%); width: calc(566.8 / 2834 * 100%); position: absolute; top: 25%; left: 40%;}
#star_sp { width: 100%; height: 0; padding-top: 32.251908396946565%; padding-top: -webkit-calc(169 / 524 * 100%); padding-top: calc(169 / 524 * 100%); position: relative; overflow: hidden;}
#star_fadein { width: 100%; height: 0; padding-top: 32.251908396946565%; padding-top: -webkit-calc(169 / 524 * 100%); padding-top: calc(169 / 524 * 100%); position: absolute; top: 0; left: 0; display: none;}
#star { width: 100%; height: 0; padding-top: 32.251908396946565%; padding-top: -webkit-calc(169 / 524 * 100%); padding-top: calc(169 / 524 * 100%); position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#star_mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; mask-image: url(../img/star0.png); -webkit-mask-image: url(../img/star0.png); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: cover; -webkit-mask-size: cover;}
.mask { width: 100%; height: 100%; position: absolute; top: 0; left: -100%; background-image: url(../img/kirari.png); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; animation: ltmove 5s linear infinite; -webkit-animation: ltmove 5s linear infinite; -moz-animation: ltmove 5s linear infinite;}
@keyframes ltmove { 0% { left: -100%;} 5% { left: 0;} 10% { left: 100%;} 100% { left: 100%;}}
@-webkit-keyframes ltmove { 0% { left: -100%;} 5% { left: 0;} 10% { left: 100%;} 100% { left: 100%;}}
@-moz-keyframes ltmove { 0% { left: -100%;} 5% { left: 0;} 10% { left: 100%;} 100% { left: 100%;}}

/*sns*/
#sns_sp { width: 98%; max-width: 700px; margin: 1em auto 1.5em auto; position: relative; z-index: 100;}
#sns_sp .sns_img { width: 100%; height: 0; padding-top: 17.592592592592593%; padding-top: -webkit-calc(190 / 1080 * 100%); padding-top: calc(190 / 1080 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
#sns_sp .sns_img li { width: 13%; position: absolute; top: 3%;}
#sns_sp .sns_img li a { width: 100%; height: 0; padding-top: 100%; display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#sns_sp .sns_img li a:hover { opacity: .7;}
#sns_sp .sns_img #ico_x-g { left: 42%;}
#sns_sp .sns_img #ico_instagram-g { left: 56%;}
#sns_sp .sns_img #ico_tiktok-g { left: 70%;}
/*for_W680-*/
@media all and (min-width: 680px) { 
#sns_sp .sns_img li { width: 10%; position: absolute; top: 15%;}
#sns_sp .sns_img #ico_x-g { left: 45%;}
#sns_sp .sns_img #ico_instagram-g { left: 56%;}
#sns_sp .sns_img #ico_tiktok-g { left: 67%;}
}

/*stream*/
#stream_sp { box-sizing: border-box; width: 100%; max-width: 980px; margin: 0 auto; padding: 1.8em .65em; background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, rgba(255, 239, 192, .1) 10px ), repeating-linear-gradient( rgba(255, 239, 192, .5), rgba(245, 221, 150, .1) );}
#stream_sp h2 { width: 51%; max-width: 382.5px; margin: 0 auto;}
#stream_sp h2 .title { display: block; width: 100%; height: 0; padding-top: 24.285714285714286%; padding-top: -webkit-calc(170 / 700 * 100%); padding-top: calc(170 / 700 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#stream_sp .ncontent_txt { box-sizing: border-box; width: 100%; max-width: 700px; overflow-y: auto; margin: 0 auto; padding: 1em; color: rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, .15);}
#stream_sp .ncontent_txt .stream_set { width: 100%; background-color: rgba(255, 255, 255, .9); position: relative;}
#stream_sp .ncontent_txt .stream_set a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#stream_sp .ncontent_txt .stream_set a:hover { background-color: rgba(230, 217, 25, .05);}
#stream_sp .ncontent_txt .stream_set .set_img { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#stream_sp .ncontent_txt .stream_set .set_txt { box-sizing: border-box; width: 100%; padding: .5em .05em; text-align: left; line-height: 170%; font-size: 88%; letter-spacing: .025em;}
#stream_sp .ncontent_txt .stream_set .set_txt .bgw { background-color: rgba(255, 255, 255, 1); padding: 1em;}
/*_stream_area*/
#stream_area { box-sizing: border-box; width: 100%; max-width: 480px; margin: 1em auto 2rem auto;}
#stream_area ul { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; margin-bottom: .75em;}
#stream_area li { width: 49%; flex-basis: 49%; margin: 0 25% .75em 25%; text-align: center; font-weight: bold; color: rgba(255, 255, 255, 1);}
#stream_area .wset { width: 100%; flex-basis: 100%; margin: .5em .5% 1em .5%; display: flex; flex-flow: row wrap; justify-content: space-between;}
#stream_area li div { width: 100%; flex-basis: 100%;}
#stream_area .wset div { width: 49%; flex-basis: 49%;}
#stream_area .wset .strm_txt { width: 100%; flex-basis: 100%; text-align: center;}
#stream_area li a { display: block; width: 100%; background-color: rgba(255, 255, 255, 1); border-radius: 20px; padding: .75em 0; margin-top: .5em; background-image: url(/um/img/bnr_stream.png); background-size: 300% 300%; background-repeat: no-repeat; height: 0; padding: 33.4928229665072% 0 0;}
#stream_area li a:hover { filter: brightness(1.2);}
#stream_area #realtime a { background-position: left top;}
#stream_area #tver a { background-position: center top;}
#stream_area #tbsfree a { background-position: right top;}
#stream_area #unext a { background-position: left center;}
#stream_area p { font-size: 90%; text-align: center;}
/*for_W680-*/
@media all and (min-width: 680px) { 
#stream_sp .ncontent_txt .stream_set .set_txt { text-align: center;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
/*#stream_area { max-width: 700px;}*/
#stream_sp .ncontent_txt .stream_set .set_txt { padding: 1em; font-size: 100%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#stream_area { max-width: 700px; margin: 1em auto 3rem auto;}
#stream_area ul { flex-flow: row nowrap; margin-bottom: .5em;}
#stream_area li { width: 32%; flex-basis: 32%; margin: .5em .5% .5em .5%;}
#stream_area .wset { width: 64%; flex-basis: 64%; margin: .5em 1.5% .5em .5%;}
}

/*story*/
#story_sp { width: 100%; max-width: 980px; margin: 1em auto 0em auto; position: relative; z-index: 100;}
#story_sp h2 { width: 40%; max-width: 300px; margin: 0 auto;}
#story_sp h2 .title { display: block; width: 100%; height: 0; padding-top: 30.909090909090909%; padding-top: -webkit-calc(170 / 550 * 100%); padding-top: calc(170 / 550 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#story_sp .content_txt { box-sizing: border-box; width: 100%; padding: 1em 2em; background-color: rgba(255, 255, 255, 1); color: rgba(0, 0, 0, 1);}
#story_sp .movie_sp { box-sizing: border-box; width: 100%; margin: .5em auto 1em auto; position: relative; z-index: 100;}
#story_sp .movie_sp .movie { width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-background-position: top left; background-position: top left;}
#story_sp .txt { line-height: 170%; letter-spacing: .025em;}
#story_sp .link_sp { width: 50%; max-width: 240px; float: right; margin-right: -1.5em;}
#story_sp .link_sp a { display: block; width: 100%; height: 0; padding-top: 45.833333333333333%; padding-top: -webkit-calc(220 / 480 * 100%); padding-top: calc(220 / 480 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#story_sp .link_sp a:hover { opacity: .5;}
/*for_W768-*/
@media all and (min-width: 768px) { 
#story_sp { width: 95%; margin: 1em auto;}
/*#story_sp h2 { margin: 0;}*/
#story_sp .content_txt { padding: 2em 4em 1em 4em;}
#story_sp .txt { line-height: 180%; letter-spacing: .05em;}
#story_sp .link_sp { margin-right: -3.5em; margin-top: -1em;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#story_sp .content_txt { padding: 2em 6em 1em 6em;}
#story_sp .link_sp { margin-right: -4.5em;}
}

/*
sns_timeline
#snstm_sp { box-sizing: border-box; width: 100%; max-width: 980px; margin: 0 auto; padding: 2em 1em; background-color: rgba(255, 255, 255, .35); position: relative; z-index: 100;}
#snstm_sp { background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, rgba(255, 239, 192, .1) 10px ), repeating-linear-gradient( rgba(255, 239, 192, .5), rgba(245, 221, 150, .1) );}
#snstm_sp h2 { width: 50%; max-width: 300px; margin: 0 auto;}
#snstm_sp h2 .title { display: block; width: 100%; height: 0; padding-top: 18.75%; padding-top: -webkit-calc(120 / 640 * 100%); padding-top: calc(120 / 640 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#snstm_sp .info_txt { color: rgba(0, 0, 0, 1); text-align: center; padding-top: 1em; font-size: 90%;}
#snstm_sp .sns { box-sizing: border-box; background-color: rgba(195, 13, 35, 1); border-radius: 10px; padding: 0 1em 1em 1em; margin-bottom: 1em;}
*/
/*
#snstm_sp #sns_insta, #snstm_sp #sns_tiktok { padding: 1em 1em .75em 1em;}
#snstm_sp .sns h3 { display: block; box-sizing: border-box; width: 100%; padding: 0 0 .5em 0;}
#snstm_sp .sns h3 a { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;}
#snstm_sp .sns h3 .sns_name { color: rgba(230, 217, 25, 1); font-family: "freight-neo-pro", sans-serif; font-style: normal; font-size: 320%; font-weight: 700;}
#snstm_sp #sns_insta h3 .sns_name, #snstm_sp #sns_tiktok h3 .sns_name { font-size: 200%; font-weight: 600;}
#snstm_sp #sns_insta h3 .sns_name::before, #snstm_sp #sns_tiktok h3 .sns_name::before { content: '→ '; font-size: 90%;}
#snstm_sp .sns h3 .sns_id { font-size: 90%; font-weight: lighter;}
#snstm_sp .tl_sp { box-sizing: border-box; width: 100%;}
#snstm_sp .timeline { width: 100%;} 
#snstm_sp .timeline .tl { box-sizing: border-box; width: 100%; height: 360px; box-shadow: 1px 1px 6px rgba(0, 0, 0, .15); background-color: rgba(255, 255, 255, 1); margin-top: -.4em;}
#snstm_sp .timeline .tl iframe { width: 100% !important;}
#snstm_sp .timeline .tl iframe { width: 740px !important;}
*/
/*
for_W768-
@media all and (min-width: 768px) { 
#snstm_sp .sns_set { width: 100%; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: space-between; position: relative;}
#snstm_sp #sns_x { width: 70%; flex-basis: 70%;}
#snstm_sp #sns_insta, #snstm_sp #sns_tiktok { width: 100%; height: 0; padding-top: 60%; position: relative;}
#snstm_sp #sns_insta h3 a, #snstm_sp #sns_tiktok h3 a { width: 100%; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); flex-flow: row wrap; align-items: center;}
#snstm_sp #sns_insta h3 a .sns_name, #snstm_sp #sns_insta h3 a .sns_id, #snstm_sp #sns_tiktok h3 a .sns_name, #snstm_sp #sns_tiktok h3 a .sns_id { width: 100%; flex-basis: 100%; text-align: center; padding: .25em 0;}
#snstm_sp .info_txt { width: 28%; height: 75px; position: absolute; bottom: 1em; right: 0;}
#snstm_sp .is_tk { width: 28%; flex-basis: 28%;}
}
*/
/*
for_W1000-
@media all and (min-width: 1000px) { 
#snstm_sp { margin: 1em auto;}
#snstm_sp #sns_x { width: 75%; flex-basis: 75%;}
#snstm_sp .is_tk { width: 23%; flex-basis: 23%;}
#snstm_sp .info_txt { width: 23%; height: 70px;}
}
*/

#snstm_sp { box-sizing: border-box; width: 100%; max-width: 980px; margin: 0 auto; padding: 2em 1em; background-color: rgba(255, 255, 255, .35); position: relative; z-index: 100;}
#snstm_sp { background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, rgba(255, 239, 192, .1) 10px ), repeating-linear-gradient( rgba(255, 239, 192, .5), rgba(245, 221, 150, .1) );}
#snstm_sp h2 { width: 50%; max-width: 300px; margin: 0 auto;}
#snstm_sp h2 .title { display: block; width: 100%; height: 0; padding-top: 18.75%; padding-top: -webkit-calc(120 / 640 * 100%); padding-top: calc(120 / 640 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#snstm_sp .info_txt { color: rgba(0, 0, 0, 1); text-align: center; padding-top: .5em; padding-bottom: 1.5em; font-size: 90%;}

#snstm_sp { position: relative; padding: 2em 1em 1em 1em;}
#snstm_sp .sns_all { width: 100%; max-width: 640px; margin: 0 auto;}
#snstm_sp .sns a { box-sizing: border-box; background-color: rgba(195, 13, 35, 1); border-radius: 10px; margin-bottom: .5em; width: 100%; padding: 1em; display: flex; flex-flow: row nowrap; justify-content: space-around;}
#snstm_sp .sns a .sns_name { color: rgba(230, 217, 25, 1); font-size: 200%; font-weight: 600; width: 60%;}
#snstm_sp .sns a .sns_name::before { content: '→ '; font-size: 90%;}
#snstm_sp .sns a .sns_id { font-size: 90%; font-weight: lighter; width: 38%; text-align: right;}
/*for_W640-*/
@media all and (min-width: 640px) { 
#snstm_sp { position: relative; padding: 2em 1em 1em 1em;}
#snstm_sp .sns_all { width: 100%; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: space-between;}
#snstm_sp .sns { width: 32%; flex-basis: 32%;}
#snstm_sp .sns a {padding: 2em 1em; display: flex; flex-flow: row wrap; justify-content: flex-start; line-height: 160%;}
#snstm_sp .sns a .sns_name, #snstm_sp .sns a .sns_id { width: 100%; text-align: center;}
#snstm_sp .sns a .sns_name { font-size: 160%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#snstm_sp { margin: 1em auto;}
#snstm_sp .sns_all { width: 100%; max-width: 800px; margin: 0 auto;}
}

/*news*/
#news_sp { box-sizing: border-box; width: 100%; max-width: 980px; margin: 0 auto; padding: 2em 1em; background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, rgba(255, 239, 192, .1) 10px ), repeating-linear-gradient( rgba(255, 239, 192, .5), rgba(245, 221, 150, .1) );}
#news_sp h2 { width: 30%; max-width: 160px; margin: 0 auto;}
#news_sp h2 .title { display: block; width: 100%; height: 0; padding-top: 34.969325153374233%; padding-top: -webkit-calc(114 / 326 * 100%); padding-top: calc(114 / 326 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
/* #news_sp .content_txt { box-sizing: border-box; width: 95%; max-width: 500px; max-height: 300px; overflow-y: auto; margin: 0 auto; padding: 0; color: rgba(0, 0, 0, 1);}  LIST */
#news_sp .ncontent_txt { box-sizing: border-box; width: 100%; max-width: 500px; max-height: 310px; overflow-y: auto; margin: 0 auto; padding: 1em; color: rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, .15);} /*project*/
#news_sp .ncontent_txt ul { width: 100%;}
#news_sp .ncontent_txt li { width: 100%; margin: .25em 0 .75em 0; background-color: rgba(255, 255, 255, .8); display: flex; flex-flow: row nowrap; justify-content: space-between; position: relative; overflow: hidden;}
#news_sp .ncontent_txt li a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#news_sp .ncontent_txt li a:hover { background-color: rgba(230, 217, 25, .25);}
#news_sp .ncontent_txt li .img_sp { width: 40%; flex-basis: 40%; background-color: rgba(255, 255, 255, 1);}
#news_sp .ncontent_txt li .img_sp .img { width: 100%; height: 0; padding-top: 68.108108108108108%; padding-top: -webkit-calc(252 / 370 * 100%); padding-top: calc(252 / 370 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; -webkit-background-position: center center; background-position: center center;}
#news_sp .ncontent_txt li .txt_sp { box-sizing: border-box; width: 60%; flex-basis: 60%; text-align: left;}
#news_sp .ncontent_txt li .txt_sp .txt_all { width: 100%; height: 0; padding-top: 45.405405405405405%; padding-top: -webkit-calc(252 / 555 * 100%); padding-top: calc(252 / 555 * 100%); position: relative;}
#news_sp .ncontent_txt li .txt_sp .date_txt { font-family: "freight-neo-pro", sans-serif; font-weight: 600; font-size: 110%; position: absolute; top: .35em; left: .5em;}
#news_sp .ncontent_txt li .txt_sp .con_txt { box-sizing: border-box; width: 95%; line-height: 140%; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; font-size: 92%; position: absolute; top: 2em; left: .5em;}
/*_project*/
#project_sp { width: 100%; margin: 1em auto; text-align: center;}
#project_sp #pro_logo-sp { width: 100%; margin: 0 auto;}
#project_sp #pro_logo { width: 100%; height: 0; padding-top: 34.5%; padding-top: -webkit-calc(207 / 600 * 100%); padding-top: calc(207 / 600 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#project_sp #pro_catch1-sp { width: 40%; margin: 1em auto;}
#project_sp #pro_catch1 { width: 100%; height: 0; padding-top: 33.333333333333333%; padding-top: -webkit-calc(150 / 450 * 100%); padding-top: calc(150 / 450 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#project_sp #pro_catch2-sp { width: 90%; margin: 1em auto;}
#project_sp #pro_catch2 { width: 100%; height: 0; padding-top: 11.688311688311688%; padding-top: -webkit-calc(90 / 770 * 100%); padding-top: calc(90 / 770 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
/*for_W640-*/
@media all and (min-width: 640px) { 
#news_sp .ncontent_txt { max-width: 900px;}
#news_sp .ncontent_txt ul { display: flex; flex-flow: row wrap; justify-content: space-between;}
#news_sp .ncontent_txt li { width: 49%; flex-basis: 49%; font-size: 88%;}
#project_sp #pro_logo-sp { width: 58%; margin: 0 0 0 3%; float: left;}
#project_sp #pro_catch1-sp { width: 33%; margin: 1.5em 0 0 3%; float: left;}
#project_sp #pro_catch2-sp { width: 95%; margin: 1em auto;}
#news_sp .ncontent_txt li .txt_sp .con_txt { font-size: 88%;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
#news_sp .ncontent_txt { max-height: 340px;}
#news_sp .ncontent_txt li .txt_sp .con_txt  { width: 92%; position: absolute; top: 1.8em; left: .5em;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#news_sp .ncontent_txt { max-height: 410px;}
#news_sp .ncontent_txt li .txt_sp .con_txt { font-size: 95%; position: absolute; top: 2em; left: .5em;}
}

/*movie2024*/
.movie2024_sp { width: 90%; max-width: 980px; margin: 1.5em auto .5em auto; position: relative; z-index: 100;}
.movie2024 { width: 100%; height: 0; padding-top: 50%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
.movie2024 a { display: block; width: 100%; height: 100%;  position: absolute; top: 0; left: 0;}
.movie2024 a:hover { background-color: rgba(230, 217, 25, .1);}
.movie2024_info { text-align: center; font-size: 85%; color: rgba(250, 250, 250, .75); padding: .5em 0 1em 0;}
/*for_W640-*/
@media all and (min-width: 640px) { 
.movie2024 { padding-top: 28%;}
.movie2024_info { font-size: 95%;}
}

/*onair2026*/
.onair2026_sp { width: 90%; max-width: 980px; margin: 1.5em auto .5em auto; position: relative; z-index: 100;}
.onair2026 { width: 100%; height: 0; padding-top: 50%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
.onair2026 a { display: block; width: 100%; height: 100%;  position: absolute; top: 0; left: 0;}
.onair2026 a:hover { background-color: rgba(230, 217, 25, .1);}
/*for_W640-*/
@media all and (min-width: 640px) { 
.onair2026 { padding-top: 28%;}
.onair2026_info { font-size: 95%;}
}

/*michelin_quiz*/
#michelin_quiz { width: 100%; max-width: 700px; margin: 1em auto;}
#michelin_quiz a { display: block; width: 100%; height: 0; padding-top: 52.4%; padding-top: -webkit-calc(524 / 1000 * 100%); padding-top: calc(524 / 1000 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#michelin_quiz #mq_img { width: 100%; height: 0; padding-top: 60%; padding-top: -webkit-calc(600 / 1000 * 100%); padding-top: calc(600 / 1000 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#michelin_quiz a:hover { opacity: .8;}
/*for_W768-*/
@media all and (min-width: 768px) { 
#michelin_quiz { margin: 2em auto 1em auto;}
}

/*footer*/
/*
#footer #lnk2019_sp { width: 90%; max-width: 800px; margin: 0 auto; box-shadow: 1px 1px 15px 0 rgba(255, 0, 31, .85);}
#footer #lnk2019_sp a { display: block; width: 100%; height: 0; padding-top: 31.688166012338755%; padding-top: -webkit-calc(565 / 1783 * 100%); padding-top: calc(565 / 1783 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#footer #lnk2019_sp a:hover { opacity: .8;}
*/
#past_site { width: 90%; max-width: 1200px; margin: .5em auto;}
#past_site .past { width: 100%; max-width: 800px; margin: .5em auto; box-shadow: 1px 1px 15px 0 rgba(60, 60, 60, .45);}
#past_site .past a { display: block; width: 100%; height: 0; padding-top: 31.688166012338755%; padding-top: -webkit-calc(565 / 1783 * 100%); padding-top: calc(565 / 1783 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#past_site .past a:hover { opacity: .8;}
/*for_W768-*/
@media all and (min-width: 768px) { 
#past_site { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center;}
#past_site #lnk2019_sp, #past_site #lnkmovie_sp { width: 48%; margin: .5em .5%;}
}