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

/*	.t_stream
============================== */
#stream{padding:0 0 1.5em; margin:0 auto 0; position:relative;
background-image:linear-gradient(to top, rgba(42,86,165,.5) 0%,rgba(37,128,179,.8) 100%) ,url(../chart/img/bg.jpg);
background-repeat:no-repeat,repeat;
background-position:0 0,0 bottom;
background-size:auto,cover;
position:relative;
}
#stream h2{font-size:360%; color:#fff; padding:0 0 .4em;}
div#tsft{padding:2em 0 0; margin:0 auto; position:relative;	max-width:1080px;}
div#tsft .box a.realtime {background-size:72%;}
div#tsft .box a.tver {background-size:40%;}
div#tsft .box a.tbsfree {background-size:70%;}
div#tsft .box a.paravi {background-size:60%;}

div#tsft .inner {display:flex; flex-flow: row wrap; align-items: stretch; justify-content: space-between; justify-content:center;}
div#tsft .caution {text-align: center; color:#fff; font-size:90%; padding:1.5em 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:90px;
  background-color: #fff;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border-radius:6px;
  background-color:rgba(255,255,255,0.8);
}
div#tsft .txt {
font-weight: 500;
  width: 100%;
  margin: 0.5em auto 0;
  color: #fff;
  text-align: center;
  font-size: 100%;
}

@media all and (min-width: 768px) {
.box_realtime {width:25%;}
.box_tver {width:48%;}
.box_paravi {width:25%;}
a.tver {width:49% !important;}
a.tbsfree {width:49% !important;}
}

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

@media all and (max-width: 767px) {
#stream{margin:0 auto 5%; padding:0 0 3%;}
#stream h2{padding:0 0 0 5%; font-size:8vw;}
div#tsft{padding:4% 0 0; width:100%;} 
div#tsft .inner{width:92%;}
.box_realtime,.box_paravi {width:55%; margin: 0 auto;}
  .box_tver {
    width: 100%;
    margin:5% auto;
  }
a.tver {width:49% !important;}
a.tbsfree {width:49% !important;}

div#tsft .box a {height:16vw; border-radius:1.6vw !important;}
div#tsft .txt { font-size:3.4vw;  margin:3% 0 0;}  
div#tsft .caution {font-size:70%; padding:4% 0 0;}
}