/* ============================
	onair css
============================ */

.oa-tbl { width:100%; padding-bottom:1.0em; }
.oa-tbl table { width:100%; }
.oa-tbl table th, .oa-tbl table td { border:#ddd 1px solid; border-collapse:collapse; padding:1.0em 1.0em; box-sizing:border-box; line-height:120%; text-align:center; }
.oa-tbl .date { width:40%; background: rgb(255,106,49); background: linear-gradient(90deg, rgba(255,106,49,1) 0%, rgba(234,44,58,1) 100%); color:#fff; font-size:150%; text-shadow:2px 2px 4px rgba(0,0,0,0.2); }
.oa-tbl .date .live { display:inline-block; margin-left:0.5em; padding:0 0.3em; color:#EA2C3A; background-color:#FDEB3D; font-size:85%; text-shadow:none; box-shadow:2px 2px 4px rgba(0,0,0,0.2); }
.match-box { display:flex; justify-content:center; align-items:center; }
.match-l, .match-r { width:7.0em; font-weight:700; font-size:110%; }
.match-x { margin:0 20px; font-size:220%; font-weight:700; }
.match-l img, .match-r img { border:#e6e6e6 1px solid; width:96px; height:64px; }
.cnt-name { display:block; }
.match-txt { font-size:140%; line-height:140%; font-weight:bold; }

/* ---- Media Queries ---- */

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

.oa-tbl { font-size:90%; overflow-x:scroll; }

.oa-tbl table th, .oa-tbl table td { display:block; padding:0.5em 0.5em; }
.oa-tbl .date { width:100%; font-size:140%; }
.match-l, .match-r { width:5.0em;  font-size:110%;}
.match-l img, .match-r img { width:60px; height:40px; }

}


/* top-onair
=============================================== */

.top-onair { width:100%; text-align:center; display:flex; align-items: center; flex-direction:column; }
.top-onair-item { width:100%; padding:1.2em 0; border-bottom:#ddd 1px solid; display:flex; align-items: center; justify-content: center; }
.top-onair-item:first-child { padding-top:0;}
.top-onair .date { width:7.5em; font-size:140%; line-height:140%; font-weight:bold; color:#3953C9; }
.top-onair-final { width:14.6em; font-size:140%; line-height:140%; font-weight:bold; }

/* ---- Media Queries ---- */

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

.top-onair-item { width:100%; justify-content:center; }
.top-onair .date { width:7.5em; font-size:110%; }
.top-onair .match-box { font-size:85%; }
.top-onair-final { width:13.8em; font-size:110%; }

.match-x { margin:0 3px; }
.match-l img, .match-r img { width:50px; height:36px; }

}