/* team colors */
/* schedule colors */
.senkogroup {
  color: #0d923b;
}

.igoshogi {
  color: #ec6618;
}

.wakakoi {
  color: #e83c17;
}

.nagoya {
  color: #11345f;
}

.fukuoka {
  color: #3994c1;
}

.note {
  font-size: 12px;
}

.container {
  max-width: none;
  padding: 0;
}
.container #schedule {
  margin-bottom: 100px;
}
.container #schedule .schedule-table {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 1rem;
  overflow-x: scroll;
}
.container #schedule .schedule-table .schedule-table__row {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 30px);
  margin: 1rem 15px 2rem;
  padding: 1rem 1rem;
  box-shadow: 1px 1px 4px 1px rgba(172, 172, 172, 0.45);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.container #schedule .schedule-table .schedule-table__row .schedule-table__round {
  width: 4em;
  padding: 0 0.5em;
  font-size: 32px;
  font-weight: 900;
  color: #0c1f2b;
  text-align: left;
}
.container #schedule .schedule-table .schedule-table__row .schedule-table__date {
  width: 7em;
  font-size: 20px;
  font-weight: 900;
  text-align: left;
}
.container #schedule .schedule-table .schedule-table__row .schedule-table__time {
  align-self: center;
  width: 5em;
}
.container #schedule .schedule-table .schedule-table__row .schedule-table__discription {
  display: flex;
}
.container #schedule .schedule-table .schedule-table__row .schedule-table__team {
  width: 15em;
  font-weight: bold;
}
.container #schedule .schedule-table .schedule-table__row .schedule-table__score {
  align-self: center;
  width: 5em;
}
.container #schedule .schedule-table .schedule-table__row .schedule-table__youtube {
  align-self: center;
  width: 7em;
}

.container #schedule .schedule-table.final {
  margin-bottom: 0;
}
.container #schedule .schedule-table.final .schedule-table__row {
  padding: 2rem 1rem;
}
.container #schedule .schedule-table .note {
  padding-left: 2rem;
  text-align: left;
  line-height: normal;
  text-indent: -1em;
}

/* 成績 */

.container #league_table {
  margin-bottom: 50px;
}

.container #league_table .league-table_box {
  width: calc(100% - 2rem);
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 10px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.container #league_table .league-table_box .league-table {
  width: 916px;
  margin: 0 auto;
  border: 2px solid #666;
}
.container #league_table .league-table_box .league-table tr:nth-of-type(2n) {
  border-bottom: 2px solid #666;
}
.container #league_table .league-table_box .league-table th,
.container #league_table .league-table_box .league-table td {
  width: 136px;
  padding: 0;
  border-top: 1px solid #666;
  border-left: 2px solid #666;
  border-right: 2px solid #666;
  border-bottom: 1px solid #666;
  text-align: center;
  vertical-align: middle;
}
.container #league_table .league-table_box .league-table th {
  font-size: 14px;
}
.container #league_table .league-table_box .league-table td {
  font-size: 14px;
  font-weight: bolder;
  height: 3em;
}
.container #league_table .league-table_box .league-table td.no-match {
  background-color: #ccc;
}
.container #league_table .league-table_box .league-table thead {
  border-bottom: 2px solid #666;
}
.container #league_table .league-table_box .league-table .sticky-row1,
.container #league_table .league-table_box .league-table .sticky-row2,
.container #league_table .league-table_box .league-table .sticky-row3 {
  position: sticky;
  border-top: 1px solid #666;
  border-left: 0;
  border-right: 2px solid #666;
  border-bottom: 1px solid #666;
}
.container #league_table .league-table_box .league-table .sticky-row1:before,
.container #league_table .league-table_box .league-table .sticky-row2:before,
.container #league_table .league-table_box .league-table .sticky-row3:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 2px);
  border-top: 1px solid #666;
  border-left: 2px solid #666;
  border-right: 2px solid #666;
  border-bottom: 1px solid #666;
  border-collapse: collapse;
  z-index: 2;
}
.container #league_table .league-table_box .league-table .sticky-row1 {
  left: 1px;
  width: 136px;
}
.container #league_table .league-table_box .league-table .sticky-row2 {
  left: 137px;
  width: 50px;
  padding: 0;
}
.container #league_table .league-table_box .league-table .sticky-row3 {
  left: 187px;
  width: 50px;
  padding: 0;
}
.container #league_table .league-table_box .league-table .point,
.container #league_table .league-table_box .league-table .number-of-win {
  width: 50px;
}

