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

/*#tbsfree { display: none;}*/ /*TBS FREE外枠：データが無いときは非表示にする場合*/
/*必須*/
#tbsfree_set { box-sizing: border-box; width: 100%; max-width: 600px; margin:0 auto; } /*TBS FREE格納スペース*/
.tbsfree_data { width:100%; padding-bottom:1em; text-align: left;} /*１動画セット*/
.tbsfree_data a { width:100%; height:100%; display: block; z-index:100; color:#333; text-decoration:none; } /*TBS FREE：リンク*/
@media (hover: hover) { .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:140%; line-height:130%; font-weight:bold; } /*TBS FREE：動画タイトル*/
.tbsfree_txt { line-height:160%; } /*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:10px; } /*TBS FREE：配信終了日時テキスト*/
.tbsfree_pretxt { color: rgba(4, 93, 173, .75); padding-top:10px; } /*TBS FREE：データ有り・準備中表示テキスト*/
.tbsfree_nonetxt { color: rgba(4, 93, 173, .75); padding-top:10px; } /*TBS FREE：データ無し・準備中表示テキスト*/


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

/*for_W768-*/
@media all and (min-width: 768px) {
.tbsfree_data { text-align: center;}
}

@media all and (max-width: 767px) {

.tbsfree_title { font-size:110%; }
.tbsfree_txt { font-size:90%; }

}