/* =============================================
Schedule
============================================= */

#schedule .subttl > .ttl {
  width: calc(372px / 2);
  aspect-ratio: 372 / 134;
  background-image: url(../img/top/schedule_ttl.png);
}


/* sc-list
=================================== */

#sc-list { margin-bottom:15px; }

/* sc-list-nav
-------------------------------- */

#sc-list-nav { display:flex; text-align:center; }
#sc-list-nav li { width:calc(100%/4); }
#sc-list-nav li a,
#sc-list-nav li .coming { display:block; width:100%; height:100%; padding:0.7em; box-sizing:border-box; color:#fff; font-size:130%; line-height:120%; font-weight:600; text-decoration:none; text-shadow:0 0 4px rgba(0,0,0,0.2); /* hover fade */ transition: background-color 0.2s ease-out; }
.sc-m #sc-list-nav li a,
.sc-m #sc-list-nav li .coming { background-color:var(--cl-m-blue); }
.sc-w #sc-list-nav li a,
.sc-w #sc-list-nav li .coming { background-color:var(--cl-w-red); }

#sc-list-nav li .coming { opacity:0.2; }
#sc-list-nav li.current a { filter: brightness(1.5); }
#sc-list-nav li a .txts,
#sc-list-nav li .coming .txts {display:block; padding-top:0.2em; font-size:80%; line-height:110%; }
@media (hover: hover) { #sc-list-nav li a:hover { filter: brightness(1.5); } }

/* -- Media Queries -- */

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

#sc-list-nav li { font-size:2.2vw; }

}

/* sc-list-item
-------------------------------- */

