@charset "UTF-8";

/* 2026 チーム月間 */


#schedule_wrap {

  & table {
    width: 100%;
    margin-top: 32px;
    border-collapse: collapse;
    /* background-color: var(--ex_pale_gray); */

    & thead {
      border-bottom: 2px solid #fff;
      background-color: var(--ex_pale_gray);
    }

    /*nest-start*/
    & thead th,
    & tbody td {
      line-height: 1.1;
    }

    & thead th,
    & tbody th,
    & tbody th+td {
      text-align: center;
    }

    & thead>tr {
      /* background-color: #fff; */
    }

    & thead th {
      padding-top: 0.6em;
      padding-bottom: 0.6em;
      font-size: 1.4rem;
      line-height: 1.3;
    }

    & thead th:nth-of-type(2) {
      text-align: left;
    }


    & tbody>tr>td:nth-of-type(2) {
      width: 95%;
      line-height: 1.6;
      border-left: 2px solid #fff;
    }

    & tbody>tr>td:nth-of-type(2)>p {
      padding: 1em;
      position: relative;
      z-index: 0;
    }

    & tbody>tr>td:nth-of-type(2)>p+p {
      border-top: 2px solid #fff;
    }

    & tbody>tr>td:nth-of-type(2)>p.game {
      font-weight: bold;
      font-size: 1.8rem;
      padding-bottom: 0.2em;
      /* background-color: hsl(64, 73%, 87%); */
    }

    & td:has(> .game) {
      background-color: hsl(64, 73%, 87%);
    }

    & div.match_links {
      display: flex;
      gap: 8px;
      padding-left: 1.2em;
      padding-bottom: 1em;

      & a {
        display: block;
        background-color: red;
        border-radius: 2px;
        color: #fff;
        font-size: 1.3rem;
        line-height: 1;
        padding: 0.2em 0.4em;
        text-align: center;
      }

      & a:hover {
        transition: all 0.15s ease-in;
        opacity: 0.8;
      }

      & .home_info {
        background-color: var(--main_blue);
      }

      & .record_page {
        background-color: var(--main_bk);
      }

    }

    & tbody>tr>td:nth-of-type(2)>p.birthday {
      font-weight: bold;
      background-color: hsl(200, 80%, 93%);
    }

    & tbody>tr>td:nth-of-type(2)>p.birthday::before {
      content: "";
      display: inline-block;
      width: 28px;
      height: 28px;
      top: -0.1em;
      margin-right: 0.3em;
      vertical-align: middle;
      position: relative;
      background-image: url(/schedule/assets/img/icon_birthday_blue.svg);
      background-repeat: no-repeat;
      background-position: 0 0;
    }

    & tbody>tr>td:nth-of-type(2)>p.training {
      font-weight: bold;
      font-weight: 500;
    }

    & tbody>tr>td:nth-of-type(2)>p.off {
      color: #999;
    }

    & tbody th+td {
      width: 2.5%;
      text-align: left;
    }

    & tbody th {
      width: 5%;
      font-size: 3.2rem;
      font-family: var(--ffDIN_cond_reg);
      font-weight: normal;
      font-weight: 400;
      padding-top: 0.4em;
      padding-bottom: 0.25em;
    }

    & tbody>tr {
      border-bottom: 2px solid #fff;
      background-color: var(--ex_pale_gray);
    }

    & tbody>tr.sat>th,
    & tbody>tr.sat>th+td {
      background-color: hsl(200, 80%, 93%);
    }

    & tbody>tr>td.event_closed,
    & tbody>tr.holiday>th,
    & tbody>tr.holiday>th+td,
    & tbody>tr>th.holiday,
    & tbody>tr>th.holiday+td {
      background-color: hsl(0, 90%, 95%);
    }

    & tbody>tr.holiday>th,
    & tbody>tr.holiday>th+td {
      color: var(--main_red);
    }

    & tbody>tr.sat>th,
    & tbody>tr.sat>th+td {
      color: #0297df;
    }

  }

  /*nest-end*/

  /*  */
}

/*--*/

@media screen and (max-width: 768px) {

  #schedule_wrap {

    & table {
      width: 88vw;
      margin-left: auto;
      margin-right: auto;
      margin-top: 6vw;

      /*nest-start*/
      & thead th {
        font-size: 3.125vw;
      }

      & tbody>tr>td:nth-of-type(2) {
        width: auto !important;
      }

      & tbody th {
        width: 11%;
        padding-right: 0.05em;
        font-size: 10vw;
        text-align: right;
      }

      & tbody th+td {
        width: 6%;
        font-size: 3.75vw;
      }

      & tbody>tr>td:nth-of-type(2)>p {
        font-size: 3.75vw;
        line-height: 1.3;
      }

      & tbody>tr>td:nth-of-type(2)>p.game {
        font-size: 4.375vw;
        padding-bottom: 0.6em;
      }

      & div.match_links {
        gap: 4vw;
      }

      /*nest-end*/

    }

  }

  /*  */


  /*--*/

  /*--*/

  /*--*/

  /*--*/

  /*--*/