@charset "iso-2022-jp";
/*customize：ID・CLASS名は変更不可*/

/*必須*/
#tbsfree_set { box-sizing: border-box; width: 100%; max-width: 600px; margin: 1em auto 0; padding:0 1em;} /*TBS FREE格納スペース*/
#tbsfree_set2 { box-sizing: border-box; width: 100%; max-width: 600px; margin: 1em auto; padding:0 1em;} /*TBS FREE格納スペース*/

.tbsfree_data { width: 100%; border-bottom: 2px dotted rgba(0, 0, 0, .5); text-align: left;} /*１動画セット*/
.tbsfree_data a { width: 100%; height: 100%; display: block; z-index: 100;} /*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:140%; font-weight: bold; color:#f6228b;} /*TBS FREE：動画タイトル*/
.tbsfree_txt { font-size: 105%; color: #333;} /*TBS FREE：内容テキスト*/
.tbsfree_onairtxt { font-size:100%; color: rgba(4, 93, 173, .75); padding-top: 5px; color:#f6711c;} /*TBS FREE：放送日時テキスト*/
.tbsfree_endtxt { font-size: 140%;color: rgba(4, 93, 173, 1); padding-top: 5px;} /*TBS FREE：配信終了日時テキスト*/
.tbsfree_pretxt { font-size: 140%;color: rgba(4, 93, 173, .75); padding-top: 5px;} /*TBS FREE：データ有り・準備中表示テキスト*/
.tbsfree_nonetxt { font-size: 140%;color: rgba(4, 93, 173, .75); padding-top: 5px;} /*TBS FREE：データ無し・準備中表示テキスト*/


/*カスタマイズ サンプル*/
.tbsfree_photo_MINI { display: none;}
.tbsfree_data{border:0;}
.tbsfree_title{text-align: center;}
.tbsfree_txt, .tbsfree_onairtxt, .tbsfree_endtxt { text-align: left;}

#tbsfree{padding:15px 10px;}
#tbsfree a{text-decoration:none;}