/*customize：ID・CLASS名は変更不可*/

/*#tbsfree { display: none;}*/ /*TBS FREE外枠：データが無いときは非表示にする場合*/
/*必須*/
#tbsfree_set { box-sizing: border-box; width: 100%; max-width: 600px; margin: 1em auto 0;} /*TBS FREE格納スペース*/
.tbsfree_data { width: 100%; /*border-bottom: 2px dotted rgba(0, 0, 0, .5);*/ padding-bottom: 1em;} /*１動画セット*/
.tbsfree_data a { width: 100%; height: 100%; display: block; z-index: 100;
text-decoration:none;color:#666;
} /*TBS FREE：リンク*/
.tbsfree_data a:hover { opacity: .8;}


/*不要な項目は、display:none　で隠してください*/
/*サムネイル大*/
.tbsfree_photo_BIG { width: 100%; margin: 1em auto;} /*TBS FREE：サムネイル大画像 外枠（幅設定用）*/
/*サムネイル小*/
.tbsfree_photo_MINI { width: 50%; margin: 1em auto;} /*TBS FREE：サムネイル小画像 外枠（幅設定用）*/
/*サムネイル大小共通*/
.tbsfree_photo { width: 100%; height: 0; padding-top: 56.25%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; position: relative; z-index: 0;} /*TBS FREE：サムネイル画像 画角設定*/
.tbsfree_data a .tbsfree_photo:after { content:""; width: 48px; height: 48px; display: block; background-image: url(/program/um/v8/img/play.svg); position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); z-index: 100;} /*TBS FREE：サムネイル画像上の動画PLAYマーク*/
.tbsfree_data img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10;} /*TBS FREE：サムネイル画像上のカバーIMG*/
/*テキスト*/
.tbsfree_title {
font-size: 120%; font-weight: bold;
padding: .5em 0; border-radius: 8px;
text-align: center;color: #fff;background: #3ea0cd;
}
@media all and (max-width:767px) {
.tbsfree_title {font-size: 90%; }
}

/*TBS FREE：動画タイトル*/
.tbsfree_txt { font-size: 110%;} /*TBS FREE：内容テキスト*/
.tbsfree_onairtxt { font-size: 90%; color: rgba(4, 93, 173, .75); padding-top: 5px;} /*TBS FREE：放送日時テキスト*/
.tbsfree_endtxt { color: rgba(4, 93, 173, 1); padding-top: 5px;} /*TBS FREE：配信終了日時テキスト*/
.tbsfree_pretxt { color: rgba(4, 93, 173, .75); padding-top: 5px;} /*TBS FREE：データ有り・準備中表示テキスト*/
.tbsfree_nonetxt { color: rgba(4, 93, 173, .75); padding-top: 5px;
text-align:center !important;} /*TBS FREE：データ無し・準備中表示テキスト*/


/*カスタマイズ サンプル*/
.tbsfree_photo_MINI { display: none;}
.tbsfree_data { text-align: left;}

/*tver*/
.tver a{
display: block;
width:100%;
height: 0;
padding-top:23.1481481481481%;
background: url(../img/tver.png) center center no-repeat;
background-size:cover;
border: solid 2px #3ea0cd;
border-radius:8px;
}
.tver {
margin:1em auto;
}
.tver:hover { opacity: .8;}

@media all and (min-width:768px) {
.tver {width:540px; }
}
@media all and (max-width:767px) {
.tver {width:100%;}
}