/*	header
============================== */
#poster_sp { width: 100%; height: 0; padding-top: 75%; padding-top: -webkit-calc(1500 / 2000 * 100%); padding-top: calc(1500 / 2000 * 100%); position: relative;}
#poster_fadein { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none;}
#poster { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: contain;}

/*	tbsfree pre
============================== */
#tbsfree_pre { width: 100%; background-color: rgba(44, 99, 170, .2); padding: 2em 0; text-align: center; font-size: 140%; color: rgba(255, 255, 255, 1); font-weight: 700;}
#tbsfree_pre .info_txt { padding-bottom: 1em;}
#tbsfree_pre #tbsfree_set { width: 90%; max-width: 400px; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content:  center; align-items: center;}
#tbsfree_pre #tbsfree_set #tbsfree_icon { width: 56%;}
#tbsfree_pre #tbsfree_set #tbsfree_icon .wtsp { width: 100%; height: 0; padding-top: 34%; background-color: rgba(255, 255, 255, 1); border-radius: 10px; position: relative;}
#tbsfree_pre #tbsfree_set #tbsfree_icon .wtsp .img { width: 100%; height: 0; padding-top: 33.33333333%; padding-top: -webkit-calc(100 / 300 * 100%); calc(100 / 300 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(/ro/img/logo/tbsfree.svg); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
#tbsfree_pre #tbsfree_set #tbsfree_txt { width: 34%; text-align: center; font-size: 110%; }
#tbsfree_pre a { color: rgba(255, 255, 255, 1);}
#tbsfree_pre a:hover { opacity: .8;}

