/*	stream
============================== */
.realtime a,a.realtime {
  background-image: url(../img/stream/realtime.svg);
}
.tver a,a.tver {
  background-image: url(../img/stream/tver.svg);
}
.tbsfree a,a.tbsfree {
  background-image: url(../img/stream/tbsfree.svg);
}
.u-next a,a.u-next {
  background-image: url(../img/stream/u-next.svg);
}
.netflix a,a.netflix {
  background-image: url(../img/stream/netflix.svg);
}


/*	.t_stream
============================== */
#stream{padding:0 0 1.5em; margin:0 auto 0; position:relative;
background-color:#c2daff;
position:relative;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
div#tsft{padding:2em 0 0; margin:0 auto; position:relative;	max-width:980px;}
div#tsft .box a.realtime {background-size:80%;}
div#tsft .box a.tver {background-size:45%;}
div#tsft .box a.tbsfree {background-size:78%;}
div#tsft .box a.u-next {background-size:78%;}
div#tsft .box a.netflix {background-size:70%;}

div#tsft .inner {display:flex; flex-flow: row wrap; align-items: stretch; justify-content: space-between; justify-content:center; margin:.5em auto 0;}
div#tsft .caution {text-align: center; color:#000; font-size:85%; padding:2.25em 0 0;}
div#tsft .box {position:relative; display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; align-items: stretch;}
div#tsft .box a {display:block;width:100%;height:88px;
  background-color: #fff;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color:rgba(255,255,255,1);
  border-radius:10px;
  border:1px solid #000;
}
div#tsft .txt {
font-weight: 500;
  width: 100%;
  color: #000;
  text-align: center;
  font-size: 90%;
  padding:.6em 0 0;
}

@media all and (min-width: 768px) {
.box_realtime {width:24%;}
.box_tver {width:50%; margin:0 1%;}
.box_u-next {width:24%; width:35%;}
div#tsft .box a.u-next {background-size:65%;}
a.tver,a.tbsfree {width:48.5% !important;}
}

@media all and (max-width: 991px) { 
div#tsft{width:95%;}
div#tsft .box a {height:8vw;}
}

@media all and (max-width: 767px) {
#stream{margin:0 auto 5%; padding:0 0 3%;
background-position:left -16vw top 60%,right -40% bottom;
background-size:100%,0;
}
#stream h2{text-align:center;}
div#tsft{padding:2% 0 0; width:100%;} 
div#tsft .inner{width:92%;}
.box_realtime {width:55%; width:60%; margin: 0 auto;}
.box_tver,.box_u-next {width:98%; margin:5% auto;}
.box_u-next {width:60%; margin:0 auto; justify-content: center !important;}
a.tver,a.tbsfree {width:48.5% !important;}
div#tsft .box a {height:17vw; border-radius:2vw !important;}
div#tsft .txt { font-size:3.4vw;  margin:0 0 0; padding:2% 0 0;}  
div#tsft .caution {font-size:2.6vw; padding:5% 0 1.5%;}
}