.p-listofraces-kv__inner {
  position: relative;
}
.p-listofraces-kv__textarea {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.0666666667vw;
}
.p-listofraces-kv__heading {
  font-weight: 900;
  font-size: 11.2vw;
  line-height: 1;
  letter-spacing: 0.08em;
  background: linear-gradient(160deg, #AD8024 0%, #FEF5AE 50%, #AD8024 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  white-space: nowrap;
}
.p-listofraces-kv__text {
  font-weight: 900;
  font-size: 5.3333333333vw;
  line-height: 1;
  letter-spacing: 0.1em;
  background: linear-gradient(170deg, #AD8024 0%, #FEF5AE 50%, #AD8024 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  white-space: nowrap;
}
.p-listofraces-content {
  margin-top: -8vw;
}
.p-listofraces-content__inner {
  padding-top: 12.8vw;
  width: 89.3333333333vw;
  margin: 0 auto;
  position: relative;
}
.p-listofraces-menu {
  width: 48vw;
  position: absolute;
  top: 0;
  right: 0;
  background: #000000;
}
.p-listofraces-menu__header {
  display: flex;
  height: 9.6vw;
  border: 0.2666666667vw solid #999999;
}
.p-listofraces-menu__header__textarea {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: #000000;
  border-right: 0.2666666667vw solid #999999;
}
.p-listofraces-menu__header__text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 3.2vw;
  line-height: 1.3;
  color: #FFFFFF;
}
.p-listofraces-menu__header__button {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 9.0666666667vw;
  height: 100%;
  background: #BD3234;
}
.p-listofraces-menu__header__arrow {
  width: 3.7333333333vw;
  transition: 0.3s;
}
.p-listofraces-menu__content {
  display: none;
}
.p-listofraces-menu.is-open .p-listofraces-menu__header__arrow {
  transform: rotate(180deg);
}
.p-listofraces-menu__list__item {
  background: #DDDDDD;
  border-top: 0.2666666667vw solid #999999;
  border-right: 0.2666666667vw solid #999999;
  border-left: 0.2666666667vw solid #999999;
  height: 8vw;
  display: flex;
  align-items: center;
  padding-left: 4.8vw;
}
.p-listofraces-menu__list__item:last-of-type {
  border-bottom: 0.2666666667vw solid #999999;
}
.p-listofraces-menu__list__item.is-active {
  opacity: 0.7;
}
.p-listofraces-menu__list__text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 3.2vw;
  line-height: 1.3;
  color: #000000;
}
.p-listofraces-table table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.p-listofraces-table table col[data-item="1"] {
  width: 65.3333333333vw;
}
.p-listofraces-table table tr[data-category="01"] td:last-of-type {
  background: #3B2568;
}
.p-listofraces-table table tr[data-category="02"] td:last-of-type {
  background: #9C8140;
}
.p-listofraces-table table tr[data-category="03"] td:last-of-type {
  background: #9A0D10;
}
.p-listofraces-table table tr[data-category="04"] td:last-of-type {
  background: #3C7B2F;
}
.p-listofraces-table table tbody tr.is-odd td:first-of-type {
  background: rgba(221, 221, 221, 0.9);
}
.p-listofraces-table table th {
  background: #000000;
  border: 0.2666666667vw solid #999999;
  padding: 2.6666666667vw 0;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 3.7333333333vw;
  line-height: 1.4285714286;
}
.p-listofraces-table table td {
  background: rgb(221, 221, 221);
  border: 0.2666666667vw solid #999999;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 3.7333333333vw;
  line-height: 1.4285714286;
  text-align: center;
  height: 21.3333333333vw;
}
.p-listofraces-table table td:first-of-type {
  font-weight: 500;
  color: #000000;
  text-align: left;
  padding-left: 2.6666666667vw;
}
.p-listofraces-table table td a {
  color: #000000 !important;
  text-decoration: underline;
}
.p-listofraces-table table td a.is-disabled {
  pointer-events: none;
  text-decoration: none;
}

@media print, (min-width: 768px) {
  .p-listofraces-kv__textarea {
    gap: 5.54668px;
  }
  .p-listofraces-kv__heading {
    font-size: 58.24014px;
  }
  .p-listofraces-kv__text {
    font-size: 27.7334px;
  }
  .p-listofraces-content {
    margin-top: -41.6001px;
  }
  .p-listofraces-content__inner {
    padding-top: 66.56016px;
    width: 464.53445px;
  }
  .p-listofraces-menu {
    width: 249.6006px;
  }
  .p-listofraces-menu__header {
    height: 49.92012px;
    border: 1.38667px solid #999999;
    transition: 0.3s;
    cursor: pointer;
  }
  .p-listofraces-menu__header:hover {
    opacity: 0.7;
  }
  .p-listofraces-menu__header__textarea {
    border-right: 1.38667px solid #999999;
  }
  .p-listofraces-menu__header__text {
    font-size: 16.64004px;
  }
  .p-listofraces-menu__header__button {
    width: 47.14678px;
  }
  .p-listofraces-menu__header__arrow {
    width: 19.41338px;
  }
  .p-listofraces-menu__list__item {
    border-top: 1.38667px solid #999999;
    border-right: 1.38667px solid #999999;
    border-left: 1.38667px solid #999999;
    height: 41.6001px;
    padding-left: 24.96006px;
    transition: 0.3s;
    cursor: pointer;
  }
  .p-listofraces-menu__list__item:hover {
    opacity: 0.7;
  }
  .p-listofraces-menu__list__item:last-of-type {
    border-bottom: 1.38667px solid #999999;
  }
  .p-listofraces-menu__list__text {
    font-size: 16.64004px;
  }
  .p-listofraces-table table col[data-item="1"] {
    width: 339.73415px;
  }
  .p-listofraces-table table th {
    border: 1.38667px solid #999999;
    padding: 13.8667px 0;
    font-size: 19.41338px;
  }
  .p-listofraces-table table td {
    border: 1.38667px solid #999999;
    font-size: 19.41338px;
    height: 110.9336px;
  }
  .p-listofraces-table table td:first-of-type {
    padding-left: 13.8667px;
  }
  .p-listofraces-table table td a:hover {
    text-decoration: none;
  }
}