@charset "utf-8";
/* Event details remain selectable HTML. Existing images supply logos only. */
#history .history-card {
  --history-card-color: #ff0017;
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 372 / 584;
  overflow: hidden;
  container-type: inline-size;
  color: #231815;
  background: var(--history-card-color);
  clip-path: polygon(7.7957% 0, 92.2043% 0, 100% 4.9658%, 100% 95.0342%, 92.2043% 100%, 7.7957% 100%, 0 95.0342%, 0 4.9658%);
  text-align: center;
  text-decoration: none;
  isolation: isolate;
}
#history .history-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 1px;
  background: #fff;
  clip-path: polygon(7.7957% 0, 92.2043% 0, 100% 4.9658%, 100% 95.0342%, 92.2043% 100%, 7.7957% 100%, 0 95.0342%, 0 4.9658%);
}
#history .history-card--nagoya { --history-card-color: #00a1d0; }
#history .history-card--fukuoka { --history-card-color: #8c208f; }
#history .history-card--yokohama { --history-card-color: #00a351; }
#history .history-card--sendai { --history-card-color: #ec6700; }
#history .history-card:focus-visible {
  outline: 3px solid #231815;
  outline-offset: -5px;
}
#history .history-card__logo {
  position: absolute;
  overflow: hidden;
  display: block;
  pointer-events: none;
}
/* Crop x72..300, y32..210 of the original 372 x 584 card. */
#history .history-card__logo--legacy {
  left: 19.35484%;
  top: 5.47945%;
  width: 61.29032%;
  height: 30.47945%;
}
#history .history-card__logo--legacy img {
  position: absolute;
  display: block;
  left: -31.57895%;
  top: -17.97753%;
  width: 163.1579%;
  height: auto;
  max-width: none;
}
/* Keep the logo/emblem on the left 240 px of a 432 x 84 header image. */
#history .history-card__logo--header {
  left: 18.54839%;
  top: 14.38356%;
  width: 62.90323%;
  height: 14.38356%;
}
#history .history-card__logo--header img {
  display: block;
  width: 180%;
  height: auto;
  max-width: none;
}
#history .history-card__year,
#history .history-card__season,
#history .history-card__edition {
  position: absolute;
  left: 3%;
  width: 94%;
  display: block;
  font-family: "Times New Roman", "Noto Serif", serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
}
#history .history-card__year {
  top: 37.67123%;
  font-size: 11.82796cqw;
}
#history .history-card__season {
  top: 45.89041%;
  font-size: 11.82796cqw;
}
#history .history-card__edition {
  top: 57.19178%;
  color: var(--history-card-color);
  font-size: 13.44086cqw;
}
#history .history-card__attendance {
  position: absolute;
  top: 66.60959%;
  left: 3%;
  width: 94%;
  display: block;
  font-family: Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  font-size: 8.06452cqw;
  font-weight: 700;
  line-height: 1.25;
}
#history .history-card__attendance-number {
  font-size: 8.60215cqw;
}
#history .history-card__details {
  position: absolute;
  top: 67.46575%;
  left: 7%;
  width: 86%;
  margin: 0;
  font-family: Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  font-size: 6.98925cqw;
  font-weight: 400;
  line-height: 9.67742cqw;
}
#history .history-card--with-attendance .history-card__details {
  top: 75%;
}
#history .history-card__details > div {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
#history .history-card__details > div + div {
  margin: 0;
}
#history .history-card__details dt,
#history .history-card__details dd {
  margin: 0;
  padding: 0;
}
#history .history-card__details dd {
  min-width: 0;
}
#history .history-card__details dt {
  font-weight: 400;
  flex: none;
  white-space: nowrap;
}

/* New city groups use HTML headings with the same city badge treatment. */
#history .history-city-title--text {
  font-family: "Times New Roman", serif;
  font-size: clamp(18px, 3.1vw, 37px);
  font-weight: 700;
  line-height: 1.25;
}
#history .history-city-title--text span {
  display: inline-block;
  padding: 0 .24em;
  color: #fff;
  background: #ec6700;
  border-radius: 3px;
}
#history [data-history-city="fukuoka"] .history-city-title--text span { background: #8c208f; }
#history [data-history-city="yokohama"] .history-city-title--text span { background: #00a351; }