.time-pc-none {
    display: none;
  }

@media (max-width: 1199px) {
    .time-sp-none {
      display: none;
    }

    .time-pc-none {
      display: block;
    }
  }


.time-pc-none {
    padding-inline: 5%;
}


@media (max-width: 797px) {
  .time-pc-none {
    padding-inline: 0;
}
}

.accordion-header {
  cursor: pointer;
  background-color: #b2ebf2;
  padding: 10px 10px 10px 10px;
  margin: 0;
  position: relative;
  text-align: center;
  border-top: 1px solid #fff;
}
.accordion-header-sp {
  cursor: pointer;
  background-color: #b2ebf2;
  padding: 10px 10px 10px 10px;
  margin: 0;
  position: relative;
  text-align: center;
  border-top: 1px solid #fff;
}

.accordion-header::before {
  content: '＋';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  font-size: 16px;
}
.accordion-header-sp::before {
  content: '＋';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  font-size: 16px;
}

.accordion-header.active::before {
  content: 'ー';
}
.accordion-header-sp.active::before {
  content: 'ー';
}

.accordion-content {
  display: none;
  /* padding: 10px; */
  background-color: #e0f7fa;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}
.accordion-content-sp {
  display: none;
  /* padding: 10px; */
  background-color: #e0f7fa;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}

.accordion-flex-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.accordion-flex-wrapper-sp {
}

.accordion-flex-box {
  width: calc(100% / 3);
  border: 1px solid #000;
  box-sizing: border-box;
}
.time-flex-box {
  width: calc(100% / 3);
  border: 1px solid #000;
  box-sizing: border-box;
}
.time-flex-box-sp {
  width: 100%;
  border: 1px solid #000;
  box-sizing: border-box;
  display: flex;
}

.accordion-box-content {
  display: flex;
}
.time-box-content {
  display: flex;
}
.time-box-content-sp {
  display: flex;
}

.accordion-race {
  text-align: center;
  margin: 5px 0;
  font-size: 18px;
  /* border: 1px solid #000; */
}
.time-rank {
  text-align: center;
  margin: 5px 0;
  font-size: 18px;
  /* border: 1px solid #000; */
}
.time-rank-sp {
  letter-spacing: -0.1em;
  margin: 0;
  width: 7%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 4vw;
  /* writing-mode: vertical-rl; */
   writing-mode: vertical-rl; /* horizontal-tb | vertical-rl | vertical-lr */
  text-orientation: upright; /* mixed | upright | sideways */
}

.accordion-box-border {
  width: 80%;
  height: 2px;
  background-color: #000;
  margin: 0 auto;

}
.time-box-border {
  width: 80%;
  height: 2px;
  background-color: #000;
  margin: 0 auto;

}

.accordion-box-right {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.time-box-right {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.time-box-right-sp {
  width: 68%;
  padding: 0 3vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.accordion-box-top {
  font-size: 18px;
  text-align: center;
  margin: 5px 0;

}
.time-box-top {
  font-size: 18px;
  text-align: center;
  margin: 5px 0;

}
.time-box-top-sp {
  font-size: 3.5vw;
  margin: 0;
  border-bottom: 1px solid #000;
  height: 30%;
  display: flex;
  align-items: center;
  justify-content: center;

}

.accordion-box-bottom {
  font-size: 18px;
  text-align: center;
  margin: 5px 0;

}
.time-box-bottom {
  font-size: 18px;
  text-align: center;
  margin: 5px 0;

}
.time-box-bottom-sp {
  font-size: 5vw;
  margin: 0;
  height: 45%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  transform: translateY(-5%);

}

.alltime-title,
.maximum-speed-title {
  background-color: #cbcbcb;
  padding: 10px 10px 10px 10px;
  margin: 0;
  position: relative;
  text-align: center;
  font-size: 26px;
  font-weight: 700;
}
.alltime-title-sp,
.maximum-speed-title-sp {
  background-color: #cbcbcb;
  padding: 10px 10px 10px 10px;
  margin: 0;
  position: relative;
  text-align: center;
  font-size: 26px;
  font-weight: 700;
}

.time-flex-wrapper {
  display: flex;
}
.time-flex-wrapper-sp {

}

.time-content {
  background-color: #e0f7fa;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}
.time-content-sp {
  background-color: #e0f7fa;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}

.rank-1 {
  position: relative;
}
.rank-1-sp {
  position: relative;
}

.rank-1::before {
  content: "";
  position: absolute;
  background-image: url("../images/time/1.png");
  top: -5px;
  left: 50%;
  transform: translateX(-145%);
  width: 10%;
  background-size: contain;
  aspect-ratio: 62 / 57;
}
.rank-1-sp::before {
  content: "";
  position: absolute;
  background-image: url("../images/time/1.png");
  top: 3%;
  left: 50%;
  transform: translateX(-50%);
  width: 92%;
  background-size: contain;
  aspect-ratio: 62 / 57;
}

.time-box-day {
  font-size: 18px;
  text-align: center;
  margin: 5px 0;
}
.time-box-day-sp {
  font-size: 3.2vw;
  margin: 0;
  height: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.accordion-flex-box-sp {
  display: flex;
  border: 1px solid #000;
}

.accordion-race-sp {
  width: 7%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 4vw;
} 

.accordion-box-img-sp {
  width: 25%;
}
.accordion-box-img-sp img {
  width: 100%;
}

.accordion-box-right-sp {
  width: 68%;
  padding: 0 3vw;
}

.accordion-box-top-sp {
  font-size: 4vw;
  margin: 0;
  border-bottom: 1px solid #000;
  height: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.accordion-box-bottom-sp {
  font-size: 5vw;
  margin: 0;
  height: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.time-box-left-sp {
  width: 25%;
}
.time-box-left-sp img {
  width: 100%;
}

.time-tabs {
  display: flex;
  background-color: #fff;
  gap: 1px;
}

.time-tabs a {
  flex: 1;
  text-align: center;
  color: #fff;
  background-color: #000;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.2vw;
  padding-block: 2%;
  font-weight: 700;
}

.time-tabs a:hover {
  opacity: .7;
}

.accordion-header:hover,
.accordion-header-sp:hover {
  opacity: .7;
}