/* Highlight
=================================== */

#hl-catch { font-size: 160%; line-height: 140%; margin-bottom:10px; color:#835005; font-weight:bold; text-align:center; }

.hl-img { margin:10px auto 15px; }
.hl-img span{ display:block; aspect-ratio:980 / 300; background:center center no-repeat; background-size:cover; }

.hl-tbl {padding:10px;}
.hl-tbl table td.out{background:#c8c8c8;}
.hl-tbl table td, .hl-tbl table th {font-size:90%; line-height:130%; padding:0.5em 0.2em; }
.hl-tbl table { width:100%; border-collapse:collapse; border-spacing:0; padding:0; }
.hl-tbl table td, .hl-tbl table th { border:1px #030303 solid;text-align:center; }
.hl-tbl table th { background:#d30707; color:#fff; }

.hl-tbl-row { display:flex; justify-content:center; margin-bottom:30px; }
.hl-tbl-row .hl-tbl { width:30%; }
.hl-tbl-ttl { font-size:110%; font-weight:bold; margin-bottom:10px; text-align:center; color:#835005; }
.hl-tbl-row .hl-tbl .shade { background:#ddd; }

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

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

#hl-catch { font-size:100%; line-height:140%; text-align:left; }

.hl-tbl-row { flex-direction:column; }
.hl-tbl-row .hl-tbl { width:auto; }

}