/* ===========================================
	TBS data-top用 CSS
=========================================== */

/* 各一覧の背景の枠 */
.data-waku{
	background: rgba(245, 245, 250, 1); 
	border: rgba(245, 245, 250, 1) solid 2px; 
	border-radius: 10px; 
	font-size: 100%; 
	padding: 40px;
}

/* ブラウザサイズ毎の調整 */

@media all and (max-width: 991.98px) {
	.data-waku{
		padding: 20px;
	}
}


/* ポインターが当たった時の動作 */
.btn-data-top:hover{
	opacity: .8;
}

/* ===========================================
	注目データ放送一覧
=========================================== */

.chu-data-box{
	display: flex; 
	flex-wrap: wrap; 
	list-style: none; 
	gap: 20px;
}

.chu-data-1{
	border-radius: 10px; 
	background-color: #fff; 
	overflow: hidden; 
	box-shadow: 4px 4px 10px hsla(0, 0%, 0%, .1); 
	width: calc((100% - 20 * 2px) / 3); 
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-size: 100%;
}

/* ブラウザサイズ毎の調整 */

@media all and (max-width: 991.98px) {
	.chu-data-1{
		width:calc((98% - 15px)/2);
	}
}


.chu-data-1a{
	text-decoration: none; 
	display: block;
}

.chu-conf-data{
	animation: tbsv9FadeIn 800ms; 
	position: relative; 
	height: 0; 
	padding-top: calc(9 / 16 * 100%); 
	background-size: cover; 
	margin-bottom: 12px;
	display: block;
}

.chu-conf-data-b{
	display: none; 
	width: 50px; 
	height: 50px; 
	background-image: url("https://www.tbs.co.jp/um/img/lazyloading_wht.png"); 
	position: absolute; 
	inset: 0px; 
	margin: auto; 
	background-position: -400px 0px; 
	padding: 0; 
	border: 0; 
	font-size: 100%;
}

.chu-conf-data-img{
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 100%; 
	height: 100%;
}

.chu-data-txtarea{
	padding: 0 12px 12px; 
	line-height: 1.5; 
	display: block; 
}

.chu-data-txtarea-ci{
	font-size: 112.5%; 
	color: #3B3F4A; 
	display: block; 
	font-weight: 700; 
	font-style: normal; 
	margin-bottom: 0.25em;
}

.chu-data-oa{
	font-size: 83%; 
	color: #81899C; 
	display: block; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	line-height: 1.5;
}


/* ===========================================
	データ放送対応番組一覧
=========================================== */

.pgm-data-box{
	display: flex; 
	flex-wrap: wrap; 
	list-style: none; 
	gap: 20px;
}

.pgm-data-1{
	border-radius: 10px; 
	background-color: #fff; 
	overflow: hidden; 
	box-shadow: 4px 4px 10px hsla(0, 0%, 0%, .1); 
	width: calc((100% - 20 * 2px) / 3); 
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-size: 100%;
}

/* ブラウザサイズ毎の調整 */

@media all and (max-width: 991.98px) {
	.pgm-data-1{
		width:calc((98% - 15px)/2);
	}
}


.pgm-data-1a{
	text-decoration: none; 
	display: block;
}

.pgm-data-txtarea{
	padding: 12px 12px 12px; 
	line-height: 1.5; 
	display: block;
}

.pgm-data-txtarea-ci{
	font-size: 112.5%; 
	color: #3B3F4A; 
	display: block; 
	font-weight: 700; 
	font-style: normal; 
	margin-bottom: 0.25em;
}

.pgm-data-oa{
	font-size: 83%; 
	color: #81899C; 
	display: block; 
	margin: 0; 
	padding: 0; 
	border: 0;
	line-height: 1.5;
}



/*	faq (お問い合わせ)
============================== */
.data_faq .btn a { 
	background-color: rgba(255, 255, 255, 1); 
	color: rgba(59, 63, 74, 1); 
	font-weight: 700;
}

.data_faq .btn span, #archive_onair .data_faq .btn span { 
	color: rgba(59, 63, 74, 1);
}

#archive_onair .data_faq { 
	margin-top: 4rem;
}

.data_faq .btn span::before { 
	/* content: '';  */
	display: inline-block; 
	width: 6px; 
	height: 6px; 
	border-top: 2px solid rgba(0, 80, 255, 1); 
	border-right: 2px solid rgba(0, 80, 255, 1); 
	transform: rotate(-135deg); 
	margin-right: 4px; 
	margin-bottom: 1.5px;
}

.data_faq .btn span::after, .data_faq .btn a::after { 
	content: ''; 
	width: 0; 
	height: 0; 
	background-image: url(https://www.tbs.co.jp/um/img/cover.png);
}

.data_faq .btn a:hover { 
	opacity: .8;
}