#schedule-list { margin-bottom:20px; }
.sc-list-item { margin-bottom:20px; display:flex; justify-content:center; align-items:center; text-align:center; background-color: #ECECEC; }
.scl-box-l,
.scl-box-r { padding:1.2em 1.0em; box-sizing:border-box; }
.scl-box-l { width:55%; }
.scl-box-r { width:45%; }
.scl-pl { display:inline-block; margin-bottom:0.5em; padding:0.3em 0.6em; box-sizing:border-box; color:#fff; font-weight:600; font-size:140%; line-height:120%; }
.sc-m .scl-pl { background-color:var(--cl-m-blue); }
.sc-w .scl-pl { background-color:var(--cl-w-red); }
.scl-dt { font-weight:600; font-size:280%; line-height:120%; }
.scl-live { display:inline-block; position:relative; top:-0.3em; margin-right:0.5em; padding:0.1em 0.4em; box-sizing:border-box; background-color:#e5402c; color:#fff; font-size:50%; line-height:120%; }
.scl-yb { font-size:60%; }
.scl-area { font-size:60%; position:relative; top:-0.2em; }
.scl-txt1 { padding-top:0.3em; color:#2e35cf; font-weight:600; font-size:150%; line-height:120%; }
.sc-list-item .match-box { text-align:center; }
.sc-list-item .match-l, .sc-list-item .match-r { width:9.0em; }
.match-x { font-size:300% }
.sc-list-item .match-l img, .sc-list-item .match-r img { width:8.0em; height:5.33em; }
.sc-list-item .match-box .cnt-name { margin-top:0.5em; font-size:120%; }
.btn-scl-cal-g { margin:10px auto 0 auto; text-align:center; width:14.0em; }
.btn-scl-cal-g a { display:block; position:relative; width:100%; padding:0.5em 0 0.7em 0.3em; box-sizing:border-box; border-radius:1000px; font-weight:600; line-height:100%; color:#fff!important; text-decoration:none; /* hover fade */ transition: opacity 0.2s ease-out; }
.sc-m .btn-scl-cal-g a { background:var(--cl-m-blue); }
.sc-w .btn-scl-cal-g a { background:var(--cl-w-red); }
@media (hover: hover) { .btn-scl-cal-g a:hover { opacity:0.5; } }
.btn-scl-cal-g a::before { display:inline-block; position:absolute; top:1.6em; left:1.5em; margin-right:0.7em; content:"▶︎"; font-size:40%; }

/* -- Media Queries -- */

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

.sc-list-item { font-size:2.6vw; }

.scl-box-l { width:45%; }
.scl-box-r { width:55%; }
.scl-pl { font-size:120%; }
.scl-dt { font-size:200%; }
.scl-area { top:-0.5em; }
.scl-txt1 { font-size:100%; }
.sc-list-item .match-l img, .sc-list-item .match-r img { width:6.0em; height:4.0em; }
.btn-scl-cal-g { font-size:110%; }

}

/* match-box
-------------------------------- */

.match-box { display:flex; justify-content:center; align-items:center; }
.match-l, .match-r { width:6.0em; font-weight:600; font-size:110%; }
.match-x { font-size:220%; font-weight:600; white-space:nowrap; }
.match-x .score-s { display:block; margin:10px 5px 0 5px; 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 { width:3.0em; height:2.0em; box-shadow:0px 2px 4px rgba(0,0,0,0.2); }
.match-box .cnt-name { display:block; font-size:90%; line-height:120%; }



/* sc-cal
=================================== */

#sc-cal { margin-top:30px; }
.tab_item { width:calc(100%/3); padding:0.5em; box-sizing:border-box; background-color:#ececec; text-align:center; color:#000; display:block; float:left; transition:all 0.2s ease; cursor:pointer; font-weight:600; font-size:160%; }
.tab_item:hover { opacity:0.75; }
input[name="tab_item"] { display:none; }
.tab_content { display:none; clear:both; overflow:hidden; }
  #tab1:checked ~ #tab1_content,
  #tab2:checked ~ #tab2_content,
  #tab3:checked ~ #tab3_content {
    display:block;
  }
.tab_container input:checked + .tab_item { background-color:var(--cl-gold); }

/* -- Media Queries -- */

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

.tab_item { font-size:3.6vw; }

}

/* sc-cal-item
-------------------------------- */

.sc-cal-item table { width:100%; border-collapse:collapse; border-spacing:0; }
.sc-cal-item table tr th, .sc-cal-item table tr td { width:calc(100%/7); padding:0.5em; border:#ccc 1px solid; box-sizing:border-box; font-weight:600; }
.sc-cal-item table tr th { text-align:center; background-color:#dcdddd; }
.sc-cal-item table tr td { position: relative; height:6.5em; vertical-align:top; font-weight:600; }
.sc-cal-item table tr.match-2d td { height:8.5em; }
.d-hol, .d-sun{ color:#e5402c; }
.d-sat { color:#2e35cf; }
.cal-today{ display:inline-block; min-width:1.5em; margin:-0.13em 0 0 -0.13em; padding:0.25em; box-sizing:border-box; border-radius:1000px; background-color:#e5402c; color:#fff; text-align:center; }
.cal-match { display:block; position:absolute; top:0; left:0; width:100%; height:100%; color:#000!important; justify-content:center; align-items:center; text-decoration:none; }
@media (hover: hover) { a.cal-match:hover { color:#000; text-decoration:none; opacity:0.7; } }
.cal-match.cal-w { box-shadow:0 0 0 0.3em #fad9d5 inset; }
.cal-match.cal-m { box-shadow:0 0 0 0.3em #d5d7f5 inset; }
.d-match { display:block; margin:2.0em auto 0 auto; width:3.5em; height:2.33em; background:url(../img/schedule/cal_logo.png) center center no-repeat; background-size:cover; text-indent:-9999px; }
.cal-match.cal-jpn .d-match { margin:0.9em auto 0.5em auto; }
.cal-match .match-l, .cal-match .match-r { width:2.0em; margin-bottom:0.3em; }
.cal-match .match-x { font-size:120%; margin:0 0.25em; }
.cal-match .match-l img, .cal-match .match-r img { width:2.0em; height:1.5em; }

/* match-2final */
.match-2final .d-match { margin-top:-1.15em; }
.match-2final .match-2final-1,
.match-2final .match-2final-2 { top:auto; height:2.33em; padding-top:0.4em; }
.match-2final .match-2final-1 { bottom:2.63em; }
.match-2final .match-2final-2 { bottom:0 }

/* -- Media Queries -- */

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

.sc-cal-item table { font-size:1.7vw; }
.sc-cal-item table tr th, .sc-cal-item table tr td { font-size:150%; }
.sc-cal-item table tr td { height:5.0em; }
.sc-cal-item table tr.match-2d td { height:6.5em; }
.cal-today{ margin:-0.25em 0 0 -0.25em; }
.cal-match.cal-jpn .d-match { margin-top:1.6em; }
.cal-match { font-size:60%; padding-top:1.0em; box-sizing:border-box; }
#sc-cal-mark dt, #sc-cal-mark dd { /* for space */ font-size:0.8rem; }
.cal-match .match-l img, .cal-match .match-r img { box-shadow:0px 1px 2px rgba(0,0,0,0.2); }

/* match-2final */
.match-2final .d-match { margin-top:-0.5em; font-size:60%; }
.match-2final .match-2final-1,
.match-2final .match-2final-2 { top:auto; height:3.0em; padding-top:0.6em; }
.match-2final .match-2final-1 { bottom:3.0em; }

}

/* sc-cal-mark
-------------------------------- */

#sc-cal-mark { margin-top:15px; /* for space */ font-size:0; }
#sc-cal-mark dt, #sc-cal-mark dd { display:inline-block; vertical-align:middle; margin-bottom:0.5em; /* for space */ font-size:1rem; }
#sc-cal-mark dt { margin-right:0.5em; }
#sc-cal-mark dd { margin-right:1.0em; }
#clmk-match { display:block; width:2.0em; height:1.33em; background:url(../img/onair/cal_logo.png) center center no-repeat; background-size:cover; text-indent:-9999px; }
#clmk-jpn { display:block; width:2.0em; height:1.33em; border:#ccc 1px solid; background:url(../img/flag/jpn.png) center center no-repeat; background-size:cover; text-indent:-9999px; }
#clmk-w,
#clmk-m { display:block; width:2.0em; height:1.33em; text-indent:-9999px; }
#clmk-w { box-shadow:0 0 0 0.3em #fad9d5 inset; }
#clmk-m { box-shadow:0 0 0 0.3em #d5d7f5 inset; }

/* -- Media Queries -- */

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

#sc-cal-mark dt, #sc-cal-mark dd { font-size:0.8rem; }

}


/*eof*/