/* =========================
   All Game Data CTA（Gallery準拠）
========================= */

.all-game-data-cta {
  position: relative;
  width: 100%;
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #181818; 
  padding: 120px 16px; 
}

.all-game-data-cta::before {
  content: "";
  position: absolute;
  inset: 0;

  background-image: url("https://kashima0299.com/wp-content/uploads/2026/01/7N9A8640.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  opacity: 0.4;
  z-index: 0;

  padding: 120px 16px;
}






.agd-inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;

  display: flex;
  flex-direction: column;
  align-items: center;

  text-align: center;
  color: #fff;
}

.agd-title {
  font-size:3rem;
  letter-spacing: 0.14em;
  margin-bottom: 8px;
}

.agd-sub {
  font-size: 18px;
  letter-spacing: 0.18em;
  opacity: 0.85;
  margin-bottom: 28px;
}

.agd-button {
  display: inline-block;
  padding: 14px 32px;
  border: 1px solid #fff;
  color: #fff;
  text-decoration: none;
  letter-spacing: 0.12em;
  transition: all 0.3s ease;
  font-size: 12px;
  margin-top: 16px;
}

.agd-button:hover {
  background: #fff;
  border-color: #fff;
}



/* Parallax共通 */
.has-parallax {
  position: relative;
  overflow: hidden; 
}

.has-parallax::before {
  content: "";
  position: absolute;

  top: -12%;
  left: 0;
  right: 0;
  height: 124%;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  opacity: 0.4;
  z-index: 0;
  pointer-events: none;

  transform: translate3d(0, var(--bgY, 0px), 0) scale(1.08);
  will-change: transform;
}

.has-parallax .agd-inner {
  transform: translate3d(0, var(--fgY, 0px), 0);
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .has-parallax::before,
  .has-parallax .agd-inner {
    transform: none !important;
  }
}

/* SP */
@media (max-width: 768px) {
  .agd-button {
    margin-top: 14px;
  }

}