/* ============================
	schedule css
============================ */

.team-list p { position:relative; width:100%; height:0; margin-bottom:20px; padding-top:calc(120% / 900 * 100); background-color:#efefef; }
.schedule-final .team-list p { padding-top:calc(300% / 900 * 100); }
.team-list p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
.team-list p .list-pc { display:block; }
.team-list p .list-smp { display:none; }

.sc-tbl { width:100%; padding-bottom:1.0em; }
.sc-tbl table { width:100%; }
.sc-tbl table th, .sc-tbl table td { border:#ddd 1px solid; border-collapse:collapse; padding:1.0em 0.5em; box-sizing:border-box; line-height:120%; text-align:center; }
.sc-tbl .date-h, .sc-tbl .date, .sc-tbl .time, .sc-tbl .match-h { color:#fff; font-size:130%; text-shadow:2px 2px 4px rgba(0,0,0,0.2); }
.sc-tbl .date-h, .sc-tbl .match-h { background:#EA2C3A; }
.sc-tbl .date-h { width:8.0em; }
.sc-tbl .date { width:3.0em; background-color:#FF6A31; }
.sc-tbl .time { width:5.0em; background-color:#FF6A31; }
.match.match-jpn { background-color:#fff5d7; }
.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; white-space:nowrap; }
.match-x .score-s { display:block; margin-top:1.0em; padding:0 0.5em; font-size:50%; line-height:140%; border-left:1px #000 solid; border-right:1px #000 solid; white-space:nowrap; }
.match-l img, .match-r img { border:#e6e6e6 1px solid; }
.cnt-name { display:block; }

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

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

.team-list p { padding-top:calc(180% / 500 * 100); }
.schedule-final .team-list p { padding-top:calc(550% / 500 * 100); }
.team-list p .list-pc { display:none; }
.team-list p .list-smp { display:block; }

.sc-tbl { overflow-x:scroll; }

.sc-tbl table th, .sc-tbl table td { padding:0.4em 0.2em; }
.sc-tbl .date-h, .sc-tbl .date, .sc-tbl .time, .sc-tbl .match-h { font-size:80%; }
.match-l, .match-r { font-size:75%; }
.match-x { margin:0 5px; padding-left:0; font-size:120%; letter-spacing:0; }
.match-l img, .match-r img { width:60%; height:60%; }
.cnt-name { display:block; white-space:nowrap; }
}