body.site-ladies {
  --site-background: url("../images/ladies-cup/bg.webp");
  --site-background-sp: url("../images/ladies-cup/bg.webp");
  --site-hero: url("../images/ladies-cup/hero.webp");
}

.site-ladies .__flex {
  align-items: flex-start;
}

.site-ladies .side-nav a {
  border: 1px solid var(--lcup);
}

.site-ladies .hero-stage {
  position: relative;
}

.site-ladies .g1-site-banner {
  display: block;
}

.site-ladies .g1-site-banner picture,
.site-ladies .g1-site-banner img {
  display: block;
  width: 100%;
}

.site-ladies .g1-site-banner img {
  height: auto;
}

.site-ladies .g1-site-banner:hover {
  filter: brightness(1.15);
}

.site-ladies .g1-site-banner:focus-visible {
  outline: 3px solid var(--yellow);
  outline-offset: -5px;
}

.site-ladies .hero {
  position: relative;
  aspect-ratio: 16 / 9;
}

.site-ladies .hero__image {
  position: absolute;
  inset: 0;
  background-image: var(--site-hero);
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

.content-section__heading--event span,
.site-ladies .content-section__heading--column span,
.content-section__heading--dream span {
  color: var(--lcup);
}

.site-ladies .content-section__heading--column img {
  visibility: hidden;
}

.site-ladies .content-section__heading--column::before {
  content: "";
  grid-area: 1 / 1;
  width: 100%;
  aspect-ratio: 720 / 120;
  background-color: var(--lcup);
  -webkit-mask: url("../images/shared/heading-column.webp") center / contain no-repeat;
  mask: url("../images/shared/heading-column.webp") center / contain no-repeat;
  opacity: 0.5;
  transform: translateY(-30%);
  pointer-events: none;
}

.side-panel {
  background: var(--lcup-base);
}

.side-nav a {
  color: var(--lcup);
}
.side-nav a:hover,
.side-nav a:focus-visible {
  color: var(--white);
  background: var(--lcup);
}

.site-ladies .site-footer {
  background: var(--lcup-base);
}
.site-ladies .content-section--related {
  background: var(--lcup-base);
}


@media (max-width: 900px) {
  body.site-ladies {
    background-size: cover;
  }

  .site-ladies .hero {
    aspect-ratio: 750 / 950;
  }

  .site-ladies .hero__image {
    background-image: url("../images/ladies-cup/hero-sp.webp");
    background-position: center top;
    background-size: 100% auto;
  }

  .site-ladies .mobile-header .site-logo img {
    width: 200px;
    height: auto;
  }
}