/*	tbsfree
============================== */
#tbsfree_sp { box-sizing: border-box; width: 100%; background-repeat: no-repeat; background-size: 95%; background-position: -5% -0.5em; padding: 2.5em 0 1.5em 0; margin: -1em auto 0 auto; position: relative;}
#tbsfreeBlock { width: 100%; max-width: 1100px; margin: 0 auto;}
.tbsfree-embed { padding: 0; text-align: center;}
.tbsfree-embed > div:first-child { flex-flow: row nowrap; justify-content: center;}
.tbsfree-embed > div:first-child > h2 { width: 45%;}
.tbsfree-embed > div:first-child > div { width: 50%;}
.tbsfree-embed { display: flex; background-color: hsl(0deg 0% 36.98% / 0);}
.tbsfree-embed > div:first-child > div > p:not(:last-child) { color: rgba(255, 255, 255, 1); font-size: 120%; letter-spacing: .05em; padding-bottom: .25em; text-shadow: 2px 2px 4px rgba(252, 107, 107, .5);}
.tbsfree-embed > div:first-child > div > p.tbsfree-embed-date { text-align: center; color: rgba(255, 255, 255, 1); background-color: rgba(226, 107, 120, 1); border-radius: 0; font-size: 80%; padding: .35em; margin-bottom: .075em;}
.tbsfree-embed > div:last-child { margin-bottom: .5em;}
.tbsfree-embed > div:last-child > div:last-child > * { background-image:url(../img/thumb_preparation.jpg);}
/*for_W480-*/
@media all and (min-width: 480px) { 
#tbsfree_sp { background-size: 90%; background-position: -10% 0;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
#tbsfree_sp { background-size: 85%; background-position: -10% 0;}
.tbsfree-embed > div:first-child > div > p:not(:last-child) { font-size: 180%;}
.tbsfree-embed > div:first-child > div > p.tbsfree-embed-date { font-size: 100%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#tbsfree_sp { background-size: 46%; background-position: -5% 0; padding: 1.5em 0 .5em 0;}
.tbsfree-embed > div:first-child { width: 32%; margin: 0 2% 0 3%; flex-flow: row wrap;}
.tbsfree-embed > div:last-child { width: 60%;}
.tbsfree-embed > div:first-child > h2 { width: 100%;}
.tbsfree-embed > div:first-child > div { width: 100%;}
.tbsfree-embed > div:first-child > div > p.tbsfree-embed-date { padding: .5em 1em;}
}
/*for_W1200-*/
@media all and (min-width: 1200px) { 
#tbsfree_sp { background-size: 44%; background-position: 0 -1em; padding: 1.5em 0 .5em 0;}
}
/*for_W1300-*/
@media all and (min-width: 1300px) { 
#tbsfree_sp { background-size: 500px; background-position: 10% center; padding: 1.5em 0 .5em 0;}
}

/*	next_onair
============================== */
#next_onair0 { width: 100%; background-repeat: repeat-y; background-size: contain; background-image: url(../img/bg_next0-s.jpg);}
#next_onair { width: 100%; background-repeat: no-repeat; background-size: contain; background-image: url(../img/bg_next-s.jpg); background-position: top center; height: 100%; padding: 1em 0 1.5em 0;}
#next_onair h2 { display: block; width: 96%; max-width: 750px; margin: 0 auto;}
#next_onair h2 #title_next { display: block; width: 100%; height: 0; padding-top: 27.6%; padding-top: -webkit-calc(276 / 1000 * 100%); padding-top: calc(276 / 1000 * 100%); background-repeat: no-repeat; background-size: contain;}
#next_onair .movieBox { max-width: 800px; margin: -0.5em auto .5em auto;}
#gotostory_sp { width: 32%; max-width: 180px; margin: 0 auto;}
#gotostory_sp a { display: block; width: 100%; height: 0; padding-top: 36.36363636%; padding-top: -webkit-calc(120 / 330 * 100%); padding-top: calc(120 / 330 * 100%); background-repeat: no-repeat; background-size: contain;}
#gotostory_sp a:hover { filter: brightness(160%);}
/*for_W768-*/
@media all and (min-width: 768px) { 
#next_onair h2 { width: 75%; margin: 0;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
#next_onair0 { background-image: url(../img/bg_next0.jpg);}
#next_onair { background-image: url(../img/bg_next.jpg); padding: 1em 0 2.5em 0;}
#next_onair h2 { width: 70%; margin-left: 1%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#next_onair .movieBox { margin: -1em auto .5em auto;}
#next_onair h2 { width: 750px; margin-left: calc((100% - 1000px)/2);}
#gotostory_sp0 { width: 90%; max-width: 800px; margin: 0 auto; padding-top: .5em;}
#gotostory_sp { width: 180px; margin: 0 0 0 calc(100% - 180px);}
}

/*	topics
============================== */
#topics { width: 100%; padding: 1em 0 2em 0; background-repeat: no-repeat; background-size: 160%; background-position: center center; background-image: url(../img/bg_topics.jpg);}
#topics h2 { display: block; width: 98%; max-width: 900px; margin: 0 auto;}
#topics h2 #title_topics { display: block; width: 100%; height: 0; padding-top: 20.27027027%; padding-top: -webkit-calc(150 / 740 * 100%); padding-top: calc(150 / 740 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/title_topics-s.png);}
#topics .slider-unit { width: 98%; max-width: 1200px;}
#topics .slider-unit .outer { width: 100%; overflow: hidden; margin: 1em auto 2em auto;}
#topics .slider-unit .inner { -webkit-transform: translateZ(0); overflow: hidden; list-style-type: none; z-index: 1; list-style: none; position: relative;}
#topics .slider-unit .inner li { width: 290px; position: relative; z-index: 10; margin-bottom: 0;}
#topics .slider-unit .inner li::before { width: 100%; height: 100%; background-color: rgba(226, 107, 120, .3); position: absolute; right: -10px; bottom: -10px; z-index: 5;}
#topics .slider-unit .inner li span { display: block;}
#topics .slider-unit .inner li a { box-sizing: border-box; width: 100%; height: 100%; display: block; position: relative; background-color: rgba(255, 255, 255, 1); background-repeat: no-repeat; background-size: 100% 55%; background-position: top center; background-image: url(../img/bg_topic-img.png); padding-top: 2px;}
#topics .slider-unit .inner li a .thumb { display: block; background-repeat: no-repeat; background-size: contain; background-position: top center;}
#topics .slider-unit .inner li a .txtarea { display: block; padding: 1em; text-align: left; font-size: 120%; color: rgba(82, 44, 48, 1);}
#topics .slider-unit .inner li a .txtarea .dte { display: block; color: rgba(185, 112, 120, 1);}
#topics .slider-unit .inner li a .txtarea .ttl { display: block; height: 4.5em;}
#topics .slider-unit .inner li a .txtarea .ttl b { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 3; font-weight: normal;}
#topics .slider-unit .inner li a .txtarea .ftr { display: none;}
#gototopics_sp { width: 32%; max-width: 180px; margin: 0 auto;}
#gototopics_sp a { display: block; width: 100%; height: 0; padding-top: 36.36363636%; padding-top: -webkit-calc(120 / 330 * 100%); padding-top: calc(120 / 330 * 100%); background-repeat: no-repeat; background-size: contain;}
#gototopics_sp a:hover { filter: brightness(160%);}
/*for_W640-*/
@media all and (min-width: 640px) { 
#topics { background-size: 120%;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
#topics { background-size: 100%;}
#topics h2 { max-width: 1000px;}
#topics h2 #title_topics { display: block; width: 100%; height: 0; padding-top: 14.70588235%; padding-top: -webkit-calc(250 / 1700 * 100%); padding-top: calc(250 / 1700 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/title_topics.png);}
#topics .slider-unit .inner li a .txtarea { font-size: 90%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#topics { background-size: 1000px;}
#topics h2 { max-width: 900px; margin: 0 0 0 calc((100% - 900px)/4);}
}
/*for_W1200-*/
@media all and (min-width: 1200px) { 
#topics h2 { max-width: 900px; margin: 0 0 0 calc((100% - 900px)/3);}
}

/*	what's new
============================== */
#wn { width: 100%; padding-top: .35em; padding-bottom: 1.5em; background-repeat: repeat-x; background-size: contain; background-position: center center; background-image: url(../img/bg_wn.png);}
#wn h2 { display: block; width: 98%; max-width: 640px; margin: 0 auto;}
#wn h2 #title_wn { display: block; width: 100%; height: 0; padding-top: 22.2972973%; padding-top: -webkit-calc(165 / 740 * 100%); padding-top: calc(165 / 740 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/title_wn-s.png);}
#wn .wn_ulsp { box-sizing: border-box; width: 90%; max-width: 480px; margin: -0.85em auto 0 auto; max-height: 210px; overflow: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(226, 107, 120, .75) rgba(248, 213, 207, .5); padding-right: 1%;}
#wn .wn_ulsp ul { width: 100%;}
#wn .wn_ulsp li { width: 96%; padding-bottom: 1.5em;}
#wn .wn_ulsp .li_sp { width: 100%; height: 0; padding-top: 28%; background-color: rgba(255, 255, 255, 1); border-radius: 10px; z-index: 10; display: flex; flex-flow: row nowrap; justify-content:  space-between; position: relative;}
#wn .wn_ulsp .li_sp::before { content: ''; width: 100%; height: 100%; display: block; background-color: rgba(255, 255, 255, .3); border-radius: 10px; position: absolute; bottom: -6px; right: -6px; z-index: 5;}
#wn .wn_ulsp .li_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; border-radius: 10px; z-index: 100;}
#wn .wn_ulsp .li_sp a:hover { opacity: .8;}
#wn .wn_ulsp .li_sp .p_sp { width: 48%; height: 100%; background-color: rgba(251, 207, 189, .5); position: absolute; top: 0; left: 0; border-radius: 10px 0 0 10px; z-index: 20; overflow: hidden; background-repeat: no-repeat; background-size: contain; background-position: center center;}
#wn .wn_ulsp .li_sp .t_sp { box-sizing: border-box; width: 49%; height: 100%; padding: .35em .75em .25em .25em; position: absolute; top: 0; right: 0;}
#wn .wn_ulsp .li_sp .t_sp .ctg { font-size: 105%; padding-bottom: .25em; font-family: "uramin02", serif; color: rgba(225, 0, 85, 1);}
#wn .wn_ulsp .li_sp .t_sp .update { font-size: 80%; padding-bottom: .25em; opacty: .75;}
#wn .wn_ulsp .li_sp .t_sp .contxt { text-align: left; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 3; color: rgba(82, 44, 48, 1); font-size: 85%; line-height: 130%;}
/*for_W480-*/
@media all and (min-width: 480px) { 
#wn .wn_ulsp { max-height: 250px;}
#wn .wn_ulsp .li_sp { padding-top: 26%;}
#wn .wn_ulsp .li_sp .t_sp { font-size: 105%; padding: .5em .75em .25em .25em;}
#wn .wn_ulsp .li_sp .t_sp .update { padding-bottom: .35em;}
}
/*for_W640-*/
@media all and (min-width: 640px) { 
#wn .wn_ulsp { max-height: 270px;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
#wn h2 { max-width: 900px;}
#wn h2 #title_wn { padding-top: 11.70212766%; padding-top: -webkit-calc(220 / 1880 * 100%); padding-top: calc(220 / 1880 * 100%); background-image: url(../img/title_wn.png);}
#wn .wn_ulsp { max-width: 800px; max-height: 250px;}
#wn .wn_ulsp ul { display: flex; flex-flow: row wrap; justify-content:  center;}
#wn .wn_ulsp li { width: 48%; margin: 1em .9% 0 .9%; padding-bottom: .35em;}
#wn .wn_ulsp .li_sp { padding-top: 30%;}
#wn .wn_ulsp .li_sp .t_sp .ctg { font-size: 90%;}
#wn .wn_ulsp .li_sp .t_sp .update { font-size: 70%;}
#wn .wn_ulsp .li_sp .t_sp .contxt { font-size: 80%; line-height: 130%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#wn { padding-top: 1em;}
#wn .wn_ulsp { max-width: 900px; max-height: 300px; margin: 0 auto;}
#wn .wn_ulsp .li_sp { width: 100%; height: 0; padding-top: 28%;}
#wn .wn_ulsp .li_sp .t_sp { font-size: 110%; padding: .5em .75em .5em .15em;}
#wn .wn_ulsp .li_sp .t_sp .ctg { font-size: 120%;}
#wn .wn_ulsp .li_sp .t_sp .contxt { font-size: 82%; line-height: 140%;}
}
/*for_W1200-*/
@media all and (min-width: 1200px) { 
#wn { padding-top: 2em;}
#wn .wn_ulsp { max-width: 1000px; max-height: 320px; margin: 0 auto;}
#wn .wn_ulsp .li_sp .t_sp { font-size: 110%; padding: .5em .75em .5em .15em;}
}

/*	org_bn
============================== */
#org_bn { width: 100%; margin: 0 auto; padding: 2em 0; background-color: rgba(255, 244, 92, .2);}
#orgbn_sp { width: 90%; max-width: 500px; margin: 0 auto;}
.orgbn { width: 100%; margin: .75em auto;}
.orgbn a { display: block; width: 100%; height: 0; padding-top: 30%;  background-repeat: no-repeat; background-size: contain; position: relative; z-index: 1000;}
.orgbn a:hover { opacity: .8;}
.orgbn a:hover { filter: brightness(120%);}
/*for_W768-*/
@media all and (min-width: 768px) { 
#orgbn_sp { max-width: 1080px; display: flex; flex-flow: row wrap; justify-content: center;}
.orgbn { width: 48%; margin: .5em .9%;}
}

/*	follow
============================== */
#follow, #hash { width: 60%; max-width: 300px; margin: 2em auto; text-align: center;}
#follow h2 { font-size: 130%; color: rgba(174, 79, 70, 1); font-weight: 800; padding-bottom: .75em;}
#follow ul { width: 90%; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content:  space-around;}
#follow li { width: 26%;}
#follow li a { display: block; width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; background-size: contain; border-radius: 100px;}
#follow li a:hover { opacity: .8;}
#follow .sub_txt { font-size: 85%; color: rgba(174, 79, 70, 1); font-weight: 400; padding: .75em 0 1em 0;}
#hash .hash_info { font-weight: 700;}
#hash .hash_txt { color: rgba(218, 50, 0, 1); font-size: 160%; font-weight: 800; padding: .35em 0 1em 0;}
#hash #post_btnsp { width: 100%;}
#hash #post_btnsp a { display: block; width: 100%; height: 0; padding-top: 24.89361702%; padding-top: -webkit-calc(117 / 470 * 100%); padding-top: calc(117 / 470 * 100%); background-color: rgba(219, 112, 152, 1); background-repeat: no-repeat; background-size: contain; border-radius: 54.4px;}
#hash #post_btnsp a:hover { opacity: .8;}
#hash #post_btnsp a:hover { filter: brightness(120%);}
/*for_W768-*/
@media all and (min-width: 768px) { 
#follow { width: 90%; max-width: 700px; display: flex; flex-flow: row nowrap; justify-content:  center; align-items: center;}
#follow h2 { width: 30%; text-align: right; margin-right: 1%; padding: 0;}
#follow ul { width: 37%; margin: 0;}
#follow li { width: 27%;}
#follow .sub_txt { width: 30%; text-align: left; margin-left: 1%; padding: 0;}
#hash { font-size: 110%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#follow { padding-top: 1em;}
#hash { padding-bottom: 1em;}
}

/*	stream
============================== */
#stream { width: 100%; background-color: rgba(44, 99, 170, .2); padding: .5em 0;}
#stream h2 { display: block; width: 98%; max-width: 600px; margin: 0 auto;}
#stream h2 #title_stream { display: block; width: 100%; height: 0; padding-top: 45.84527221%; padding-top: -webkit-calc(320 / 698 * 100%); padding-top: calc(320 / 698 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/title_stream-s.png);}
#stream #stream_set { width: 85%; max-width: 350px; margin: -4.5em auto 1em auto; display: flex; flex-flow: row wrap; justify-content:  center;}
#stream #stream_set #real_sp, #stream #stream_set #zenwa_sp { width: 49%; margin: 0 25%; padding-bottom: 1em;}
#stream #stream_set #real_set, #stream #stream_set #zenwa_set { width: 100%; margin: 0;}
#stream #stream_set #saishin_sp { width: 100%; margin: 0; padding-bottom: 1em;}
#stream #stream_set #saishin_set { width: 100%; display: flex; flex-flow: row nowrap; justify-content:  space-between;}
#stream #stream_set #saishin_set .ssn { width: 49%; margin: 0;}
#stream #stream_set .sm_img { width: 100%; height: 0; padding-top: 42.45810056%; padding-top: -webkit-calc(152 / 398 * 100%); padding-top: calc(152 / 398 * 100%); background-repeat: no-repeat; background-size: contain; border-radius: 6px; margin-bottom: .5em;}
#stream #stream_set .sm_txt { width: 100%; text-align: center; color: rgba(255, 244, 94, 1); font-size: 96%; font-weight: 700;}
#stream #stream_set a:hover { opacity: .8;}
/*for_W640-*/
@media all and (min-width: 640px) { 
#stream #stream_set { max-width: 420px;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
#stream h2 { width: 86%; max-width: 1000px;}
#stream h2 #title_stream { padding-top: 21.9941349%; padding-top: -webkit-calc(300 / 1364 * 100%); padding-top: calc(300 / 1364 * 100%); background-image: url(../img/title_stream.png);}
#stream #stream_set { width: 95%; max-width: 800px; margin: -3.5em auto 1em auto; flex-flow: row nowrap; justify-content: space-around;}
#stream #stream_set #real_sp, #stream #stream_set #zenwa_sp { width: 23.5%; margin: 0; padding-bottom: 1em;}
#stream #stream_set #saishin_sp { width: 48%; margin: 0; padding-bottom: 1em;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#stream { padding-top: 1em;}
#stream #stream_set { max-width: 900px;}
#stream #stream_set #real_sp, #stream #stream_set #zenwa_sp { width: 22.5%;}
#stream #stream_set #saishin_sp { width: 46%;}
}