/* 	header
============================== */
#header { width: 100%;}
.mainimg { width: 100%; max-width: 1080px; margin: 0 auto;}
.mainimg .img_sp { width: 100%; height: 0; padding-top: 70.75%; padding-top: -webkit-calc(1132 / 1600 * 100%); padding-top: calc(1132 / 1600 * 100%); box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, .2); position: relative; background: -moz-linear-gradient(170deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 69%, rgba(0,0,0,0.2) 69.1%, rgba(0,0,0,0.2) 100%);background: -webkit-linear-gradient(170deg, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 69%,rgba(0,0,0,0.2) 69.1%,rgba(0,0,0,0.2) 100%);background: linear-gradient(170deg, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 69%,rgba(0,0,0,0.2) 69.1%,rgba(0,0,0,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#66000000',GradientType=1 );}
.mainimg img { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.mainimg .lazyloaded { opacity: 1; transition: all 3000ms;}
/*for_W768-*/
@media all and (min-width: 768px) {
#header { box-sizing: border-box; padding: 1em 0;}
}

/* 	sns
============================== */
#off_sns { width: 60%; max-width: 350px; margin: 1.2em auto;}
#os_img { width: 100%; height: 0; padding-top: 22.857142857142857%; padding-top: -webkit-calc(160 / 700 * 100%); padding-top: calc(160 / 700 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
#os_img li { width: 21.142857142857143%; width: -webkit-calc(148 / 700 * 100%); width: calc(148 / 700 * 100%); position: absolute; top: 3.125%;}
#os_img li a { width: 100%; height: 0; padding-top: 100%; border-radius: 100%; position: absolute; top: 0; left: 0;}
#os_img li a:hover { background: rgba(255, 255, 255, .2);}
#os_img #off_twitter { left: 52%;}
#os_img #off_insta { left: 76.571428571428571%; left: -webkit-calc(536 / 700 * 100%); left: calc(536 / 700 * 100%);}

/* 	next episode
============================== */
#next_ep { box-sizing: border-box; width: 100%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; padding-bottom: 1.5em;}
#next_ep h2 { box-sizing: border-box; width: 100%; margin: 0 auto; padding: 1.5em 1em; display: flex; flex-flow: row wrap; justify-content: space-between;}
#next_ep h2 .ttxt { display: block; flex-basis: 50%; text-shadow: 1px 1px 5px rgba(100, 100, 100, .4);}
#next_ep h2 #t_eng { text-align: left; font-size: 320%; line-height: 80%; position: relative;}
#next_ep h2 #t_jpn { text-align: right; font-size: 120%;}
#next_ep h2 .spk1 { display: block; width: 40%; position: absolute; top: -1em; left: 5%;}
#next_ep h2 .spk2 { display: block; width: 25%; position: absolute; top: 1em; left: 55%;}
#next_ep .movie_sp { width: 92%; box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, .3); margin: .5em auto .75em auto; position: relative; z-index: 100;}
/*#next_ep .movie_sp { width: 92%; box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0); margin: .5em auto .75em auto; position: relative; z-index: 100; background: rgba(42, 43, 46, 0);}*/
#next_txt { width: 100%; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255, 0.8) 60%, rgba(255,255,255,0.8) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 60%,rgba(255,255,255,0.8) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 60%,rgba(255,255,255,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); padding-top: 5em; padding-bottom: 3em; margin-top: -5em; margin-bottom: 3em; position: relative; z-index: 50;}
#next_txt h3 { width: 92%; margin: 0 auto; display: flex; flex-flow: row-reverse wrap; justify-content: space-between;}
#next_txt h3 .sttxt1 { display: block; flex-basis: 44%; font-size: 172%; color: rgba(231, 0, 18, 1); margin-bottom: -.5em; line-height: 120%; padding-top: .5em;}
#next_txt h3 .sttxt2 { display: block; flex-basis: 53%; text-align: right; font-size: 98%; border-bottom: 1px solid rgba(231, 0, 18, 1); font-family: "new-order", sans-serif; font-weight: 700; font-style: normal; padding-bottom: .2em; padding-top: .5em; padding-bottom: 1em;}
#next_txt .con_txt { box-sizing: border-box; width: 90%; margin: 2em auto 0 auto; padding: 0 1.5em; font-size: 106%; line-height: 180%; position: relative; text-align: justify; word-break:break-all; text-justify: inter-ideograph; text-justify:inter-character; word-wrap:break-word; overflow-wrap:break-word; letter-spacing: .05em;}
#next_txt .con_txt::before { content: '“ '; font-size: 200%; color: rgba(231, 0, 18, 1); position: absolute; top: 0; left: 0;}
#next_txt .con_txt::after { content: ' ”'; font-size: 200%; color: rgba(231, 0, 18, 1); position: absolute; bottom: -.5em; right: 0;}
/*_link*/
#next_ep .link_sp { width: 160px; margin: -4.5em auto 0 auto; position: relative; z-index: 100;}
#next_ep .link_sp .link { width: 100%; height: 0; padding-top: 25%; padding-top: -webkit-calc(80 / 320 * 100%); padding-top: calc(80 / 320 * 100%); position: relative;}
#next_ep .link_sp .link a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/btn_bg.png);}
#next_ep .link_sp .link a:hover { opacity: .8;}
#next_ep .link_sp .link .link_txt { display: block; width: 100%; text-align: center; color: rgba(255, 255, 255, 1); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); font-size: 120%; font-weight: 900;}
/*for_W640-*/
@media all and (min-width: 640px) {
#next_txt h3 .sttxt1 { font-size: 178%; margin-bottom: -.75em;}
#next_txt h3 .sttxt2 { padding-top: .5em; padding-bottom: .25em;}
}
/*for_W768-*/
@media all and (min-width: 768px) {
#next_ep h2 { width: 30%; margin: 0; padding: 1.5em .15em 1.5em 1em; display: block;}
#next_ep h2 #t_eng { font-size: 350%; line-height: 80%;}
#next_ep .movie_sp { width: 66%; margin: -9em 0 .75em 31.5%;}
#next_txt h3 { width: 31%; margin: 0; display: block; margin-top: -7em; margin-left: 1%; font-size: 110%;}
#next_txt h3 .sttxt1 { font-size: 172%; text-align: right; padding-right: 1.5em; position: relative; margin-top: -3em; margin-bottom: 1em; line-height: 98%;}
#next_txt h3 .sttxt2 { border-bottom: 0; padding-right: .5em; margin: -8.5em 0 5.5em 0;}
#next_txt h3 .sttxt1::after { content: ''; width: 30px; border-bottom: 1px solid rgba(231, 0, 18, 1); position: absolute; top: 30px; right: .25em;}
#next_txt { width: 96%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
#next_txt h3 .sttxt1 { text-align: right; padding-right: 1.5em; position: relative; margin-top: -1.75em; margin-bottom: 1em; line-height: 100%;}
#next_txt h3 .sttxt2 { border-bottom: 0; padding-right: .5em; margin: -6.5em 0 3.5em 0;}
}

/* 	topics
============================== */
#topics_sp { box-sizing: border-box; width: 100%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; padding: 1em 0 .5em 0; position: relative;}
#topics_sp h2 { box-sizing: border-box; width: 100%; max-width: 1060px; margin: 0 auto; padding: 1em 1em; display: flex; flex-flow: row wrap; justify-content: space-between;}
#topics_sp h2 .ttxt { display: block; flex-basis: 50%; text-shadow: 1px 1px 5px rgba(0, 0, 0, .4);}
#topics_sp h2 #tp_eng { text-align: left; font-size: 360%; line-height: 80%; position: relative; color: rgba(255, 255, 255, 1);}
#topics_sp h2 #tp_lnk:before, #topics_sp h2 #tp_lnk:after { content: ""; content: none; display: table;}
#topics_sp h2 #tp_lnk:after { clear: both; }
#topics_sp h2 #tp_lnk::after { content: ""; display: block; clear: both;}
#topics_sp h2 .spk3 { display: block; width: 30%; position: absolute; top: -.5em; left: 40%;}
#topics_sp .spk4 { display: block; width: 20%; position: absolute; top: -.5em; left: 48%;}
/*_link*/
#topics_sp .link_sp { display: block; width: 90px; margin: 0; position: relative; z-index: 100; float: right;}
#topics_sp .link_sp .link { display: block; width: 100%; height: 0; padding-top: 36.363636363636364%; padding-top: -webkit-calc(80 / 220 * 100%); padding-top: calc(80 / 220 * 100%); position: relative;}
#topics_sp .link_sp .link a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: top right; background-image: url(../img/btn_bg.png);}
#topics_sp .link_sp .link a:hover { opacity: .8;}
#topics_sp .link_sp .link .link_txt { display: block; width: 90%; text-align: center; color: rgba(255, 255, 255, 1); position: absolute; top: 50%; left: 46%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); font-size: 110%; font-weight: 900; letter-spacing: .1em;}
/*for_W768-*/
@media all and (min-width: 768px) {
#topics_sp h2 .spk3 { display: block; width: 20%; position: absolute; top: -.1em; left: 5%;}
#topics_sp .spk4 { width: 14%; top: 0em;}
#topics_sp .link_sp { width: 110px;}
}
/*slider*/
#slide_sp { box-sizing: border-box; width: 100%; margin: 0 auto; padding: .5em 0 1em 0;}
.slider-unit { text-align: left; position:relative;}
.slider-unit ul { list-style-type: none;}
.slider-unit ul li > span, .slider-unit ul li a { display: block;}
.slider-unit .outer { box-sizing: border-box; width: 100%; overflow: hidden; min-height: 200px; position: relative; z-index: 5;}
.slider-unit .inner { -webkit-transform: translateZ(0); overflow: hidden; list-style-type: none; padding: 0 10px;}
.slider-unit .inner li { width: 240px; float: left; padding-bottom: .3em;}
.slider-unit .inner li a { box-sizing: border-box; width: 100%; height: 100%; text-decoration: none; color: rgba(0, 0, 0, 1); font-size: 120%; background-color: rgba(255, 255, 255, 1); background-image: url(../img/topics_bg.jpg); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; line-height:1.5; box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); padding: .5em .5em 1.75em .5em;}
.slider-unit .inner li a:hover { opacity: .9;}
.slider-unit .inner li a span, .slider-unit .inner li a span img { display:block;}
.slider-unit .inner li a > span.thumb { position: relative; background-color: rgba(150, 150, 150, .2); background-position: center center; background-repeat: no-repeat; background-size: contain;}
.slider-unit .inner li a > span.lazy-done { -webkit-animation: fadeIn 700ms; animation: fadeIn 700ms;}
.slider-unit .inner li a .txtarea { box-sizing: border-box; font-weight: 700; padding: .5em; height: 45%; position: relative;}
.slider-unit .inner li a .hdr { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-height: 1.75em;}
.slider-unit .inner li a .ttl { overflow: hidden; margin-bottom:0.2em; height: 7em; overflow: visible; height: auto; margin-bottom:auto;}
.slider-unit .outer li a .ftr { display: none;}
.slider-unit .inner li a .dte { box-sizing: border-box; width: 98%; margin: 0 0 0 -1%; background: rgba(34, 34, 34, 1); color: rgba(255, 255, 255, 1); font-size: 65%; padding: .5em .5em .5em 2.5em; position: absolute; bottom: .2em; left: .5em;}
.slider-unit .inner li a .dte::after { content: '>>'; width: 22%; height: 85%; border-left: 3px solid rgba(180, 180, 180, .9); position: absolute; top: 0; left: 77%; text-align: center; padding-top: 2%; color: rgba(231, 0, 18, 1);}
.slider-unit .inner li a .ttl b { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; font-size: 80%; font-weight: 700; -webkit-line-clamp: 2; line-clamp: 2; margin-bottom: .5em; color: rgba(34, 34, 34, 1);}
.slider-unit .inner li { margin-right: 4px;}
.slider-unit .inner li a span img { width:100%; height:125px;}
.slider-unit .ctrl { display: none;}
/*for_W768-*/
@media all and (min-width: 768px) { 
#slide_sp { width: 90%; max-width: 1000px;}
.slider-unit .outer { min-height: 250px; padding: 8px 0 0 0;}
.slider-unit::before { content: ''; height: 106%; width: 15px; position: absolute; top: -3%; left: 0; background: -moz-linear-gradient(left, rgba(34,34,34,0.4) 0%, rgba(34,34,34,0.4) 1%, rgba(34,34,34,0.15) 50%, rgba(34,34,34,0) 100%); background: -webkit-linear-gradient(left, rgba(34,34,34,0.4) 0%,rgba(34,34,34,0.4) 1%,rgba(34,34,34,0.15) 50%,rgba(34,34,34,0) 100%); background: linear-gradient(to right, rgba(34,34,34,0.4) 0%,rgba(34,34,34,0.4) 1%,rgba(34,34,34,0.15) 50%,rgba(34,34,34,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66c28a50', endColorstr='rgba(34,34,34, .5)',GradientType=1 ); z-index: 100;}
.slider-unit::after { content: ''; height: 106%; width: 15px; position: absolute; top: -3%; right: 0; background: -moz-linear-gradient(left, rgba(34,34,34,0) 0%, rgba(34,34,34,0.15) 50%, rgba(34,34,34,0.4) 99%, rgba(34,34,34,0.4) 100%); background: -webkit-linear-gradient(left, rgba(34,34,34,0) 0%,rgba(34,34,34,0.15) 50%,rgba(34,34,34,0.4) 99%,rgba(34,34,34,0.4) 100%); background: linear-gradient(to right, rgba(34,34,34,0) 0%,rgba(34,34,34,0.15) 50%,rgba(34,34,34,0.4) 99%,rgba(34,34,34,0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffeeb9', endColorstr='#66c28a50',GradientType=1 ); z-index: 100;}
.slider-unit .inner li { width: 320px; float: left;}
.slider-unit .inner li a span img { width:100%; height:165px;}
.slider-unit .inner li a .txtarea { height: 46%;}
.slider-unit .inner li a .ttl b { -webkit-line-clamp: 3; line-clamp: 3;}
/*ctrl*/
.slider-unit .ctrl { display: block; width: 108%; height: 100%; position: absolute; top: 0; left: -4%;}
.slider-unit .ctrl li { position: absolute; top: 45%; z-index: 3;}
.slider-unit .ctrl .ctrl-lef { left: 0;}
.slider-unit .ctrl .ctrl-rig { right: 0;}
.slider-unit .ctrl li a { display: block; width: 26px; height: 40px; background-repeat: no-repeat; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.slider-unit .ctrl .ctrl-lef a { background-image: url(../img/arrow.png); transform: scale(-1, 1);}
.slider-unit .ctrl .ctrl-rig a { background-image: url(../img/arrow.png);}
.slider-unit .ctrl li a.hidebtn { opacity: 0.25; cursor: default;}
.slider-unit .ctrl li a:not(.hidebtn):hover { opacity: 0.75;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
.slider-unit .inner li a .txtarea { height: 48%;}
}

/* 	what's new
============================== */
#wn_sp { box-sizing: border-box; width: 100%; padding: 1em 1em 1.5em 1em; box-shadow: 0px 12px 8px -8px rgba(50, 50, 50, .3) inset;}
#wn_sp h2 { box-sizing: border-box; width: 100%; margin: 0 auto; padding: .5em 0; display: flex; flex-flow: row wrap; justify-content: space-between;}
#wn_sp h2 .ttxt { display: block; text-shadow: 1px 1px 5px rgba(100, 100, 100, .4);}
#wn_sp h2 #wt_eng { flex-basis: 70%; text-align: left; font-size: 310%; line-height: 80%; position: relative;}
#wn_sp h2 #wt_jpn { flex-basis: 30%; text-align: right; font-size: 110%;}
#wn_sp h2 #wt_jpn .update { font-size: 64%; color: rgba(231, 0, 18, 1);}
#wn_sp h2 .spk5 { display: block; width: 40%; position: absolute; top: -1em; left: 5%;}
#wn_sp h2 .spk6 { display: block; width: 15%; position: absolute; top: 0; left: 55%;}
#wn_sp .con_set { box-sizing: border-box; width: 100%; max-height: 240px; background: rgba(255, 255, 255, .6); padding: .75em 1em .25em .75em; overflow-y: auto; position: relative; z-index: 100;}
#wn_sp .con_set ul:before, #wn_sp .con_set ul:after { content: ""; content: none; display: table;}
#wn_sp .con_set ul:after { clear: both; }
#wn_sp .con_set ul::after { content: ""; display: block; clear: both;}
#wn_sp .con_set li { width: 100%; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .15); margin-bottom: .5em; background-color: rgba(255, 255, 255, 1); position: relative;}
#wn_sp .con_set li:before, #wn_sp .con_set li:after { content: ""; content: none; display: table;}
#wn_sp .con_set li:after { clear: both; }
#wn_sp .con_set li::after { content: ""; display: block; clear: both;}
#wn_sp .con_set li a:hover { opacity: .8;}
#wn_sp .con_set li .img_sp { display: block; width: 37%; float: left; background: -moz-linear-gradient(170deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.15) 50.1%, rgba(0,0,0,0.15) 100%);background: -webkit-linear-gradient(170deg, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.15) 50.1%,rgba(0,0,0,0.15) 100%);background: linear-gradient(170deg, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.15) 50.1%,rgba(0,0,0,0.15) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#66000000',GradientType=1 );}
#wn_sp .con_set li .img { display: block; width: 100%; height: 0; padding-top: 54.6875%; padding-top: -webkit-calc(700 / 1280 * 100%); padding-top: calc(700 / 1280 * 100%); background-repeat: no-repeat; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-position: center center;}
#wn_sp .con_set li .txt_sp { box-sizing: border-box; display: block; width: 60.5%; float: right; padding: .5em .5em 0 0; font-size: 90%; color: rgba(34, 34, 34, 1);}
#wn_sp .con_set li .txt_up { display: block; color: rgba(231, 0, 18, 1); font-size: 90%; letter-spacing: .1em;}
#wn_sp .con_set li .txt { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; padding-top: .25em; line-height: 130%; -webkit-line-clamp: 3; line-clamp: 3;}
/*for_W640-*/
@media all and (min-width: 640px) { 
#wn_sp { padding: 1.5em 1em;}
#wn_sp:before, #wn_sp:after { content: ""; content: none; display: table;}
#wn_sp:after { clear: both; }
#wn_sp::after { content: ""; display: block; clear: both;}
#wn_sp h2 { width: 29%; padding-right: 1%; float: left; text-align: right;}
#wn_sp .con_set { width: 70%; float: left;}
#wn_sp h2 #wt_eng { flex-basis: 95%; text-align: right; font-size: 310%; line-height: 80%; position: relative;}
#wn_sp h2 #wt_jpn { flex-basis: 95%; text-align: right; font-size: 110%; padding-top: .5em;}
#wn_sp h2 .spk5 { display: block; width: 40%; position: absolute; top: -.5em; left: 5%;}
#wn_sp h2 .spk6 { display: block; width: 15%; position: absolute; top: 1em; left: 60%;}
#wn_sp h2 #wt_jpn .update { font-size: 70%; display: block; padding-top: 3em;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
#wn_sp h2 { font-size: 110%;}
}
/*for_W900-*/
@media all and (min-width: 900px) { 
#wn_sp h2 { width: 20%; font-size: 90%;}
#wn_sp .con_set { width: 79%; padding: 1em 1em .5em 1em; max-height: 330px;}
#wn_sp h2 #wt_eng .ln2 { font-size: 110%;}
#wn_sp .con_set ul { display: flex; flex-flow: row wrap; justify-content: space-start;}
#wn_sp .con_set li { flex-basis: 49%; margin-bottom: .75em;}
#wn_sp .con_set li:nth-child(odd) { margin-right: 1.5%;}
#wn_sp .con_set li .img_sp { width: 40%;}
#wn_sp .con_set li .txt_sp { width: 57.5%; font-size: 82%;}
}

/* 	stream
============================== */
#stream_sp0 { box-sizing: border-box; width: 100%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; padding: .5em 0; position: relative;}
#stream_sp { box-sizing: border-box; width: 100%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; padding: 1em 0 2em 0; position: relative;}
#stream_sp h2 { box-sizing: border-box; width: 100%; max-width: 1060px; margin: 0 auto; padding: 1em 1em; position: relative;}
#stream_sp h2 .ttxt { display: block; text-shadow: 1px 1px 5px rgba(0, 0, 0, .4); text-align: center;}
#stream_sp h2 #sr_eng { font-size: 340%; color: rgba(255, 255, 255, 1);}
#stream_sp h2 #sr_jpn { font-size: 100%; color: rgba(255, 255, 255, .9); letter-spacing: .3em;}
#stream_sp h2 .spk7 { display: block; width: 20%; position: absolute; top: -.5em; left: 50%;}
#stream_sp0 .spk8 { width: 20%; position: absolute; top: -.25em; left: 15%;}
#stream_sp .spk8 { width: 20%; position: absolute; top: 50%; left: 15%; z-index: 100;}
#stream_sp .wrap { padding-top: 1em;}
#stream_sp .lineup { box-sizing: border-box; width: 96%; max-width: 480px; margin: 1em auto; position: relative; z-index: 200;}
#stream_sp .lineup li { width: 100%; text-align: center; padding-bottom: 1.5em;}
#stream_sp .lineup li:before, #stream_sp .lineup li:after { content: ""; content: none; display: table;}
#stream_sp .lineup li:after { clear: both; }
#stream_sp .lineup li::after { content: ""; display: block; clear: both;}
#stream_sp .lineup li .li_txt { display: block; width: 100%; text-align: center; font-size: 85%; letter-spacing: .2em; color: rgba(122, 30, 37, 1); text-shadow: 1px 1px 0 rgba(255, 255, 255, .75), -1px -1px 0 rgba(255, 255, 255, .75), -1px 1px 0 rgba(255, 255, 255, .75), 1px -1px 0 rgba(255, 255, 255, .75), 0px 1px 0 rgba(255, 255, 255, .75),  0-1px 0 rgba(255, 255, 255, .75), -1px 0 0 rgba(255, 255, 255, .75), 1px 0 0 rgba(255, 255, 255, .75); padding-bottom: .5em;}
#stream_sp .lineup li .li_sp { display: block; width: 48%; margin: 0 auto; box-shadow: 1px 1px 5px rgba(0, 0, 0, .75);}
#stream_sp .lineup li .li_img { display: block; width: 100%; height: 0; padding-top: 32.5%; padding-top: -webkit-calc(130 / 400 * 100%); padding-top: calc(130 / 400 * 100%); background-color: rgba(255, 255, 255, 1); background-repeat: no-repeat; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#stream_sp .lineup li:nth-child(2) .li_sp { margin: 0 .5% 0 1%; float: left;}
#stream_sp .lineup li a:hover { opacity: .8;}
#stream_sp .info_txt { width: 100%; text-align: center; color: rgba(255, 255, 255, .6); font-size: 90%; letter-spacing: .1em;}
#stream_sp .info_txt::before { content: '- ';}
#stream_sp .info_txt::after { content: ' -';}
/*for_W768-*/
@media all and (min-width: 768px) { 
#stream_sp .lineup { max-width: 980px;}
#stream_sp .lineup:before, #stream_sp .lineup:after { content: ""; content: none; display: table;}
#stream_sp .lineup:after { clear: both; }
#stream_sp .lineup::after { content: ""; display: block; clear: both;}
/*
#stream_sp .lineup li { width: 24%; float: left;}
#stream_sp .lineup li:nth-child(2) { width: 50%; float: left; margin-left: .25%;}
#stream_sp .lineup li .li_sp { width: 100%;}
#stream_sp .lineup li:nth-child(2) .li_sp { width: 48%;}
*/
#stream_sp .lineup li { width: 24%; margin: 0 auto;}
#stream_sp .lineup li:nth-child(2) { width: 100%;}
#stream_sp .lineup li .li_sp { width: 100%;}

#stream_sp h2 .spk7 { display: block; width: 10%; position: absolute; top: -.5em; left: 50%;}
#stream_sp .spk8 { width: 16%; max-width: 140px; position: absolute; top: 45%; left: 30%;}
}

/* 	SNS
============================== */
#sns_sp { box-sizing: border-box; width: 100%; padding: 1em 1em 1.5em 1em; box-shadow: 0px 12px 8px -8px rgba(50, 50, 50, .3) inset;}
#sns_sp h2 { box-sizing: border-box; width: 100%; margin: 0 auto; padding: 1em 1em;}
#sns_sp h2 .ttxt { display: block; text-shadow: 1px 1px 5px rgba(0, 0, 0, .4); text-align: center; font-size: 340%; position: relative;}
#sns_sp h2 .spk9 { display: block; width: 20%; position: absolute; top: -.5em; left: 35%;}
#sns_sp h2 .spk10 { display: block; width: 14%; position: absolute; top: .5em; left: 65%;}
#sns_sp .sns_set { width: 100%; max-width: 840px; margin: 0 auto; text-align: center; position: relative; z-index: 200;}
#sns_sp .sns_set section { width: 90%; max-width: 400px; margin: 0 auto; padding-bottom: 2em;}
#sns_sp h3 { width: 100%; max-width: 1060px; margin: 0 auto .1em auto;}
#sns_sp h3 a { box-sizing: border-box; width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; padding-bottom: 0;}
#sns_sp h3 .ttxt { display: block; flex-basis: 49%; text-align: center; color: rgba(231, 0, 18, 1);}
#sns_sp h3 .sns_eng { text-align: left; font-size: 200%;}
#sns_sp h3 .sns_jpn { text-align: right; font-size: 80%; padding-top: .2em;}
#sns_sp .tl_sp { box-sizing: border-box; width: 100%;}
#sns_sp .info_txt { width: 100%; text-align: center; color: rgba(65, 65, 65, .65); font-size: 90%; letter-spacing: .1em;}
#sns_sp .info_txt::before { content: '└ ';}
#sns_sp .info_txt::after { content: ' ┘';}
/*_twitter*/
#sns_sp .timeline { width: 100%;} 
#sns_sp .timeline .tl { box-sizing: border-box; width: 100%; height: 400px; box-shadow: 1px 1px 6px rgba(0, 0, 0, .15); background-color: rgba(255, 255, 255, 1); margin-top: -.4em;}
#sns_sp .timeline .tl iframe { width: 100% !important;}
#sns_sp .timeline .tl iframe { width: 740px !important;}
/*_instagram*/
#sns_sp #insta_set .timeline .tl { box-sizing: border-box; height: 320px; padding-top: .3em;}
.insta { display: none;}
.insta ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.insta ul li { flex-basis: 90px; width: 90px; margin: .8em 5px 0 5px;}
.insta ul li span { display: block; box-sizing: border-box; width: 100%; height: 0; padding-top: 100%; position: relative;}
.insta ul li a { display: block; width: 100%; height: 100%; border-radius: 0; -webkit-border-radius: 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center center; position: absolute; top: 0; left: 0;}
.insta ul li a .icon-video { background-image: url(/um/img/play.png); background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px;}
.insta ul li a:hover { filter: brightness(1.2) saturate(130%); -webkit-filter: brightness(1.2) saturate(130%);}
/*for_W450-*/
@media all and (min-width: 450px) { 
#sns_sp #insta_set .timeline .tl { height: 400px; padding-top: .2em;}
.insta ul li { flex-basis: 30%; width: 30%; margin: .6em 1% 0 1%;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
#sns_sp .sns_set { display: flex; flex-flow: row wrap; justify-content: space-around;}
#sns_sp .sns_set section { width: 48%; flex-basis: 48%;}
#sns_sp .sns_set section { width: 350px;}
#sns_sp #insta_set .timeline .tl { padding-top: 0;}
.insta ul li { flex-basis: 100px; width: 100px; margin: 1.5em 5px 0 5px;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
.insta ul li { flex-basis: 110px; width: 110px; margin: 1.1em 5px 0 5px;}
}

/* 	modal_video
============================== */
/*modal_youtube*/
@keyframes modal-video { from { opacity: 0;} to { opacity: 1;}}
@keyframes modal-video-inner { from { transform: translate(0, 100px);} to { transform: translate(0, 0);}}
.modal-video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(34, 34, 34, .95); z-index: 1000000; cursor: pointer; opacity: 1; animation-timing-function: ease-out; animation-duration: 0.3s; animation-name: modal-video; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}
.modal-video-close { opacity: 0;}
.modal-video-close .modal-video-movie-wrap { -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); -ms-transform: translate(0, 100px); -o-transform: translate(0, 100px); transform: translate(0, 100px);}
.modal-video-body { max-width: 1280px; width: 100%; height: 100%; margin: 0 auto; padding: 0 10px; display: flex; justify-content: center; box-sizing: border-box;}
.modal-video-inner { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
@media (orientation: landscape) { .modal-video-inner { padding: 10px 60px;   box-sizing: border-box;}}
.modal-video-movie-wrap { width: 100%; height: 0; position: relative; padding-bottom: 56.25%; background-color: #333; animation-timing-function: ease-out; animation-duration: 0.3s; animation-name: modal-video-inner; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -ms-transition: -ms-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}
.modal-video-movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.modal-video-close-btn { position: absolute; z-index: 2; top: -45px; right: 0; display: inline-block; width: 35px; height: 35px; overflow: hidden; border: none; background: transparent;}
@media (orientation: landscape) { .modal-video-close-btn {   top: 0;   right: -45px; }}
.modal-video-close-btn:before { transform: rotate(45deg);}
.modal-video-close-btn:after { transform: rotate(-45deg);}
.modal-video-close-btn:before, .modal-video-close-btn:after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #fff; border-radius: 5px; margin-top: -6px;}

/* 	tbs drama BN
============================== */
#bn_tbsdrama { width: 100%; padding: 1.5em 0; text-align: center; position: relative; z-index: 100;}
#bn_tbsdrama #bntd_sp a { display: block; width: 320px; height: 50px; background-image: url(../img/bnr_tbsdrama2.png); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; margin: 0 auto;}
#bn_tbsdrama #bntd_sp a:hover { opacity: .8;}
/*for_W768-*/
@media all and (min-width: 768px) { 
#bn_tbsdrama { padding: 1em 0 2em 0; text-align: center;}
#bn_tbsdrama #bntd_sp a { display: block; width: 640px; height: 100px;}
}

/* 	tbs stream header
============================== */
.tbs-stream-header { padding: 1em;}
.tbs-stream-header a { color: rgba(250, 250, 250, 0);}

/* 	movie_bn
============================== */
#mv_bn-sp { width: 90%; max-width: 900px; margin: 1em auto;}
#mv_bn-sp a { display: block; width: 100%; height: 0; padding-top: 36%; padding-top: -webkit-calc(360 / 1000 * 100%); padding-top: calc(360 / 1000 * 100%); position: relative; box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, .1); background-color: rgba(0, 0, 0, .1); margin-bottom: .5em;}
#mv_bn-sp a:hover { opacity: .9;}
#mv_bn-sp a #mv_bn { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/bnr_sp.jpg);}
/*for_W768-*/
@media all and (min-width: 768px) { 
#mv_bn-sp { margin: 1em auto 2em auto;}
#mv_bn-sp a { padding-top: 25%; padding-top: -webkit-calc(400 / 1600 * 100%); padding-top: calc(400 / 1600 * 100%);}
#mv_bn-sp a #mv_bn { background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/bnr_pc.jpg);}
}


/*
#next_ep .movie_sp .photo { margin: 0;}
#next_ep .movie_sp .photo img { width: 100%; -webkit-background-size: cover; background-size: cover; -webkit-background-position: top center; background-position: top center;}
*/