@media screen and (max-width: 800px) {
  .container #schedule {
    margin-bottom: 20vw;
  }
  .container #schedule .schedule-table .schedule-table__row {
    flex-wrap: wrap;
  }
  .container #schedule .schedule-table .schedule-table__row .schedule-table__round {
    margin-bottom: 10px;
  }
  .container #schedule .schedule-table .schedule-table__row .schedule-table__date {
    display: flex;
    margin-bottom: 10px;
  }
  .container #schedule .schedule-table .schedule-table__row .schedule-table__date div:nth-child(2n)::before {
    content: "/";
    margin: 0 5px;
  }
}
@media screen and (max-width: 500px) {
  .container #schedule .schedule-table .schedule-table__row {
    font-size: 2.8vw;
  }
  .container #schedule .schedule-table .schedule-table__row .schedule-table__round {
    width: 4.6em;
    padding: 0 1em;
    font-size: 6vw;
  }
  .container #schedule .schedule-table .schedule-table__row .schedule-table__date {
    width: 7em;
    font-size: 5vw;
  }
  .container #league_table .league-table_box .league-table {
    border: 0.4vw solid #666;
  }
  .container #league_table .league-table_box .league-table tr:nth-of-type(2n) {
    border-bottom: 0.4vw solid #666;
  }
  .container #league_table .league-table_box .league-table th,
  .container #league_table .league-table_box .league-table td {
    border-top: 0.2vw solid #666;
    border-left: 0.4vw solid #666;
    border-right: 0.4vw solid #666;
    border-bottom: 0.2vw solid #666;
  }
  .container #league_table .league-table_box .league-table th {
    font-size: 2.4vw;
    line-height: 1.4em;
  }
  .container #league_table .league-table_box .league-table td {
    font-size: 2.2vw;
  }
  .container #league_table .league-table_box .league-table thead {
    border-bottom: 0.4vw solid #666;
  }
  .container #league_table .league-table_box .league-table thead th {
    width: auto;
  }
  .container #league_table .league-table_box .league-table .sticky-row1,
  .container #league_table .league-table_box .league-table .sticky-row2,
  .container #league_table .league-table_box .league-table .sticky-row3 {
    position: sticky;
    background-color: #fff;
    border-top: 0.2vw solid #666;
    border-left: 0.4vw solid #666;
    border-left: 0;
    border-right: 0.4vw solid #666;
    border-bottom: 0.4vw solid #666;
  }
  .container #league_table .league-table_box .league-table .sticky-row1:before,
  .container #league_table .league-table_box .league-table .sticky-row2:before,
  .container #league_table .league-table_box .league-table .sticky-row3:before {
    top: -0.2vw;
    left: -0.4vw;
    width: calc(100% + 0.8vw);
    height: calc(100% + 0.4vw);
    border-top: 0.2vw solid #666;
    border-left: 0.4vw solid #666;
    border-right: 0.4vw solid #666;
    border-bottom: 0.2vw solid #666;
  }
  .container #league_table .league-table_box .league-table .sticky-row1 {
    width: 17vw;
  }
  .container #league_table .league-table_box .league-table .sticky-row2 {
    left: 85px;
    width: 56px;
  }
  .container #league_table .league-table_box .league-table .sticky-row3 {
    left: 143px;
    width: 56px;
  }
  .container #league_table .league-table_box .league-table .point,
  .container #league_table .league-table_box .league-table .number-of-win {
    width: 10vw;
  }


}/*# sourceMappingURL=games.css.map */