@charset "UTF-8";
body.apicula {
  margin: 0;
}

html:has(body.apicula), body.apicula {
  height: 100%;
  background: #000;
  color: #ecefee;
  overflow: hidden;
}

#apc, #apc * {
  box-sizing: border-box;
}
#apc p, #apc ul, #apc h1, #apc h2 {
  margin: 0;
  padding: 0;
}
#apc img {
  max-width: none;
  vertical-align: top;
}
#apc #app {
  z-index: 9000;
}
#apc .z-apc__overlay {
  z-index: 9050 !important;
}
#apc .z-apc__popup {
  z-index: 9051 !important;
}
#apc {
  --ink: #000;
  --fg: #ecefee;
  --fg-80: rgba(236,239,238,.8);
  --fg-62: rgba(236,239,238,.62);
  --fg-55: rgba(236,239,238,.55);
  --fg-52: rgba(236,239,238,.52);
  --fg-22: rgba(236,239,238,.22);
  --fg-16: rgba(236,239,238,.16);
  --rgb: -1.2px 0 0 rgba(128,245,224,.45), 1.2px 0 0 rgba(255,143,199,.4);
  --cond: "Barlow Condensed", "Arial Narrow", sans-serif;
  --jp: "Zen Kaku Gothic New", "Hiragino Sans", sans-serif;
  --serif: "EB Garamond", "Times New Roman", serif;
  --mincho: "Zen Old Mincho", "Hiragino Mincho ProN", serif;
  --corm: "Cormorant Garamond", "EB Garamond", serif;
  --mono: "Space Mono", monospace;
  --grot: "Space Grotesk", sans-serif;
  color-scheme: dark;
}
#apc {
  font-family: var(--jp);
}
#apc button {
  all: unset;
  cursor: pointer;
}
#apc a {
  color: inherit;
}
#apc :focus-visible {
  outline: 1px solid var(--fg);
  outline-offset: 3px;
}
#apc #app {
  position: fixed;
  inset: 0;
  overflow: hidden;
  background: #000;
}
#apc #app canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
#apc .z-apc__abs {
  position: absolute;
}
#apc .z-apc__fringe {
  text-shadow: -0.78px 0 0 rgba(128, 245, 224, 0.4), 0.78px 0 0 rgba(255, 143, 199, 0.35);
}
#apc .z-apc__fade-swap {
  transition: opacity 0.45s ease;
}
#apc #app.off-top .z-apc__top-only {
  opacity: 0;
  pointer-events: none;
}
#apc .z-apc__scrim {
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.45s ease;
}
#apc .z-apc__scrim.on {
  opacity: 1;
}
#apc .z-apc__sp-only {
  display: none !important;
}
#apc .z-apc__logo {
  left: min(2.9166666667vw, 42px);
  top: min(2.5347222222vw, 36.5px);
  width: min(10.0694444444vw, 145px);
  filter: drop-shadow(-1.2px 0 0 rgba(128, 245, 224, 0.6)) drop-shadow(1.2px 0 0 rgba(255, 143, 199, 0.5));
}
#apc .z-apc__logo img {
  display: block;
  width: 100%;
  height: auto;
}
#apc .z-apc__lang {
  right: min(2.9166666667vw, 42px);
  top: min(3.3333333333vw, 48px);
  z-index: 2;
  font-family: var(--cond);
  font-weight: 500;
  font-size: min(0.7638888889vw, 11px);
}
#apc .z-apc__lang-btn {
  display: flex;
  align-items: center;
  gap: min(0.4166666667vw, 6px);
}
#apc .z-apc__lang-list {
  display: none;
  position: absolute;
  top: 100%;
  right: min(-0.8333333333vw, -12px);
  margin: min(0.6944444444vw, 10px) 0 0;
  padding: min(0.4166666667vw, 6px) 0;
  list-style: none;
  background: rgba(5, 6, 6, 0.94);
  border: 1px solid var(--fg-22);
  white-space: nowrap;
}
#apc .z-apc__lang.open .z-apc__lang-list {
  display: block;
}
#apc .z-apc__lang-list a {
  display: flex;
  align-items: center;
  gap: min(0.5555555556vw, 8px);
  padding: min(0.4166666667vw, 6px) min(1.1111111111vw, 16px) min(0.4166666667vw, 6px) min(0.8333333333vw, 12px);
  font-family: var(--jp);
  font-weight: 500;
  font-size: min(0.7638888889vw, 11px);
  letter-spacing: 0.06em;
  color: var(--fg-62);
  text-decoration: none;
  transition: color 0.2s;
}
#apc .z-apc__lang-list a::before {
  content: "";
  flex: none;
  width: min(0.3472222222vw, 5px);
  height: min(0.4166666667vw, 6px);
  background: currentColor;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  opacity: 0.5;
}
#apc .z-apc__lang-list a:hover, #apc .z-apc__lang-list a[data-stt-active] {
  color: var(--fg);
}
#apc .z-apc__lang-list a[data-stt-active]::before {
  opacity: 1;
}
#apc .z-apc__lang img {
  width: min(0.3472222222vw, 5px);
  height: min(0.4166666667vw, 6px);
  transform: translateY(0.055em);
}
#apc .z-apc__hud {
  right: min(2.9166666667vw, 42px);
  bottom: min(7.5vw, 108px);
  text-align: right;
  font-family: var(--cond);
  font-weight: 500;
  font-size: min(0.7291666667vw, 10.5px);
  line-height: 1.7;
  color: var(--fg-55);
  white-space: nowrap;
}
#apc .z-apc__title {
  left: min(2.9166666667vw, 42px);
  top: min(6.8055555556vw, 98px);
  width: min(28.4027777778vw, 409px);
  height: auto;
  filter: drop-shadow(1.2px 0 0 rgba(255, 143, 199, 0.4)) drop-shadow(-1.2px 0 0 rgba(128, 245, 224, 0.45)) drop-shadow(0 0 6px rgba(255, 255, 255, 0.35));
}
#apc .z-apc__tl {
  left: min(2.9166666667vw, 42px);
  top: min(19.8611111111vw, 286px);
  width: min(19.5652777778vw, 281.74px);
  height: min(8.75vw, 126px);
}
#apc .z-apc__tl > *, #apc .z-apc__tl-sp > * {
  position: absolute;
}
#apc .z-apc__tlw .z-apc__serif {
  font-family: var(--serif);
  white-space: nowrap;
}
#apc .z-apc__tl .z-apc__day1 {
  left: 0;
  top: min(0.6944444444vw, 10px);
  font-size: min(0.625vw, 9px);
  color: rgba(236, 239, 238, 0.86);
  margin: 0;
}
#apc .z-apc__tl .z-apc__dash {
  left: 0;
  width: min(0.1784722222vw, 2.57px);
  height: min(0.8770833333vw, 12.63px);
  background: rgba(236, 239, 238, 0.22);
}
#apc .z-apc__tlw .z-apc__dash.on {
  background: var(--fg);
  box-shadow: 0 0 3.13px rgba(255, 255, 255, 0.6);
}
#apc .z-apc__tl .z-apc__track {
  left: 0;
  top: min(6.7097222222vw, 96.62px);
  width: min(19.5652777778vw, 281.74px);
  height: min(0.8770833333vw, 12.63px);
  background: var(--fg-16);
}
#apc .z-apc__tl .z-apc__elapsed {
  left: 0;
  top: min(6.7097222222vw, 96.62px);
  height: min(0.8770833333vw, 12.63px);
  background: rgba(236, 239, 238, 0.8);
  box-shadow: 0 0 3.91px rgba(255, 255, 255, 0.5);
}
#apc .z-apc__tl .z-apc__ticks {
  left: 0;
  top: min(6.7097222222vw, 96.62px);
  width: min(19.5833333333vw, 282px);
  height: min(0.9027777778vw, 13px);
}
#apc .z-apc__tl .z-apc__now {
  top: min(5.94375vw, 85.59px);
  width: 0.63px;
  height: min(1.8479166667vw, 26.61px);
  background: var(--fg);
}
#apc .z-apc__tlw .z-apc__nowlabel, #apc .z-apc__tlw .z-apc__openlabel {
  font-size: min(0.4861111111vw, 7px);
  font-style: italic;
  color: rgba(236, 239, 238, 0.75);
}
#apc .z-apc__tl .z-apc__nowlabel, #apc .z-apc__tl .z-apc__openlabel {
  top: min(5.8347222222vw, 84.02px);
}
#apc .z-apc__tl .z-apc__opening {
  left: min(19.3694444444vw, 278.92px);
  top: min(6.5465277778vw, 94.27px);
  width: min(0.1958333333vw, 2.82px);
  height: min(1.2027777778vw, 17.32px);
  border: 0.63px solid rgba(236, 239, 238, 0.9);
  box-sizing: border-box;
}
#apc .z-apc__tl .z-apc__openlabel {
  left: min(15.3986111111vw, 221.74px);
}
#apc .z-apc__tl .z-apc__day2bar {
  left: 0;
  top: min(7.8604166667vw, 113.19px);
  width: min(5.21875vw, 75.15px);
  height: min(0.8770833333vw, 12.63px);
  background: rgba(236, 239, 238, 0.3);
}
#apc .z-apc__tlw .z-apc__day2 {
  font-size: min(0.625vw, 9px);
  color: rgba(236, 239, 238, 0.86);
}
#apc .z-apc__tl .z-apc__day2 {
  left: min(5.54375vw, 79.83px);
  top: min(7.7798611111vw, 112.03px);
}
#apc .z-apc__tlw .z-apc__day2 .z-apc__m {
  font-family: var(--mincho);
}
#apc .z-apc__tl .z-apc__timer {
  left: min(0.8236111111vw, 11.86px);
  top: min(2.5694444444vw, 37px);
  width: min(16.3041666667vw, 234.78px);
  height: min(3.1520833333vw, 45.39px);
  overflow: hidden;
}
#apc .z-apc__tlw .z-apc__timer > * {
  position: absolute;
  left: 0;
  font-family: var(--serif);
  white-space: pre;
}
#apc .z-apc__tlw .z-apc__mode {
  top: 0;
  font-weight: 500;
  font-size: min(0.4861111111vw, 7px);
  letter-spacing: 0.12em;
  color: var(--fg);
}
#apc .z-apc__tlw .z-apc__mode span {
  color: rgba(236, 239, 238, 0.45);
}
#apc .z-apc__tl .z-apc__digits {
  top: min(0.6520833333vw, 9.39px);
}
#apc .z-apc__tlw .z-apc__digits {
  font-size: min(0.8333333333vw, 12px);
  letter-spacing: 0.04em;
  color: var(--fg);
  opacity: 0.88;
  font-variant-numeric: tabular-nums;
}
#apc .z-apc__tlw .z-apc__digits i {
  font-size: min(0.4861111111vw, 7px);
  color: rgba(236, 239, 238, 0.6);
}
#apc .z-apc__tlw .z-apc__digits small {
  font-size: min(0.4861111111vw, 7px);
  color: var(--fg-55);
}
#apc .z-apc__tlw .z-apc__info {
  font-size: min(0.4861111111vw, 7px);
  letter-spacing: 0.06em;
  color: rgba(236, 239, 238, 0.6);
}
#apc .z-apc__tl .z-apc__info {
  top: min(1.875vw, 27px);
}
#apc .z-apc__leftnav {
  left: min(2.9166666667vw, 42px);
  bottom: min(2.4305555556vw, 35px);
  width: min(13.5416666667vw, 195px);
  display: flex;
  flex-direction: column;
  gap: min(0.9722222222vw, 14px);
}
#apc .z-apc__nav {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--fg-16);
}
#apc .z-apc__nav button {
  display: flex;
  align-items: center;
  gap: min(0.4166666667vw, 6px);
  height: min(2.3611111111vw, 34px);
  border-top: 1px solid var(--fg-16);
  transition: border-color 0.25s;
}
#apc .z-apc__hex {
  width: min(0.4861111111vw, 7px);
  height: min(0.5555555556vw, 8px);
  background: var(--fg-62);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  transition: background 0.25s, filter 0.25s;
}
#apc .z-apc__nav .z-apc__en {
  font-family: var(--grot);
  font-weight: 700;
  font-size: min(0.8333333333vw, 12px);
  letter-spacing: 0;
  color: var(--fg-62);
  line-height: 1;
  transition: color 0.25s;
}
#apc .z-apc__nav .z-apc__ja {
  margin-left: auto;
  font-family: var(--jp);
  font-weight: 500;
  font-size: min(0.5902777778vw, 8.5px);
  color: var(--fg-52);
}
#apc .z-apc__nav button:hover .z-apc__en, #apc .z-apc__nav button.active .z-apc__en {
  color: var(--fg);
}
#apc .z-apc__nav button.active .z-apc__ja {
  color: var(--fg);
}
#apc .z-apc__nav button:hover .z-apc__hex, #apc .z-apc__nav button.active .z-apc__hex {
  background: var(--fg);
  filter: drop-shadow(0 0 3px #fff);
}
#apc .z-apc__cta {
  position: relative;
  display: flex;
  align-items: center;
  gap: min(0.5555555556vw, 8px);
  height: min(3.125vw, 45px);
  padding-inline: min(0.9027777778vw, 13px);
  background: #a3ffbe;
  color: #000;
}
#apc .z-apc__cta, #apc .z-apc__cta-sp {
  animation: z-apc-firefly 3.6s ease-in-out infinite;
}
#apc .z-apc__cta::before, #apc .z-apc__cta::after, #apc .z-apc__cta-sp::before, #apc .z-apc__cta-sp::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgb(196, 255, 240);
  box-shadow: 0 0 4px 1px rgba(128, 245, 224, 0.9), 0 0 10px 3px rgba(128, 245, 224, 0.45);
  opacity: 0;
  pointer-events: none;
}
#apc .z-apc__cta::before, #apc .z-apc__cta-sp::before {
  left: 18%;
  top: -7px;
  animation: z-apc-fly-a 6.4s ease-in-out infinite;
}
#apc .z-apc__cta::after, #apc .z-apc__cta-sp::after {
  right: 14%;
  bottom: -7px;
  animation: z-apc-fly-b 7.8s ease-in-out 1.9s infinite;
}
@keyframes z-apc-firefly {
  0%, 100% {
    box-shadow: 0 0 6px rgba(128, 245, 224, 0.22), 0 0 16px rgba(128, 245, 224, 0.1);
  }
  50% {
    box-shadow: 0 0 12px rgba(128, 245, 224, 0.6), 0 0 34px rgba(128, 245, 224, 0.28);
  }
}
@keyframes z-apc-fly-a {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  20% {
    opacity: 0.9;
  }
  50% {
    opacity: 0.35;
    transform: translate(14px, -9px);
  }
  75% {
    opacity: 0.85;
  }
  100% {
    opacity: 0;
    transform: translate(28px, -3px);
  }
}
@keyframes z-apc-fly-b {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  25% {
    opacity: 0.8;
  }
  55% {
    opacity: 0.3;
    transform: translate(-12px, 8px);
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
    transform: translate(-26px, 4px);
  }
}
@media (prefers-reduced-motion: reduce) {
  #apc .z-apc__cta, #apc .z-apc__cta-sp, #apc .z-apc__cta::before, #apc .z-apc__cta::after, #apc .z-apc__cta-sp::before, #apc .z-apc__cta-sp::after {
    animation: none;
  }
}
#apc .z-apc__cta img {
  width: min(0.4861111111vw, 7px);
  height: min(0.5555555556vw, 8px);
}
#apc .z-apc__cta .z-apc__t {
  font-family: var(--grot);
  font-weight: 600;
  font-size: min(0.9722222222vw, 14px);
}
#apc .z-apc__cta .z-apc__s {
  font-family: var(--jp);
  font-weight: 700;
  font-size: min(0.5902777778vw, 8.5px);
  line-height: 1.25;
  letter-spacing: -0.02em;
  text-align: left;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.7);
}
#apc .z-apc__meter {
  right: min(1.9444444444vw, 28px);
  top: 50%;
  width: min(12.5vw, 180px);
  height: min(14.5833333333vw, 210px);
  margin-top: max(-7.2916666667vw, -105px);
}
#apc .z-apc__thermo, #apc .z-apc__thermo-sp, #apc .z-apc__mcells, #apc .z-apc__title, #apc .z-apc__meter-sp {
  will-change: transform;
}
#apc .z-apc__mcells {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.35));
}
#apc .z-apc__mhex {
  stroke: #ecefee;
  stroke-opacity: 0.35;
  stroke-width: 1;
  fill: #ecefee;
  fill-opacity: 0;
  transition: stroke-opacity 0.3s, fill-opacity 0.3s, stroke-width 0.3s;
}
#apc .z-apc__micon {
  opacity: 0.45;
  transition: opacity 0.3s;
}
#apc .z-apc__mcell.passed .z-apc__mhex {
  stroke-opacity: 0.55;
}
#apc .z-apc__mcell.passed .z-apc__micon {
  opacity: 0.6;
}
#apc .z-apc__mcell.active .z-apc__mhex {
  stroke-opacity: 1;
  stroke-width: 1.3;
  fill-opacity: 0.08;
}
#apc .z-apc__mcell.active .z-apc__micon {
  opacity: 1;
}
#apc .z-apc__mcells--sp {
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.4));
}
#apc .z-apc__mcells--sp .z-apc__mhex {
  fill: #000;
  fill-opacity: 0.6;
}
#apc .z-apc__mcells--sp .z-apc__mcell.active .z-apc__mhex {
  fill: #ecefee;
  fill-opacity: 0.12;
}
#apc .z-apc__mline {
  transition: transform 0.4s ease;
}
#apc .z-apc__meter button::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  width: min(2.5vw, 36px);
  height: min(2.0833333333vw, 30px);
  transform: translateY(-50%);
}
#apc .z-apc__meter button {
  position: absolute;
  font-family: var(--grot);
  font-weight: 600;
  font-size: min(0.6944444444vw, 10px);
  color: rgba(236, 239, 238, 0.5);
  transform: translateX(-100%);
  transition: color 0.25s;
}
#apc .z-apc__meter button.active, #apc .z-apc__meter button:hover {
  color: var(--fg);
}
#apc .z-apc__thermo {
  right: min(2.9166666667vw, 42px);
  bottom: min(2.4305555556vw, 35px);
  width: min(11.8055555556vw, 170px);
  height: min(4.0277777778vw, 58px);
  opacity: 0.62;
}
#apc .z-apc__thermo .z-apc__k {
  position: absolute;
  left: 0;
  top: min(0.4166666667vw, 6px);
  font-family: var(--cond);
  font-weight: 500;
  font-size: min(0.5555555556vw, 8px);
  color: var(--fg-55);
}
#apc .z-apc__thermo .z-apc__v {
  position: absolute;
  left: min(9.1666666667vw, 132px);
  top: 0;
  font-family: var(--cond);
  font-weight: 500;
  font-size: min(1.0416666667vw, 15px);
  letter-spacing: 0.04em;
}
#apc .z-apc__thermo .z-apc__tbee {
  position: absolute;
  left: min(8.1597222222vw, 117.5px);
  top: min(0.3958333333vw, 5.7px);
  width: min(0.7291666667vw, 10.5px);
  height: min(0.8333333333vw, 12px);
}
#apc .z-apc__thermo .z-apc__tgraph {
  position: absolute;
  left: 0;
  top: min(1.3888888889vw, 20px);
  width: min(11.8055555556vw, 170px);
  height: min(2.6388888889vw, 38px);
  overflow: hidden;
}
#apc .z-apc__tdot {
  animation: z-apc-tdot 1.6s ease-in-out infinite;
}
@keyframes z-apc-tdot {
  50% {
    opacity: 0.35;
  }
}
@media (prefers-reduced-motion: reduce) {
  #apc .z-apc__tdot {
    animation: none;
  }
}
#apc .z-apc__celltag {
  display: none !important;
  left: 0;
  top: 0;
  width: min(20.8333333333vw, 300px);
  height: min(9.7222222222vw, 140px);
  pointer-events: none;
  will-change: transform;
  transform-origin: min(0.8333333333vw, 12px) min(0.8333333333vw, 12px);
}
#apc .z-apc__celltag > * {
  opacity: var(--ct, 1);
}
#apc .z-apc__celltag img {
  position: absolute;
  left: 0;
  top: 0;
  width: min(13.8888888889vw, 200px);
  height: min(9.0277777778vw, 130px);
}
#apc .z-apc__celltag .z-apc__a {
  position: absolute;
  left: min(12.0833333333vw, 174px);
  top: min(7.5vw, 108px);
  font-family: var(--cond);
  font-weight: 600;
  font-size: min(0.7291666667vw, 10.5px);
  white-space: nowrap;
}
#apc .z-apc__celltag .z-apc__b {
  position: absolute;
  left: min(12.0833333333vw, 174px);
  top: min(8.4722222222vw, 122px);
  font-family: var(--cond);
  font-weight: 500;
  font-size: min(0.6597222222vw, 9.5px);
  color: var(--fg-55);
  white-space: nowrap;
}
#apc .z-apc__sc-head {
  left: 0;
  top: 0;
  width: min(38.8888888889vw, 560px);
  height: min(11.8055555556vw, 170px);
  background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
#apc .z-apc__sc-text {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.82) 16%, rgba(0, 0, 0, 0.88) 30%, rgba(0, 0, 0, 0.88) 72%, rgba(0, 0, 0, 0.8) 84%, rgba(0, 0, 0, 0.55) 100%);
}
#apc .z-apc__sc-navr {
  left: 0;
  bottom: 0;
  width: min(36.1111111111vw, 520px);
  height: min(29.1666666667vw, 420px);
  background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0));
}
#apc .z-apc__sc-navl {
  left: 0;
  bottom: 0;
  width: min(26.3888888889vw, 380px);
  height: min(22.9166666667vw, 330px);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.7) 62%, rgba(0, 0, 0, 0) 100%);
}
#apc .z-apc__scene {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.45s ease;
}
#apc .z-apc__scene.on {
  opacity: 1;
  pointer-events: auto;
}
#apc .z-apc__scene > * {
  min-width: 0;
}
#apc .z-apc__h {
  display: flex;
  gap: min(0.4166666667vw, 6px);
  flex-direction: column;
  white-space: nowrap;
}
#apc .z-apc__h.z-apc__row {
  flex-direction: row;
  align-items: baseline;
  gap: min(0.9722222222vw, 14px);
}
#apc .z-apc__h .z-apc__en {
  font-family: var(--mono);
  font-weight: 700;
  font-size: min(4.375vw, 63px);
  line-height: 1.18;
  letter-spacing: -0.2rem;
  text-shadow: var(--rgb);
}
#apc .z-apc__h .z-apc__en-svg img {
  display: inline-block;
  width: auto;
  height: calc(var(--h) * 1em / 68);
  margin-left: -0.0176470588em;
  vertical-align: calc(var(--d) * -1em / 68);
}
#apc .z-apc__h .z-apc__ja {
  font-family: var(--jp);
  font-weight: 500;
  font-size: min(0.9027777778vw, 13px);
  color: var(--fg-80);
}
#apc .z-apc__sbox {
  position: relative;
}
#apc .z-apc__sbox .z-apc__scroller {
  position: relative;
  height: 100%;
  padding-bottom: 100px;
  box-sizing: border-box;
  overflow-y: auto;
  scrollbar-width: none;
  overscroll-behavior: contain;
}
#apc .z-apc__sbox .z-apc__scroller::-webkit-scrollbar {
  display: none;
}
#apc .z-apc__sbox .z-apc__track {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(236, 239, 238, 0.18);
  pointer-events: none;
}
#apc .z-apc__sbox .z-apc__thumb {
  position: absolute;
  top: 0;
  width: min(0.2083333333vw, 3px);
  border-radius: 1.5px;
  background: rgba(236, 239, 238, 0.85);
  box-shadow: 0 0 4px rgba(255, 255, 255, 0.5);
  pointer-events: none;
}
#apc .z-apc__sbox .z-apc__fadeb {
  position: absolute;
  left: 0;
  bottom: 0;
  height: min(2.5vw, 36px);
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
  pointer-events: none;
  transition: opacity 0.2s;
}
#apc .z-apc__sbox.end .z-apc__fadeb {
  opacity: 0;
}
#apc .z-apc__s-concept {
  left: calc(50% - min(28.6805555556vw, 413px));
  top: min(4.9305555556vw, 71px);
  bottom: min(2.4305555556vw, 35px);
  width: min(55.5555555556vw, 800px);
  display: flex;
  flex-direction: column;
  gap: min(2.0833333333vw, 30px);
}
#apc .z-apc__s-concept .z-apc__sbox {
  flex: 1 1 auto;
  min-height: 0;
}
#apc .z-apc__s-concept .z-apc__scroller {
  padding-right: min(0.8333333333vw, 12px);
}
#apc .z-apc__cbody {
  display: flex;
  flex-direction: column;
  gap: min(2.0833333333vw, 30px);
}
#apc .z-apc__s-concept .z-apc__lead br {
  display: none;
}
#apc .z-apc__cimgs {
  display: flex;
  flex-direction: column;
  gap: min(2.9166666667vw, 42px);
  margin: min(6.9444444444vw, 100px) auto min(4.1666666667vw, 60px);
  width: min(36.1111111111vw, 520px);
}
#apc .z-apc__cimgs img {
  display: block;
  width: 100%;
  height: auto;
}
#apc .z-apc__cbody .z-apc__cimgs {
  margin-top: min(4.8611111111vw, 70px);
}
#apc .z-apc__cbody .z-apc__cimgs--top {
  margin: 0 auto min(2.0833333333vw, 30px);
}
#apc .z-apc__s-concept .z-apc__fadeb {
  display: none;
}
#apc .z-apc__s-concept .z-apc__lead {
  margin: 0;
  font-family: var(--jp);
  font-weight: 400;
  font-size: min(1.6666666667vw, 24px);
  line-height: 1.85;
  letter-spacing: 0.12em;
}
#apc .z-apc__s-concept .z-apc__body p {
  margin: 0;
  font-family: var(--jp);
  font-weight: 400;
  font-size: min(0.9027777778vw, 13px);
  line-height: 2.2;
  letter-spacing: 0.1em;
  color: rgba(236, 239, 238, 0.72);
}
#apc .z-apc__s-concept .z-apc__caution p {
  margin: 0;
  font-family: var(--jp);
  font-weight: 400;
  font-size: min(0.7638888889vw, 11px);
  line-height: 1.8;
  letter-spacing: 0.06em;
  color: rgba(236, 239, 238, 0.55);
}
#apc .z-apc__s-concept .z-apc__caution p:not(.z-apc__caution-h) {
  padding-left: 1em;
  text-indent: -1em;
}
#apc .z-apc__s-concept .z-apc__caution .z-apc__caution-h {
  margin-bottom: 0.3em;
  color: rgba(236, 239, 238, 0.7);
}
#apc .z-apc__s-concept .z-apc__note {
  margin: 0;
  font-family: var(--serif);
  font-style: italic;
  font-size: min(0.625vw, 9px);
  letter-spacing: 0.04em;
  color: rgba(236, 239, 238, 0.45);
  white-space: pre-wrap;
}
#apc .z-apc__s-concept .z-apc__note .z-apc__m {
  font-family: var(--jp);
  font-style: normal;
}
#apc .z-apc__s-sched {
  left: calc(50% - min(9.1666666667vw, 132px));
  top: 50%;
  transform: translateY(-50%);
  width: min(38.8888888889vw, 560px);
}
#apc .z-apc__s-sched .z-apc__h, #apc .z-apc__s-ticket .z-apc__h {
  flex-direction: column;
  align-items: flex-start;
  gap: min(0.4166666667vw, 6px);
  padding-bottom: min(1.5277777778vw, 22px);
}
#apc .z-apc__s-sched .z-apc__sbox {
  height: min(31.1805555556vw, 449px);
}
#apc .z-apc__s-ticket {
  left: calc(50% - min(20.1388888889vw, 290px));
  top: min(7.0138888889vw, 101px);
  width: min(55.5555555556vw, 800px);
  transform: scale(var(--fit, 1));
  transform-origin: 0 0;
}
#apc .z-apc__s-ticket .z-apc__sbox {
  margin-top: min(1.8055555556vw, 26px);
  height: auto;
}
@media screen and (min-width: 769px) {
  #apc .z-apc__s-ticket .z-apc__scroller {
    height: auto;
    max-height: min(43.0555555556vw, 620px);
  }
}
#apc .z-apc__sc-right {
  right: 0;
  top: 0;
  width: min(72.2222222222vw, 1040px);
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 8%, rgba(0, 0, 0, 0.16) 16%, rgba(0, 0, 0, 0.34) 24%, rgba(0, 0, 0, 0.56) 33%, rgba(0, 0, 0, 0.75) 42%, rgba(0, 0, 0, 0.85) 52%, rgba(0, 0, 0, 0.88) 66%, rgba(0, 0, 0, 0.79) 76%, rgba(0, 0, 0, 0.56) 85%, rgba(0, 0, 0, 0.36) 93%, rgba(0, 0, 0, 0.25) 100%);
}
#apc .z-apc__s-sched .z-apc__scroller {
  padding-right: min(0.8333333333vw, 12px);
}
#apc .z-apc__s-sched .z-apc__track, #apc .z-apc__s-ticket .z-apc__track, #apc .z-apc__s-concept .z-apc__track {
  right: max(-0.6944444444vw, -10px);
}
#apc .z-apc__s-sched .z-apc__thumb, #apc .z-apc__s-ticket .z-apc__thumb, #apc .z-apc__s-concept .z-apc__thumb {
  right: max(-0.7638888889vw, -11px);
}
#apc .z-apc__s-sched .z-apc__fadeb, #apc .z-apc__s-ticket .z-apc__fadeb, #apc .z-apc__s-concept .z-apc__fadeb {
  right: 0;
}
#apc .z-apc__srow {
  position: relative;
  display: flex;
  align-items: center;
  gap: min(1.3888888889vw, 20px);
  min-height: min(4.4444444444vw, 64px);
  box-sizing: border-box;
  border-top: 1px solid var(--fg-16);
  white-space: nowrap;
  overflow: hidden;
}
#apc .z-apc__srow:last-child {
  border-bottom: 1px solid var(--fg-16);
}
#apc .z-apc__srow .z-apc__date {
  width: min(6.6666666667vw, 96px);
  flex: none;
  display: flex;
  gap: min(0.4166666667vw, 6px);
  align-items: baseline;
}
#apc .z-apc__srow .z-apc__date b, #apc .z-apc__srow .z-apc__date strong {
  font-family: var(--grot);
  font-weight: 600;
  font-size: min(1.3194444444vw, 19px);
  letter-spacing: 0.02em;
}
#apc .z-apc__srow .z-apc__date small {
  font-family: var(--cond);
  font-weight: 500;
  font-size: min(0.6944444444vw, 10px);
  letter-spacing: 0.18em;
  color: var(--fg-55);
}
#apc .z-apc__srow .z-apc__main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: min(0.8333333333vw, 12px);
  row-gap: 0;
  padding-block: min(0.4166666667vw, 6px);
  overflow: hidden;
}
#apc .z-apc__srow .z-apc__main::after {
  content: "";
  order: 2;
  flex-basis: 100%;
  height: 0;
}
#apc .z-apc__srow .z-apc__venue {
  font-family: var(--jp);
  font-weight: 500;
  font-size: min(1.0416666667vw, 15px);
  letter-spacing: 0.06em;
  text-decoration: none;
  order: 1;
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  transition: opacity 0.2s;
}
#apc .z-apc__srow .z-apc__venue:hover {
  opacity: 0.7;
}
#apc .z-apc__srow .z-apc__meta {
  display: contents;
}
#apc .z-apc__srow .z-apc__pref {
  order: 0;
  flex: none;
  padding: min(0.1388888889vw, 2px) min(0.4166666667vw, 6px);
  border: 1px solid rgba(236, 239, 238, 0.85);
  font-family: var(--jp);
  font-weight: 500;
  font-size: min(0.7638888889vw, 11px);
  line-height: 1.3;
  letter-spacing: 0.08em;
  color: var(--fg);
}
#apc .z-apc__srow .z-apc__time, #apc .z-apc__srow .z-apc__contact {
  margin-top: min(0.3472222222vw, 5px);
}
#apc .z-apc__srow .z-apc__time {
  order: 3;
  font-family: var(--cond);
  font-weight: 500;
  font-size: min(0.7291666667vw, 10.5px);
  letter-spacing: 0.08em;
  color: var(--fg-55);
}
#apc .z-apc__srow .z-apc__contact {
  order: 4;
  margin-left: min(1.1111111111vw, 16px);
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.8em;
  font-family: var(--jp);
  font-weight: 500;
  font-size: min(0.6944444444vw, 10px);
  letter-spacing: 0.04em;
  color: rgba(236, 239, 238, 0.7);
  text-decoration: none;
}
#apc .z-apc__srow .z-apc__contact a {
  display: inline-block;
  color: inherit;
  text-decoration: underline !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
  transition: opacity 0.2s;
}
#apc .z-apc__srow .z-apc__contact a:hover {
  opacity: 0.7;
}
#apc .z-apc__srow .z-apc__tel {
  font-family: var(--cond);
  font-size: 1.1em;
  letter-spacing: 0.06em;
}
#apc .z-apc__srow.apc-sold::after {
  content: "SOLD OUT";
  flex: none;
  padding: min(0.2430555556vw, 3.5px) min(0.6944444444vw, 10px) min(0.2430555556vw, 3.5px) min(1.5277777778vw, 22px);
  background: url("../img/special/apicula/z-apc_sold_hex.svg") no-repeat left min(0.5555555556vw, 8px) center/min(0.5555555556vw, 8px) min(0.625vw, 9px), #ecefee;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.35);
  font-family: var(--cond);
  font-weight: 600;
  font-size: min(0.6944444444vw, 10px);
  letter-spacing: 0.16em;
  color: #000;
}
#apc .z-apc__s-movie {
  left: calc(50% - min(13.8888888889vw, 200px));
  top: min(7.7777777778vw, 112px);
  width: min(47.2222222222vw, 680px);
  display: flex;
  flex-direction: column;
  transform: scale(var(--fit, 1));
  transform-origin: 0 0;
}
#apc .z-apc__s-movie .z-apc__h {
  margin-bottom: min(1.5277777778vw, 22px);
}
#apc .z-apc__player {
  position: relative;
  display: block;
  width: min(47.2222222222vw, 680px);
  max-width: 100%;
  aspect-ratio: 680/383;
  border: 1px solid var(--fg-22);
  overflow: hidden;
  box-sizing: border-box;
}
#apc .z-apc__player img.z-apc__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#apc .z-apc__player::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.28);
}
#apc .z-apc__pager {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(0.9722222222vw, 14px);
  margin-top: min(0.9722222222vw, 14px);
  padding-top: min(0.2777777778vw, 4px);
}
#apc .z-apc__pbtn {
  position: relative;
  display: block;
  flex: none;
  width: min(2.0833333333vw, 30px);
  height: min(2.0833333333vw, 30px);
}
#apc .z-apc__pbtn img {
  position: absolute;
}
#apc .z-apc__pbtn .z-apc__pbtn-on {
  top: -15.26%;
  left: -8.73%;
  width: 117.46%;
  height: 130.52%;
}
#apc .z-apc__pbtn .z-apc__pbtn-off {
  inset: 0;
  width: 100%;
  height: 100%;
  display: none;
}
#apc .z-apc__pbtn-prev .z-apc__pbtn-on, #apc .z-apc__pbtn-next .z-apc__pbtn-off {
  transform: scaleX(-1);
}
#apc .z-apc__pbtn:disabled {
  cursor: default;
}
#apc .z-apc__pbtn:disabled .z-apc__pbtn-on {
  display: none;
}
#apc .z-apc__pbtn:disabled .z-apc__pbtn-off {
  display: block;
}
#apc .z-apc__pind [data-v] {
  cursor: pointer;
}
#apc .z-apc__pind svg {
  display: block;
  width: auto;
  height: min(2.2222222222vw, 32px);
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.35));
}
#apc .z-apc__player .z-apc__noise {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}
#apc .z-apc__player.noise .z-apc__noise {
  display: block;
}
#apc .z-apc__player.noise img.z-apc__bg {
  filter: grayscale(1) contrast(1.25) brightness(0.85);
}
#apc .z-apc__noise i {
  position: absolute;
  inset: 0;
  background: center/cover no-repeat;
  filter: grayscale(1) contrast(1.35) brightness(0.8);
}
#apc .z-apc__noise b {
  position: absolute;
}
#apc .z-apc__noise::after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0 1px, transparent 1px 3px);
}
#apc .z-apc__player .z-apc__play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(7.1527777778vw, 103px);
  height: min(7.1527777778vw, 103px);
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: transform 0.25s;
}
#apc .z-apc__player:hover .z-apc__play {
  transform: translate(-50%, -50%) scale(1.06);
}
#apc .z-apc__vtitle {
  align-self: flex-end;
  margin-top: min(0.4861111111vw, 7px);
  font-family: var(--jp);
  font-weight: 500;
  font-size: min(0.7638888889vw, 11px);
  letter-spacing: 0.06em;
  text-shadow: var(--rgb);
  text-decoration: none;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#apc .z-apc__plist {
  overflow: hidden;
  margin-top: min(0.9027777778vw, 13px);
}
#apc .z-apc__ptrack {
  display: flex;
  gap: min(0.9722222222vw, 14px);
  transition: transform 0.4s ease;
}
#apc .z-apc__pitem {
  flex: none;
  width: min(15.0694444444vw, 217px);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: min(0.4166666667vw, 6px);
  cursor: pointer;
}
#apc .z-apc__pitem .z-apc__im {
  position: relative;
  width: 100%;
  aspect-ratio: 217/122;
  max-width: 100%;
  border: 1px solid rgba(236, 239, 238, 0.18);
  overflow: hidden;
  box-sizing: border-box;
}
#apc .z-apc__pitem .z-apc__im img.z-apc__th {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#apc .z-apc__pitem .z-apc__im .z-apc__mp {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(0.9722222222vw, 14px);
  height: min(0.9722222222vw, 14px);
  transform: translate(-50%, -50%);
}
#apc .z-apc__pitem .z-apc__lb {
  font-family: var(--jp);
  font-weight: 500;
  font-size: min(0.6597222222vw, 9.5px);
  letter-spacing: 0.1em;
  color: var(--fg-55);
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
#apc .z-apc__pitem.active .z-apc__im {
  border-color: rgba(236, 239, 238, 0.9);
}
#apc .z-apc__pitem.active .z-apc__lb {
  color: var(--fg);
}
#apc .z-apc__s-goods {
  left: calc(50% - min(29.1666666667vw, 420px));
  top: min(7.6388888889vw, 110px);
  width: min(60vw, 864px);
  display: flex;
  flex-direction: column;
  gap: min(1.8055555556vw, 26px);
  transform: scale(var(--fit, 1));
  transform-origin: 0 0;
}
#apc .z-apc__s-goods .z-apc__hrow {
  display: flex;
  align-items: baseline;
}
#apc .z-apc__store {
  margin-left: auto;
  align-self: baseline;
  display: inline-flex;
  align-items: center;
  gap: min(0.9722222222vw, 14px);
  color: var(--fg);
  transform: translateY(calc(50% - min(0.4166666667vw, 6px)));
  transition: opacity 0.2s;
}
#apc .z-apc__store:hover {
  opacity: 0.7;
}
#apc .z-apc__store .z-apc__arw {
  width: min(1.25vw, 18px);
  height: min(0.6944444444vw, 10px);
  display: block;
}
#apc .z-apc__store img {
  height: min(1.9444444444vw, 28px);
  width: auto;
  display: block;
}
#apc .z-apc__s-goods .z-apc__sbox {
  height: min(34.9305555556vw, 503px);
}
#apc .z-apc__s-goods .z-apc__grid {
  width: min(58.75vw, 846px);
  display: flex;
  flex-wrap: wrap;
  gap: min(0.6944444444vw, 10px);
}
#apc .z-apc__s-goods .z-apc__track {
  left: min(59.6527777778vw, 859px);
}
#apc .z-apc__s-goods .z-apc__thumb {
  left: min(59.5833333333vw, 858px);
}
#apc .z-apc__s-goods .z-apc__fadeb {
  width: min(58.75vw, 846px);
  height: min(6.8055555556vw, 98px);
}
#apc .z-apc__movie-body {
  display: contents;
}
#apc .z-apc__s-movie.is-soon {
  left: calc(50% - min(29.1666666667vw, 420px));
  top: min(7.6388888889vw, 110px);
  width: min(60vw, 864px);
  gap: min(1.8055555556vw, 26px);
}
#apc .z-apc__s-movie.is-soon .z-apc__soon {
  margin-top: max(-1.5277777778vw, -22px);
}
#apc .z-apc__movie-body[hidden] {
  display: none;
}
#apc .z-apc__soon {
  position: relative;
  height: min(29.1666666667vw, 420px);
}
#apc .z-apc__soon-img {
  position: absolute;
  left: calc(50% - min(3.7847222222vw, 54.5px));
  top: min(11.1805555556vw, 161px);
  width: min(7.5694444444vw, 109px);
  height: auto;
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.35));
}
#apc .z-apc__soon-txt {
  position: absolute;
  left: 50%;
  top: min(16.7361111111vw, 241px);
  transform: translateX(-50%);
  font-family: var(--corm);
  font-weight: 300;
  font-style: italic;
  font-size: min(2.0833333333vw, 30px);
  line-height: 1.18;
  letter-spacing: 0.03em;
  text-shadow: var(--rgb);
  white-space: nowrap;
}
#apc .z-apc__tile {
  position: relative;
  width: min(11.1805555556vw, 161px);
  height: min(13.9583333333vw, 201px);
  box-sizing: border-box;
  border: 1px solid rgba(236, 239, 238, 0.14);
  overflow: hidden;
}
#apc .z-apc__tile img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#apc .z-apc__overlay {
  position: fixed;
  inset: 0;
  z-index: 50;
  background: rgba(0, 0, 0, 0.62);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
#apc .z-apc__overlay.on {
  opacity: 1;
  pointer-events: auto;
}
#apc .z-apc__popup {
  position: fixed;
  z-index: 51;
  left: 50%;
  top: 50%;
  width: min(47.2222222222vw, 680px);
  height: min(51.3888888889vw, 740px, 100% - min(5.5555555556vw, 80px));
  transform: translate(-50%, -48%);
  background: rgba(5, 6, 6, 0.94);
  border: 1px solid var(--fg-22);
  display: flex;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
  box-sizing: border-box;
}
#apc .z-apc__popup.on {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, -50%);
}
#apc .z-apc__popup .z-apc__ph {
  display: flex;
  align-items: center;
  padding: min(2.2222222222vw, 32px) min(3.0555555556vw, 44px) min(1.5277777778vw, 22px);
  border-bottom: 1px solid var(--fg-16);
  flex: none;
}
#apc .z-apc__popup .z-apc__ph .z-apc__en {
  font-size: min(3.1944444444vw, 46px);
}
#apc .z-apc__popup .z-apc__ph .z-apc__ja {
  font-size: min(0.8333333333vw, 12px);
}
#apc .z-apc__popup .z-apc__close {
  position: absolute;
  top: min(0.6944444444vw, 10px);
  right: min(0.6944444444vw, 10px);
  z-index: 1;
  width: min(1.3888888889vw, 20px);
  height: min(1.3888888889vw, 20px);
}
#apc .z-apc__popup .z-apc__close img {
  width: min(1.3888888889vw, 20px);
  height: min(1.3888888889vw, 20px);
  display: block;
}
#apc .z-apc__popup .z-apc__sbox {
  flex: 1;
  min-height: 0;
}
#apc .z-apc__popup .z-apc__scroller {
  padding: min(1.9444444444vw, 28px) min(3.75vw, 54px) min(1.9444444444vw, 28px) min(3.0555555556vw, 44px);
  box-sizing: border-box;
}
#apc .z-apc__popup .z-apc__track {
  right: min(1.3194444444vw, 19px);
  top: min(1.3194444444vw, 19px);
  bottom: min(1.3194444444vw, 19px);
}
#apc .z-apc__popup .z-apc__thumb {
  right: min(1.25vw, 18px);
  top: min(1.3194444444vw, 19px);
}
#apc .z-apc__popup-video {
  width: min(66.6666666667vw, 960px, (100vh - 200px) * 16 / 9 + 88px);
  height: auto;
}
#apc .z-apc__vwrap {
  padding: min(3.0555555556vw, 44px) min(3.0555555556vw, 44px) min(2.0833333333vw, 30px);
}
#apc .z-apc__vframe {
  position: relative;
  aspect-ratio: 16/9;
  background: #000;
  border: 1px solid var(--fg-16);
}
#apc .z-apc__vframe iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
#apc .z-apc__vcap {
  margin-top: min(1.1111111111vw, 16px);
  font-size: min(0.9722222222vw, 14px);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.6;
}
#apc .z-apc__items {
  display: flex;
  flex-direction: column;
  gap: min(1.8055555556vw, 26px);
}
#apc .z-apc__items hr {
  margin: 0;
  border: 0;
  height: 1px;
  background: var(--fg-16);
}
#apc .z-apc__item {
  display: flex;
  flex-direction: column;
  gap: min(0.5555555556vw, 8px);
}
#apc .z-apc__item .z-apc__meta {
  display: flex;
  gap: min(0.6944444444vw, 10px);
  align-items: center;
}
#apc .z-apc__item .z-apc__d {
  font-family: var(--cond);
  font-weight: 500;
  font-size: min(0.7638888889vw, 11px);
  letter-spacing: 0.12em;
  color: var(--fg-55);
}
#apc .z-apc__item .z-apc__new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: min(0.9722222222vw, 14px);
  border: 1px solid var(--fg);
  padding: 0 calc(min(0.4166666667vw, 6px) - 0.23em) 0.27em calc(min(0.4166666667vw, 6px) + 0.03em);
  font-family: var(--cond);
  font-weight: 600;
  font-size: min(0.625vw, 9px);
  letter-spacing: 0.2em;
  line-height: 1;
}
#apc .z-apc__item .z-apc__t {
  margin: 0;
  font-family: var(--jp);
  font-weight: 500;
  font-size: min(1.0416666667vw, 15px);
  line-height: 1.6;
  letter-spacing: 0.04em;
}
#apc .z-apc__item .z-apc__x {
  margin: 0;
  font-family: var(--jp);
  font-weight: 400;
  font-size: min(0.8333333333vw, 12px);
  line-height: 2;
  letter-spacing: 0.06em;
  color: rgba(236, 239, 238, 0.68);
}
#apc .z-apc__seats {
  display: flex;
  flex-direction: column;
  gap: min(0.9722222222vw, 14px);
  margin-bottom: min(2.5vw, 36px);
}
#apc .z-apc__seat {
  display: flex;
  gap: min(1.1111111111vw, 16px);
  align-items: baseline;
  font-family: var(--jp);
  font-weight: 500;
}
#apc .z-apc__seat .z-apc__n {
  width: min(7.6388888889vw, 110px);
  flex: none;
  font-size: min(1.0416666667vw, 15px);
  letter-spacing: 0.06em;
}
#apc .z-apc__seat .z-apc__p {
  font-size: min(0.9027777778vw, 13px);
  line-height: 1.6;
  letter-spacing: 0.04em;
}
#apc .z-apc__seat:first-child {
  align-items: center;
  padding-bottom: min(0.8333333333vw, 12px);
  border-bottom: 1px solid rgba(236, 239, 238, 0.55);
}
#apc .z-apc__seat:first-child .z-apc__n {
  font-size: min(1.5277777778vw, 22px);
  font-weight: 700;
}
#apc .z-apc__seat:first-child .z-apc__p {
  font-size: min(1.25vw, 18px);
  font-weight: 700;
}
#apc .z-apc__seat:not(:first-child) .z-apc__n {
  font-size: min(0.9027777778vw, 13px);
}
#apc .z-apc__seat.z-apc__dim {
  color: rgba(236, 239, 238, 0.6);
}
#apc .z-apc__seat.z-apc__dim .z-apc__p {
  font-weight: 400;
}
#apc .z-apc__tnotes {
  margin: max(-0.8333333333vw, -12px) 0 min(1.8055555556vw, 26px);
}
#apc .z-apc__notes.z-apc__tnotes p {
  line-height: 1.65;
}
#apc .z-apc__tnotes p + p {
  margin-top: 0.35em;
}
#apc .z-apc__tnotes .z-apc__nh {
  margin: 1.4em 0 0.6em;
  padding: 0.25em 1em;
  font-weight: 700;
  background: var(--fg);
  color: #000;
}
#apc .z-apc__tnotes .z-apc__ind {
  padding-left: 1em;
}
#apc .z-apc__tcontact {
  margin: min(2.0833333333vw, 30px) 0 0;
}
#apc .z-apc__tcontact .z-apc__nh {
  margin-top: 0;
}
#apc .z-apc__tcontact a {
  color: var(--fg);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
#apc .z-apc__tcontact p + p {
  margin-top: 0.8em;
}
#apc .z-apc__tcontact a {
  word-break: break-all;
}
#apc .z-apc__tcontact a:hover {
  opacity: 0.7;
}
#apc .z-apc__tnotes b, #apc .z-apc__tnotes strong {
  font-weight: 700;
  color: var(--fg);
}
#apc .z-apc__acc {
  border-top: 1px solid var(--fg-16);
}
#apc .z-apc__acc-i {
  border-bottom: 1px solid var(--fg-16);
}
#apc .z-apc__acc-h {
  display: flex;
  align-items: center;
  gap: min(0.8333333333vw, 12px);
  height: min(2.5vw, 36px);
  width: 100%;
}
#apc .z-apc__acc-h .z-apc__hx {
  width: min(0.5555555556vw, 8px);
  height: min(0.625vw, 9px);
  position: relative;
  flex: none;
}
#apc .z-apc__acc-h .z-apc__hx img {
  position: absolute;
}
#apc .z-apc__acc-h .z-apc__hx .z-apc__o {
  left: max(-0.3472222222vw, -5px);
  top: max(-0.3472222222vw, -5px);
  width: min(1.25vw, 18px);
  height: min(1.3194444444vw, 19px);
  display: none;
}
#apc .z-apc__acc-h .z-apc__hx .z-apc__c {
  left: 0;
  top: 0;
  width: min(0.5555555556vw, 8px);
  height: min(0.625vw, 9px);
}
#apc .z-apc__acc-h .z-apc__tt {
  flex: 1;
  font-family: var(--jp);
  font-weight: 700;
  font-size: min(1.1111111111vw, 16px);
  letter-spacing: 0.04em;
  color: var(--fg-80);
}
#apc .z-apc__acc-h .z-apc__ic {
  width: min(0.9722222222vw, 14px);
  height: min(0.9722222222vw, 14px);
}
#apc .z-apc__acc-i.open .z-apc__acc-h .z-apc__tt {
  color: var(--fg);
}
#apc .z-apc__acc-i.open .z-apc__hx .z-apc__o {
  display: block;
}
#apc .z-apc__acc-i.open .z-apc__hx .z-apc__c {
  display: none;
}
#apc .z-apc__acc-b {
  display: none;
  flex-direction: column;
  gap: min(1.1111111111vw, 16px);
  padding: 0 0 min(1.6666666667vw, 24px) min(1.3888888889vw, 20px);
}
#apc .z-apc__acc-i.open .z-apc__acc-b {
  display: flex;
}
#apc .z-apc__per {
  display: flex;
  flex-direction: column;
  gap: min(0.1388888889vw, 2px);
  white-space: nowrap;
}
#apc .z-apc__per .z-apc__l {
  font-family: var(--jp);
  font-weight: 400;
  font-size: min(0.7986111111vw, 11.5px);
  letter-spacing: 0.04em;
  color: var(--fg-55);
}
#apc .z-apc__per .z-apc__v {
  font-family: var(--jp);
  font-weight: 500;
  font-size: min(1.1805555556vw, 17px);
  letter-spacing: 0.02em;
}
#apc .z-apc__notes p {
  margin: 0;
  font-family: var(--jp);
  font-weight: 400;
  font-size: min(0.8333333333vw, 12px);
  line-height: 2;
  letter-spacing: 0.02em;
  color: rgba(236, 239, 238, 0.68);
}
#apc .z-apc__apply {
  display: flex;
  align-items: center;
  gap: min(0.8333333333vw, 12px);
  width: min(20.8333333333vw, 300px);
  height: min(3.4722222222vw, 50px);
  padding: 0 min(1.3888888889vw, 20px);
  box-sizing: border-box;
  background: var(--fg);
  color: #000;
  text-decoration: none;
}
#apc .z-apc__apply .z-apc__a {
  font-family: var(--cond);
  font-weight: 600;
  font-size: min(1.1805555556vw, 17px);
  letter-spacing: 0.06em;
}
#apc .z-apc__apply .z-apc__b, #apc .z-apc__ap-body .btn::after {
  display: inline-block;
  transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}
#apc .z-apc__apply:hover .z-apc__b, #apc .z-apc__apply:focus-visible .z-apc__b, #apc .z-apc__ap-body .btn:hover::after, #apc .z-apc__ap-body .btn:focus-visible::after {
  transform: translateX(min(0.4166666667vw, 6px));
}
#apc .z-apc__apply .z-apc__b {
  margin-left: auto;
  font-family: var(--jp);
  font-weight: 700;
  font-size: min(0.7638888889vw, 11px);
  letter-spacing: 0.02em;
}
#apc .z-apc__apply .z-apc__a-jp {
  font-family: var(--jp);
  font-weight: 700;
  font-size: min(0.9722222222vw, 14px);
  letter-spacing: 0.04em;
}
#apc .z-apc__applies {
  display: flex;
  gap: min(0.6944444444vw, 10px);
}
#apc .z-apc__applies .z-apc__apply {
  width: min(16.6666666667vw, 240px);
}
#apc .z-apc__apply-note {
  margin-top: min(1.5277777778vw, 22px);
}
#apc .z-apc__chrome {
  position: absolute;
  inset: 0;
}
#apc .z-apc__tl, #apc .z-apc__tl-sp, #apc .z-apc__celltag, #apc .z-apc__meter, #apc .z-apc__thermo, #apc .z-apc__tile, #apc .z-apc__srow {
  box-sizing: content-box;
}
#apc .z-apc__tile {
  box-sizing: border-box;
}
@media screen and (max-width: 1100px) and (min-width: 769px) {
  #apc .z-apc__meter, #apc .z-apc__thermo {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #apc .z-apc__lang {
    font-size: 2.736318408vw;
  }
  #apc .z-apc__lang-btn {
    gap: 1.4925373134vw;
  }
  #apc .z-apc__lang-list {
    right: -2.9850746269vw;
    margin-top: 2.4875621891vw;
    padding: 1.4925373134vw 0;
  }
  #apc .z-apc__lang-list a {
    gap: 1.9900497512vw;
    padding: 1.9900497512vw 4.4776119403vw 1.9900497512vw 3.4825870647vw;
    font-size: 2.9850746269vw;
  }
  #apc .z-apc__lang-list a::before {
    width: 1.2437810945vw;
    height: 1.4925373134vw;
  }
  #apc .z-apc__lang img {
    width: 1.2437810945vw;
    height: 1.4925373134vw;
  }
  #apc .z-apc__tlw .z-apc__nowlabel, #apc .z-apc__tlw .z-apc__openlabel {
    font-size: 1.7412935323vw;
  }
  #apc .z-apc__tlw .z-apc__day2 {
    font-size: 2.2388059701vw;
  }
  #apc .z-apc__tlw .z-apc__mode {
    font-size: 1.7412935323vw;
  }
  #apc .z-apc__tlw .z-apc__digits {
    font-size: 2.9850746269vw;
  }
  #apc .z-apc__tlw .z-apc__digits i {
    font-size: 1.7412935323vw;
  }
  #apc .z-apc__tlw .z-apc__digits small {
    font-size: 1.7412935323vw;
  }
  #apc .z-apc__tlw .z-apc__info {
    font-size: 1.7412935323vw;
  }
  #apc .z-apc__hex {
    width: 1.7412935323vw;
    height: 1.9900497512vw;
  }
  #apc .z-apc__h {
    gap: 1.4925373134vw;
  }
  #apc .z-apc__h.z-apc__row {
    gap: 3.4825870647vw;
  }
  #apc .z-apc__sbox .z-apc__thumb {
    width: 0.7462686567vw;
  }
  #apc .z-apc__sbox .z-apc__fadeb {
    height: 8.9552238806vw;
  }
  #apc .z-apc__s-sched .z-apc__scroller, #apc .z-apc__s-ticket .z-apc__scroller {
    padding-right: 2.9850746269vw;
  }
  #apc .z-apc__srow .z-apc__date {
    gap: 1.4925373134vw;
  }
  #apc .z-apc__pitem .z-apc__im .z-apc__mp {
    width: 3.4825870647vw;
    height: 3.4825870647vw;
  }
  #apc .z-apc__s-goods .z-apc__fadeb {
    height: 9.9502487562vw;
  }
  #apc .z-apc__popup .z-apc__close {
    top: 2.4875621891vw;
    right: 2.4875621891vw;
    width: 4.9751243781vw;
    height: 4.9751243781vw;
  }
  #apc .z-apc__popup .z-apc__close img {
    width: 4.9751243781vw;
    height: 4.9751243781vw;
  }
  #apc .z-apc__popup .z-apc__track {
    bottom: 4.7263681592vw;
  }
  #apc .z-apc__item .z-apc__meta {
    gap: 2.4875621891vw;
  }
  #apc .z-apc__item .z-apc__new {
    height: 3.4825870647vw;
    padding: 0 calc(1.4925373134vw - 0.23em) 0.27em calc(1.4925373134vw + 0.03em);
    font-size: 2.2388059701vw;
  }
  #apc .z-apc__seat {
    gap: 3.9800995025vw;
  }
  #apc .z-apc__acc-h {
    gap: 2.9850746269vw;
    height: 8.9552238806vw;
  }
  #apc .z-apc__acc-h .z-apc__hx {
    width: 1.9900497512vw;
    height: 2.2388059701vw;
  }
  #apc .z-apc__acc-h .z-apc__hx .z-apc__o {
    left: -1.2437810945vw;
    top: -1.2437810945vw;
    width: 4.4776119403vw;
    height: 4.7263681592vw;
  }
  #apc .z-apc__acc-h .z-apc__hx .z-apc__c {
    width: 1.9900497512vw;
    height: 2.2388059701vw;
  }
  #apc .z-apc__acc-h .z-apc__ic {
    width: 3.4825870647vw;
    height: 3.4825870647vw;
  }
  #apc .z-apc__per {
    gap: 0.4975124378vw;
  }
  #apc .z-apc__apply {
    gap: 2.9850746269vw;
    padding: 0 4.9751243781vw;
  }
  #apc .z-apc__pc-only {
    display: none !important;
  }
  #apc .z-apc__sp-only {
    display: block !important;
  }
  #apc .z-apc__logo {
    left: 4.9751243781vw;
    top: 6.0199004975vw;
    width: 22.8855721393vw;
    filter: drop-shadow(-0.92px 0 0 rgba(128, 245, 224, 0.6)) drop-shadow(0.92px 0 0 rgba(255, 143, 199, 0.5));
  }
  #apc .z-apc__lang {
    right: 4.9751243781vw;
    top: 5.4726368159vw;
    letter-spacing: 0.14em;
  }
  #apc .z-apc__title {
    left: calc(50% - 29.4402985075vw);
    top: 17.2885572139vw;
    width: 58.8805970149vw;
    height: auto;
  }
  #apc .z-apc__meter-sp {
    left: 50%;
    top: 7.4626865672vw;
    width: 33.8308457711vw;
    height: 6.9651741294vw;
    margin-left: -16.6666666667vw;
  }
  #apc .z-apc__meter-sp button {
    position: absolute;
    top: -0.4975124378vw;
    width: 5.4726368159vw;
    height: 7.960199005vw;
  }
  #apc .z-apc__thermo-sp {
    right: 4.9751243781vw;
    top: 11.1940298507vw;
    display: flex !important;
    align-items: center;
    gap: 1.3432835821vw;
    opacity: 0.62;
  }
  #apc .z-apc__thermo-sp .z-apc__k {
    font-family: var(--cond);
    font-weight: 500;
    font-size: 1.3432835821vw;
    color: rgba(236, 239, 238, 0.6);
  }
  #apc .z-apc__thermo-sp .z-apc__v {
    font-family: var(--cond);
    font-weight: 500;
    font-size: 2.1865671642vw;
    letter-spacing: 0.0398em;
    font-variant-numeric: tabular-nums;
    min-width: 7.4626865672vw;
    text-align: right;
  }
  #apc .z-apc__thermo-sp .z-apc__tbee {
    display: block;
    width: 2.039800995vw;
    height: 2.3383084577vw;
    margin: 0 -2.4875621891vw 0 1.7412935323vw;
  }
  #apc .z-apc__thermo-sp .z-apc__tgraph {
    width: 11.7661691542vw;
    height: 2.3631840796vw;
    overflow: hidden;
  }
  #apc .z-apc__chips {
    left: 4.9751243781vw;
    right: 4.9751243781vw;
    bottom: calc(12.5621890547vw + 5px);
    height: 10.9452736318vw;
    display: flex !important;
    align-items: center;
  }
  #apc .z-apc__chips button {
    flex: 1;
    min-width: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.4925373134vw;
    padding-inline: 0.4975124378vw;
    border-left: 1px solid var(--fg-22);
  }
  #apc .z-apc__chips button:first-child {
    border-left: 0;
  }
  #apc .z-apc__chips .z-apc__hex {
    width: 1.4925373134vw;
    height: 1.7412935323vw;
    background: rgba(236, 239, 238, 0.55);
  }
  #apc .z-apc__chips .z-apc__en {
    font-family: var(--grot);
    font-weight: 600;
    font-size: 2.6119402985vw;
    line-height: 1;
    letter-spacing: 0.01em;
    opacity: 0.6;
  }
  #apc .z-apc__chips button.active .z-apc__en {
    opacity: 1;
  }
  #apc .z-apc__chips button.active .z-apc__hex {
    background: #fff;
    filter: drop-shadow(0 0 3px #fff);
  }
  #apc .z-apc__cta-sp {
    left: 0;
    right: 0;
    bottom: 5px;
    height: calc(8.9552238806vw + env(safe-area-inset-bottom, 0px));
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    display: flex !important;
    align-items: center;
    gap: 2.9850746269vw;
    padding: 0 4.4776119403vw 0 4.9751243781vw;
    background: #a3ffbe;
    color: #000;
  }
  #apc .z-apc__cta-sp img {
    width: 1.9900497512vw;
    height: 2.2388059701vw;
  }
  #apc .z-apc__cta-sp .z-apc__t {
    font-family: var(--cond);
    font-weight: 600;
    font-size: 3.9800995025vw;
  }
  #apc .z-apc__cta-sp .z-apc__s {
    font-family: var(--jp);
    font-weight: 700;
    font-size: 3.1094527363vw;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.7);
  }
  #apc .z-apc__tl-sp {
    left: 4.9751243781vw;
    bottom: 33.8308457711vw;
    width: 72.1393034826vw;
    height: 16.6666666667vw;
  }
  #apc .z-apc__tl-sp .z-apc__day1 {
    left: 0;
    top: -1px;
    font-size: 2.2388059701vw;
    color: rgba(236, 239, 238, 0.86);
    margin: 0;
  }
  #apc .z-apc__tl-sp .z-apc__dash {
    left: 0;
    width: 0.5970149254vw;
    height: 1.2437810945vw;
    background: rgba(236, 239, 238, 0.22);
  }
  #apc .z-apc__tl-sp .z-apc__timer {
    left: 2.9850746269vw;
    top: 2.9850746269vw;
    width: 87.0646766169vw;
    height: 7.4626865672vw;
    overflow: hidden;
  }
  #apc .z-apc__tl-sp .z-apc__digits {
    top: 2.2388059701vw;
    opacity: 0.9;
  }
  #apc .z-apc__tl-sp .z-apc__info {
    left: 21.6417910448vw !important;
    top: 2.4875621891vw;
    letter-spacing: 0.04em;
  }
  #apc .z-apc__tl-sp .z-apc__track {
    left: 0;
    top: 12.4378109453vw;
    width: 67.1641791045vw;
    height: 1.7412935323vw;
    background: var(--fg-16);
  }
  #apc .z-apc__tl-sp .z-apc__elapsed {
    left: 0;
    top: 12.4378109453vw;
    height: 1.7412935323vw;
    background: rgba(236, 239, 238, 0.8);
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.5);
  }
  #apc .z-apc__tl-sp .z-apc__ticks {
    left: 0;
    top: 12.4378109453vw;
    width: 67.1641791045vw;
    height: 1.7412935323vw;
  }
  #apc .z-apc__tl-sp .z-apc__now {
    top: 11.1940298507vw;
    width: 0.8px;
    height: 3.4825870647vw;
    background: var(--fg);
  }
  #apc .z-apc__tl-sp .z-apc__nowlabel, #apc .z-apc__tl-sp .z-apc__openlabel {
    top: 9.9502487562vw;
  }
  #apc .z-apc__tl-sp .z-apc__opening {
    left: 66.263681592vw;
    top: 11.9402985075vw;
    width: 0.9004975124vw;
    height: 2.736318408vw;
    border: 0.8px solid rgba(236, 239, 238, 0.9);
    box-sizing: border-box;
  }
  #apc .z-apc__tl-sp .z-apc__openlabel {
    left: 52.2388059701vw;
  }
  #apc .z-apc__tl-sp .z-apc__day2bar {
    left: 0;
    top: 14.9253731343vw;
    width: 24.0199004975vw;
    height: 1.7412935323vw;
    background: rgba(236, 239, 238, 0.3);
  }
  #apc .z-apc__tl-sp .z-apc__day2 {
    left: 25.5124378109vw;
    top: 14.4278606965vw;
  }
  #apc .z-apc__spsc-b {
    left: 0;
    right: 0;
    bottom: 0;
    height: 82.0895522388vw;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85) 45%, rgba(0, 0, 0, 0.92));
  }
  #apc .z-apc__spsc-b.z-apc__mv {
    height: 96.2686567164vw;
  }
  #apc .z-apc__spsc-b.z-apc__gd {
    height: 60.6965174129vw;
  }
  #apc .z-apc__spsc-h {
    left: 0;
    right: 0;
    top: 0;
    height: 32.3383084577vw;
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  }
  #apc .z-apc__spsc-c {
    left: -63.9303482587vw;
    bottom: -83.5820895522vw;
    width: 189.0547263682vw;
    height: 323.3830845771vw;
    transform: rotate(150deg);
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0.85));
  }
  #apc .z-apc__h .z-apc__en {
    font-size: 6.2189054726vw;
  }
  #apc .z-apc__h .z-apc__ja {
    font-size: 2.736318408vw;
  }
  #apc .z-apc__s-concept {
    left: 4.9751243781vw;
    right: 4.9751243781vw;
    width: auto;
    top: auto;
    bottom: 28.855721393vw;
    transform: none;
    gap: 3.4825870647vw;
  }
  #apc .z-apc__cbody {
    gap: 4.4776119403vw;
  }
  #apc .z-apc__s-concept .z-apc__lead br {
    display: inline;
  }
  #apc .z-apc__s-concept .z-apc__scroller {
    padding-right: 2.9850746269vw;
  }
  #apc .z-apc__s-concept .z-apc__track {
    right: 0.4975124378vw;
  }
  #apc .z-apc__s-concept .z-apc__thumb {
    right: 1px;
  }
  #apc .z-apc__s-concept .z-apc__fadeb {
    right: 2.4875621891vw;
  }
  #apc .z-apc__cimgs {
    gap: 4.9751243781vw;
    margin: 8.9552238806vw 0 7.4626865672vw;
    width: 100%;
  }
  #apc .z-apc__cbody .z-apc__cimgs {
    margin-top: 4.4776119403vw;
  }
  #apc .z-apc__cbody .z-apc__cimgs--top {
    margin: 0 0 2.9850746269vw;
  }
  #apc .z-apc__s-concept .z-apc__lead {
    font-size: 3.9800995025vw;
    letter-spacing: 0.12em;
  }
  #apc .z-apc__s-concept .z-apc__body p {
    font-size: 2.8606965174vw;
  }
  #apc .z-apc__s-concept .z-apc__caution p {
    font-size: 2.3631840796vw;
  }
  #apc .z-apc__s-concept .z-apc__note {
    font-size: 1.8656716418vw;
    letter-spacing: 0.04em;
  }
  #apc .z-apc__s-sched, #apc .z-apc__s-ticket {
    left: 4.9751243781vw;
    right: 4.9751243781vw;
    width: auto;
    top: auto;
    bottom: 28.855721393vw;
    transform: none;
  }
  #apc .z-apc__s-sched .z-apc__h, #apc .z-apc__s-ticket .z-apc__h, #apc .z-apc__s-concept .z-apc__h {
    flex-direction: row;
    align-items: baseline;
    padding-bottom: 3.4825870647vw;
    gap: 2.9850746269vw;
  }
  #apc .z-apc__s-sched .z-apc__h .z-apc__en, #apc .z-apc__s-ticket .z-apc__h .z-apc__en, #apc .z-apc__s-concept .z-apc__h .z-apc__en {
    font-size: 7.2139303483vw;
    text-shadow: -1px 0 0 rgba(128, 245, 224, 0.45), 1px 0 0 rgba(255, 143, 199, 0.4);
  }
  #apc .z-apc__s-sched .z-apc__sbox, #apc .z-apc__s-ticket .z-apc__sbox {
    height: 87.3134328358vw;
  }
  #apc .z-apc__s-ticket .z-apc__sbox {
    margin-top: 0;
  }
  #apc .z-apc__s-sched .z-apc__track, #apc .z-apc__s-ticket .z-apc__track {
    right: 0.4975124378vw;
  }
  #apc .z-apc__s-sched .z-apc__thumb, #apc .z-apc__s-ticket .z-apc__thumb {
    right: 1px;
  }
  #apc .z-apc__s-sched .z-apc__fadeb, #apc .z-apc__s-ticket .z-apc__fadeb {
    right: 2.4875621891vw;
  }
  #apc .z-apc__srow {
    height: auto;
    align-items: flex-start;
    padding: 3.9800995025vw 0;
    gap: 2.4875621891vw;
  }
  #apc .z-apc__srow .z-apc__venue .z-apc__spbr {
    display: inline;
  }
  #apc .z-apc__srow .z-apc__venue {
    line-height: 1.4;
  }
  #apc .z-apc__srow .z-apc__date {
    align-self: flex-start;
    line-height: 1;
    padding-top: 0.4975124378vw;
  }
  #apc .z-apc__srow .z-apc__date {
    width: 13.9303482587vw;
  }
  #apc .z-apc__srow .z-apc__date b, #apc .z-apc__srow .z-apc__date strong {
    font-size: 3.4825870647vw;
  }
  #apc .z-apc__srow .z-apc__date small {
    font-size: 2.1144278607vw;
    letter-spacing: 0.18em;
  }
  #apc .z-apc__srow .z-apc__main {
    column-gap: 1.9900497512vw;
    row-gap: 0;
    padding-block: 0;
    flex-wrap: wrap;
  }
  #apc .z-apc__srow .z-apc__venue {
    font-size: 3.1094527363vw;
    letter-spacing: 0.06em;
  }
  #apc .z-apc__srow .z-apc__meta {
    gap: 1.4925373134vw;
  }
  #apc .z-apc__srow .z-apc__pref {
    padding: 0.2487562189vw 0.9950248756vw;
    font-size: 2.2388059701vw;
    letter-spacing: 0.06em;
  }
  #apc .z-apc__srow .z-apc__time {
    font-size: 2.6119402985vw;
    letter-spacing: 0.08em;
  }
  #apc .z-apc__srow .z-apc__contact {
    font-size: 2.1144278607vw;
    letter-spacing: 0.04em;
  }
  #apc .z-apc__srow .z-apc__meta {
    flex-wrap: wrap;
    row-gap: 0.7462686567vw;
    min-width: 0;
  }
  #apc .z-apc__srow .z-apc__time, #apc .z-apc__srow .z-apc__contact {
    margin-top: 0.9950248756vw;
  }
  #apc .z-apc__srow .z-apc__contact {
    display: flex;
    margin-left: 0;
    flex-basis: 100%;
    align-items: baseline;
    column-gap: 1.9900497512vw;
    min-width: 0;
  }
  #apc .z-apc__srow .z-apc__contact .z-apc__tel {
    flex: none;
  }
  #apc .z-apc__srow .z-apc__contact a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #apc .z-apc__srow.apc-sold::after {
    position: absolute;
    right: 0;
    top: 1.2437810945vw;
    padding: 0.7400497512vw 2.1144278607vw 0.7400497512vw 4.6517412935vw;
    background-position: left 1.6915422886vw center;
    background-size: 1.6915422886vw 1.9029850746vw;
    font-size: 2.1144278607vw;
  }
  #apc .z-apc__s-movie {
    left: 4.9751243781vw;
    right: 4.9751243781vw;
    width: auto;
    top: 15.4228855721vw;
    bottom: 21.8905472637vw;
    justify-content: center;
  }
  #apc .z-apc__s-movie .z-apc__h {
    margin-bottom: 3.4825870647vw;
  }
  #apc .z-apc__player {
    width: 100%;
    aspect-ratio: 362/204;
  }
  #apc .z-apc__player .z-apc__play {
    width: 15.3731343284vw;
    height: 15.3731343284vw;
  }
  #apc .z-apc__vtitle {
    align-self: flex-start;
    margin-top: 3.4825870647vw;
    font-size: 2.9850746269vw;
    letter-spacing: 0.06em;
  }
  #apc .z-apc__plist {
    margin-top: 3.4825870647vw;
  }
  #apc .z-apc__ptrack {
    gap: 1.9900497512vw;
  }
  #apc .z-apc__pager {
    gap: 3.4825870647vw;
    margin-top: 3.4825870647vw;
    padding-top: 0.9950248756vw;
  }
  #apc .z-apc__pbtn {
    width: 7.4626865672vw;
    height: 7.4626865672vw;
  }
  #apc .z-apc__pind svg {
    height: 7.960199005vw;
  }
  #apc .z-apc__pitem {
    width: 28.6069651741vw;
    align-items: flex-start;
    gap: 1.2686567164vw;
  }
  #apc .z-apc__pitem .z-apc__im {
    aspect-ratio: 115/65;
  }
  #apc .z-apc__pitem .z-apc__lb {
    font-size: 1.9900497512vw;
    letter-spacing: 0.1em;
  }
  #apc .z-apc__s-goods {
    left: 4.9751243781vw;
    right: 4.9751243781vw;
    width: auto;
    top: auto;
    bottom: 28.855721393vw;
    transform: none;
    gap: 4.4776119403vw;
  }
  #apc .z-apc__store {
    gap: 2.4875621891vw;
    transform: translateY(calc(50% - 0.9950248756vw));
  }
  #apc .z-apc__store .z-apc__arw {
    width: 3.4825870647vw;
    height: 1.9900497512vw;
  }
  #apc .z-apc__store img {
    height: 4.9751243781vw;
  }
  #apc .z-apc__s-goods .z-apc__sbox {
    height: min(104.4776119403vw, 100svh - 60.6965174129vw);
  }
  #apc .z-apc__s-goods {
    top: var(--sp-htop, 34.8258706468vw);
    bottom: auto;
  }
  #apc .z-apc__s-concept {
    top: 19.4029850746vw;
    bottom: 28.855721393vw;
  }
  #apc .z-apc__s-ticket {
    top: 19.4029850746vw;
    display: flex;
    flex-direction: column;
  }
  #apc .z-apc__s-ticket .z-apc__sbox {
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
  }
  #apc .z-apc__s-sched {
    top: 19.4029850746vw;
    bottom: 28.855721393vw;
    display: flex;
    flex-direction: column;
  }
  #apc .z-apc__s-sched .z-apc__sbox {
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
  }
  #apc .z-apc__s-goods .z-apc__grid {
    width: calc(100% - 3.9800995025vw);
    gap: 1.9900497512vw;
  }
  #apc .z-apc__s-goods .z-apc__track {
    left: auto;
    right: 0.9950248756vw;
  }
  #apc .z-apc__s-goods .z-apc__thumb {
    left: auto;
    right: 0.7462686567vw;
  }
  #apc .z-apc__s-goods .z-apc__fadeb {
    width: calc(100% - 3.9800995025vw);
  }
  #apc .z-apc__soon {
    height: 64.6766169154vw;
  }
  #apc .z-apc__s-movie.is-soon {
    left: 4.9751243781vw;
    width: auto;
    top: 15.4228855721vw;
    gap: 0;
  }
  #apc .z-apc__s-movie.is-soon .z-apc__soon {
    margin-top: 0.9950248756vw;
  }
  #apc .z-apc__soon-img {
    left: calc(50% - 13.4328358209vw);
    top: 21.3930348259vw;
    width: 28.855721393vw;
  }
  #apc .z-apc__soon-txt {
    top: 43.5323383085vw;
    font-size: 6.4676616915vw;
  }
  #apc .z-apc__tile {
    width: calc((100% - 3.9800995025vw) / 3);
    height: auto;
    aspect-ratio: 110/138;
  }
  #apc .z-apc__popup {
    left: 0;
    right: 0;
    top: 27.3631840796vw;
    bottom: 0;
    width: auto;
    height: auto;
    transform: translateY(5.9701492537vw);
    border: 0;
    border-top: 1px solid var(--fg-22);
  }
  #apc .z-apc__popup.on {
    transform: none;
  }
  #apc .z-apc__popup .z-apc__ph {
    padding: 4.9751243781vw 4.9751243781vw 3.9800995025vw;
  }
  #apc .z-apc__popup .z-apc__ph .z-apc__en {
    font-size: 8.4577114428vw;
  }
  #apc .z-apc__popup .z-apc__ph .z-apc__ja {
    font-size: 2.4875621891vw;
  }
  #apc .z-apc__popup .z-apc__scroller {
    padding: 4.9751243781vw 7.4626865672vw 6.9651741294vw 4.9751243781vw;
  }
  #apc .z-apc__popup .z-apc__track {
    right: 2.2388059701vw;
    top: 4.7263681592vw;
  }
  #apc .z-apc__popup .z-apc__thumb {
    right: 1.9900497512vw;
    top: 4.7263681592vw;
  }
  #apc .z-apc__popup-video {
    bottom: auto;
    border-bottom: 1px solid var(--fg-22);
  }
  #apc .z-apc__vwrap {
    padding: 9.9502487562vw 4.9751243781vw 6.9651741294vw;
  }
  #apc .z-apc__vcap {
    margin-top: 2.9850746269vw;
    font-size: 2.9850746269vw;
  }
  #apc .z-apc__items {
    gap: 4.9751243781vw;
  }
  #apc .z-apc__item {
    gap: 1.4925373134vw;
  }
  #apc .z-apc__item .z-apc__d {
    font-size: 2.4875621891vw;
    letter-spacing: 0.12em;
  }
  #apc .z-apc__item .z-apc__t {
    font-size: 3.2338308458vw;
    letter-spacing: 0.04em;
  }
  #apc .z-apc__item .z-apc__x {
    font-size: 2.6119402985vw;
    letter-spacing: 0.06em;
  }
  #apc .z-apc__seats {
    gap: 1.9900497512vw;
    margin-bottom: 7.4626865672vw;
  }
  #apc .z-apc__seat .z-apc__n {
    width: auto;
    min-width: 20.8955223881vw;
    white-space: nowrap;
    font-size: 3.3582089552vw;
    letter-spacing: 0.06em;
  }
  #apc .z-apc__seat .z-apc__p {
    font-size: 2.8606965174vw;
    letter-spacing: 0.04em;
  }
  #apc .z-apc__seat:first-child {
    padding-bottom: 2.4875621891vw;
  }
  #apc .z-apc__seat:first-child .z-apc__n {
    font-size: 4.4776119403vw;
  }
  #apc .z-apc__seat:first-child .z-apc__p {
    font-size: 3.7313432836vw;
  }
  #apc .z-apc__seat:not(:first-child) .z-apc__n {
    font-size: 2.9850746269vw;
  }
  #apc .z-apc__acc-h .z-apc__tt {
    font-size: 3.4825870647vw;
    letter-spacing: 0.04em;
  }
  #apc .z-apc__acc-b {
    gap: 3.4825870647vw;
    padding: 0 0 4.9751243781vw 4.9751243781vw;
  }
  #apc .z-apc__per .z-apc__l {
    font-size: 2.6119402985vw;
  }
  #apc .z-apc__per .z-apc__v {
    font-size: 3.7313432836vw;
  }
  #apc .z-apc__notes p {
    font-size: 2.736318408vw;
    letter-spacing: 0.02em;
  }
  #apc .z-apc__tnotes {
    margin: -1.9900497512vw 0 4.9751243781vw;
  }
  #apc .z-apc__tcontact {
    margin: 5.9701492537vw 0 0;
  }
  #apc .z-apc__apply {
    width: 100%;
    height: 11.9402985075vw;
  }
  #apc .z-apc__apply .z-apc__a {
    font-size: 3.9800995025vw;
  }
  #apc .z-apc__apply .z-apc__b {
    font-size: 2.4875621891vw;
  }
  #apc .z-apc__apply .z-apc__a-jp {
    font-size: 3.2338308458vw;
  }
  #apc .z-apc__applies {
    flex-direction: column;
    gap: 1.9900497512vw;
  }
  #apc .z-apc__apply-note {
    margin-top: 3.2338308458vw;
  }
  #apc .z-apc__applies .z-apc__apply {
    width: 100%;
  }
}

#apc .z-apc__ap-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(81.9444444444vw, 1180px);
  height: auto;
  transform: translate(-50%, -46%);
  opacity: 0.6;
  pointer-events: none;
  -webkit-mask-image: radial-gradient(closest-side, #000 62%, transparent);
  mask-image: radial-gradient(closest-side, #000 62%, transparent);
}
#apc .z-apc__ap-title {
  left: 50%;
  top: min(2.4305555556vw, 35px);
  width: min(28.4027777778vw, 409px);
  transform: translateX(-50%);
}
#apc .z-apc__ap-title img {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(1.2px 0 0 rgba(255, 143, 199, 0.4)) drop-shadow(-1.2px 0 0 rgba(128, 245, 224, 0.45)) drop-shadow(0 0 6px rgba(255, 255, 255, 0.35));
}
#apc .z-apc__ap-back {
  right: min(2.4305555556vw, 35px);
  top: min(3.75vw, 54px);
  min-width: min(13.6111111111vw, 196px);
  height: min(2.5vw, 36px);
  display: flex;
  align-items: center;
  gap: min(0.8333333333vw, 12px);
  padding: 0 min(1.25vw, 18px) 0 min(1.3888888889vw, 20px);
  background: var(--fg);
  color: #000;
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: 0;
  transition: opacity 0.2s;
}
#apc .z-apc__ap-back:hover {
  opacity: 0.8;
}
#apc .z-apc__ap-back .z-apc__t, #apc .z-apc__ap-back .z-apc__s {
  letter-spacing: 0;
  white-space: nowrap;
}
#apc .z-apc__ap-back img {
  width: min(0.5555555556vw, 8px);
  height: min(0.625vw, 9px);
}
#apc .z-apc__ap-back .z-apc__t {
  font-family: var(--cond);
  font-weight: 600;
  font-size: min(1.1111111111vw, 16px);
  line-height: 1;
  transform: translateY(-0.06em);
}
#apc .z-apc__ap-back .z-apc__sp {
  flex: 1;
}
#apc .z-apc__ap-back .z-apc__s {
  flex: none;
  font-family: var(--jp);
  font-weight: 700;
  font-size: min(0.6944444444vw, 10px);
  line-height: 1;
}
#apc .z-apc__ap-panel {
  left: min(2.3611111111vw, 34px);
  right: min(2.3611111111vw, 34px);
  top: min(9.7916666667vw, 141px);
  bottom: min(2.0138888889vw, 29px);
  display: flex;
  flex-direction: column;
  background: rgba(5, 6, 6, 0.82);
  border: 1px solid var(--fg-22);
}
#apc .z-apc__ap-head {
  flex: none;
  padding: min(2.2222222222vw, 32px) min(3.0555555556vw, 44px) min(1.5277777778vw, 22px);
  border-bottom: 1px solid var(--fg-16);
}
#apc .z-apc__ap-ttl {
  margin: 0;
  font-family: var(--jp);
  font-weight: 700;
  font-size: min(1.3888888889vw, 20px);
  line-height: 1.18;
  color: var(--fg);
  text-shadow: -1.2px 0 0 rgba(128, 245, 224, 0.45), 1.2px 0 0 rgba(255, 143, 199, 0.4);
}
#apc .z-apc__ap-sbox {
  position: relative;
  flex: 1;
  min-height: 0;
}
#apc .z-apc__ap-scroller {
  height: 100%;
  overflow-y: auto;
  scrollbar-width: none;
  overscroll-behavior: contain;
  padding: min(3.3333333333vw, 48px) min(3.8888888889vw, 56px) min(3.8888888889vw, 56px) min(3.0555555556vw, 44px);
}
#apc .z-apc__ap-scroller::-webkit-scrollbar {
  display: none;
}
#apc .z-apc__ap-track {
  position: absolute;
  right: min(1.1805555556vw, 17px);
  top: min(0.9722222222vw, 14px);
  bottom: min(6.25vw, 90px);
  width: 1px;
  background: rgba(236, 239, 238, 0.18);
  pointer-events: none;
}
#apc .z-apc__ap-thumb {
  position: absolute;
  right: min(1.1111111111vw, 16px);
  top: min(0.9722222222vw, 14px);
  width: 3px;
  border-radius: 1.5px;
  background: rgba(236, 239, 238, 0.85);
  pointer-events: none;
}
#apc .z-apc__ap-body {
  font-family: var(--jp);
  color: #fff;
  overflow-wrap: anywhere;
}
#apc .z-apc__ap-body h2, #apc .z-apc__ap-body h3 {
  margin: 0 0 min(1.1805555556vw, 17px);
  padding: min(0.6944444444vw, 10px) min(0.9027777778vw, 13px);
  background: #d9d9d9;
  color: #000;
  font-weight: 500;
  font-size: min(1.0416666667vw, 15px);
  line-height: 1.6;
  letter-spacing: 0.04em;
}
#apc .z-apc__ap-body h4, #apc .z-apc__ap-body dt {
  position: relative;
  margin: 0 0 min(0.5555555556vw, 8px);
  padding-left: min(0.9027777778vw, 13px);
  color: var(--fg);
  font-weight: 500;
  font-size: min(1.0416666667vw, 15px);
  line-height: 1.6;
  letter-spacing: 0.04em;
}
#apc .z-apc__ap-body h4::before, #apc .z-apc__ap-body dt::before {
  content: "";
  position: absolute;
  left: min(0.0694444444vw, 1px);
  top: 50%;
  width: min(0.3472222222vw, 5px);
  height: min(0.4166666667vw, 6px);
  margin-top: max(-0.2083333333vw, -3px);
  background: url(../img/special/apicula/z-apc_lang_hex.svg) no-repeat center/contain;
}
#apc .z-apc__ap-body p, #apc .z-apc__ap-body dd {
  margin: 0 0 min(1.875vw, 27px);
  font-size: min(0.9722222222vw, 14px);
  line-height: 2;
  letter-spacing: 0.06em;
}
#apc .z-apc__ap-body ul, #apc .z-apc__ap-body ol {
  margin: 0 0 min(1.9444444444vw, 28px);
  padding: 0;
  list-style: none;
}
#apc .z-apc__ap-body li, #apc .z-apc__ap-body .note {
  font-size: min(0.8333333333vw, 12px);
  line-height: 2;
  letter-spacing: 0.06em;
}
#apc .z-apc__ap-body dl {
  margin: 0;
}
#apc .z-apc__ap-body a {
  color: inherit;
}
#apc .z-apc__ap-body strong, #apc .z-apc__ap-body b {
  font-weight: 700;
}
#apc .z-apc__ap-body .cmn-box + .cmn-box {
  margin-top: min(3.4722222222vw, 50px);
}
#apc .z-apc__ap-body .btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: min(1.1111111111vw, 16px);
  width: min(20.8333333333vw, 300px);
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  position: static !important;
  transform: none !important;
  float: none !important;
  min-height: min(3.4722222222vw, 50px);
  height: auto;
  white-space: normal;
  text-align: left;
  line-height: 1.5;
  border: 0;
  margin-top: min(2.7083333333vw, 39px);
  padding: min(0.8333333333vw, 12px) min(1.3888888889vw, 20px);
  background: var(--fg);
  color: #000;
  font-weight: 700;
  font-size: min(0.7638888889vw, 11px);
  letter-spacing: 0.02em;
  text-decoration: none;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transition: opacity 0.2s;
}
#apc .z-apc__ap-body .btn::after {
  content: "→";
  flex: none;
}
#apc .z-apc__ap-body .btn > * {
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit;
  line-height: inherit;
}
#apc .z-apc__ap-body .btn br {
  display: none;
}
#apc .z-apc__ap-body .btn:hover {
  opacity: 0.8;
}
#apc .z-apc__ap-body > :last-child, #apc .z-apc__ap-body .cmn-box > :last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #apc .z-apc__ap-bg {
    width: 179.1044776119vw;
    transform: translate(-50%, -42%);
  }
  #apc .z-apc__ap-title {
    top: 15.4228855721vw;
    width: 55.5721393035vw;
  }
  #apc .z-apc__ap-back {
    right: 3.9800995025vw;
    top: 5.4726368159vw;
    min-width: 0;
    height: 6.4676616915vw;
    gap: 1.4925373134vw;
    padding: 0 2.736318408vw 0 2.4875621891vw;
  }
  #apc .z-apc__ap-back img {
    width: 1.7412935323vw;
    height: 1.9900497512vw;
  }
  #apc .z-apc__ap-back .z-apc__t {
    font-size: 2.9850746269vw;
    transform: translateY(-0.01em);
  }
  #apc .z-apc__ap-back .z-apc__sp {
    flex: none;
    width: 0.9950248756vw;
  }
  #apc .z-apc__ap-back .z-apc__s {
    font-size: 2.1144278607vw;
  }
  #apc .z-apc__ap-panel {
    left: 2.9850746269vw;
    right: 2.9850746269vw;
    top: 31.3432835821vw;
    bottom: 2.9850746269vw;
  }
  #apc .z-apc__ap-head {
    padding: 4.4776119403vw 4.9751243781vw 3.4825870647vw;
  }
  #apc .z-apc__ap-ttl {
    font-size: 3.4825870647vw;
    line-height: 1.5;
  }
  #apc .z-apc__ap-scroller {
    padding: 5.4726368159vw 6.4676616915vw 7.960199005vw 4.4776119403vw;
  }
  #apc .z-apc__ap-track {
    right: 2.4875621891vw;
    top: 2.9850746269vw;
    bottom: 2.9850746269vw;
  }
  #apc .z-apc__ap-thumb {
    right: 2.2388059701vw;
    top: 2.9850746269vw;
  }
  #apc .z-apc__ap-body h2, #apc .z-apc__ap-body h3 {
    margin-bottom: 3.4825870647vw;
    padding: 1.9900497512vw 2.4875621891vw;
    font-size: 3.2338308458vw;
  }
  #apc .z-apc__ap-body h4, #apc .z-apc__ap-body dt {
    margin-bottom: 1.4925373134vw;
    padding-left: 2.9850746269vw;
    font-size: 3.3582089552vw;
  }
  #apc .z-apc__ap-body h4::before, #apc .z-apc__ap-body dt::before {
    left: 0.2487562189vw;
    width: 1.2437810945vw;
    height: 1.4925373134vw;
    margin-top: -0.7462686567vw;
  }
  #apc .z-apc__ap-body p, #apc .z-apc__ap-body dd {
    margin-bottom: 5.4726368159vw;
    font-size: 3.1094527363vw;
  }
  #apc .z-apc__ap-body ul, #apc .z-apc__ap-body ol {
    margin-bottom: 5.9701492537vw;
  }
  #apc .z-apc__ap-body li, #apc .z-apc__ap-body .note {
    font-size: 2.736318408vw;
  }
  #apc .z-apc__ap-body .cmn-box + .cmn-box {
    margin-top: 9.9502487562vw;
  }
  #apc .z-apc__ap-body .btn {
    width: 100% !important;
    min-height: 10.9452736318vw;
    margin-top: 1.9900497512vw;
    padding: 2.4875621891vw 4.4776119403vw;
    font-size: 2.8606965174vw;
  }
}

#apc .z-apc__ap-head--goods {
  padding-top: min(1.8055555556vw, 26px);
  padding-bottom: min(1.25vw, 18px);
}
#apc .z-apc__ap-head--goods .z-apc__en {
  font-size: min(3.1944444444vw, 46px);
}
#apc .z-apc__ap-head--goods .z-apc__ja {
  font-size: min(0.8333333333vw, 12px);
}
#apc .goods-wrap {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(11.8055555556vw, 170px), 1fr));
  gap: min(1.6666666667vw, 24px) min(0.9722222222vw, 14px);
  min-height: min(16.6666666667vw, 240px);
}
#apc .goods-wrap.is-loading, #apc .goods-wrap.is-error {
  display: flex;
  align-items: center;
  justify-content: center;
}
#apc .z-apc__gstate {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  gap: min(0.9722222222vw, 14px);
  color: var(--fg-62);
  text-align: center;
}
#apc .z-apc__gmsg {
  font-family: var(--cond);
  font-weight: 600;
  font-size: min(0.9722222222vw, 14px);
  letter-spacing: 0.2em;
}
#apc .is-error .z-apc__gmsg {
  font-family: var(--jp);
  font-weight: 500;
  font-size: min(0.9027777778vw, 13px);
  letter-spacing: 0.06em;
}
#apc .z-apc__gload {
  display: flex;
  gap: min(0.5555555556vw, 8px);
}
#apc .z-apc__gload i {
  width: min(0.6944444444vw, 10px);
  height: min(0.8333333333vw, 12px);
  background: var(--fg);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  animation: z-apc-gload 1.1s ease-in-out infinite;
}
#apc .z-apc__gload i:nth-child(2) {
  animation-delay: 0.15s;
}
#apc .z-apc__gload i:nth-child(3) {
  animation-delay: 0.3s;
}
#apc .z-apc__gitem {
  display: flex;
  flex-direction: column;
  gap: min(0.6944444444vw, 10px);
  min-width: 0;
  text-align: left;
  color: var(--fg);
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition-delay: calc(min(var(--i, 0), 20) * 40ms);
}
#apc .is-ready .z-apc__gitem {
  opacity: 1;
  transform: none;
}
#apc .z-apc__gimg {
  position: relative;
  display: block;
  aspect-ratio: 161/201;
  border: 1px solid rgba(236, 239, 238, 0.14);
  background: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  transition: border-color 0.25s;
}
#apc .z-apc__gimg img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
#apc .z-apc__gitem:hover .z-apc__gimg, #apc .z-apc__gitem:focus-visible .z-apc__gimg {
  border-color: rgba(236, 239, 238, 0.6);
}
#apc .z-apc__gitem:hover .z-apc__gimg img {
  transform: scale(1.04);
}
#apc .z-apc__gtxt {
  display: flex;
  flex-direction: column;
  gap: min(0.2777777778vw, 4px);
}
#apc .z-apc__gtn {
  font-family: var(--jp);
  font-weight: 500;
  font-size: min(0.8333333333vw, 12px);
  line-height: 1.5;
  letter-spacing: 0.04em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#apc .z-apc__gtp {
  font-family: var(--cond);
  font-weight: 500;
  font-size: min(0.8333333333vw, 12px);
  letter-spacing: 0.06em;
  color: var(--fg-62);
}
#apc .z-apc__gpop {
  width: min(38.8888888889vw, 560px);
  height: auto;
  max-height: calc(100% - min(4.1666666667vw, 60px));
}
#apc .z-apc__gbody {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: none;
  padding: min(3.0555555556vw, 44px) min(3.0555555556vw, 44px) min(2.5vw, 36px);
}
#apc .z-apc__gbody::-webkit-scrollbar {
  display: none;
}
#apc .z-apc__gview {
  position: relative;
}
#apc .z-apc__gslider {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  aspect-ratio: 1/1;
  background: #000;
  border: 1px solid var(--fg-16);
}
#apc .z-apc__gslider::-webkit-scrollbar {
  display: none;
}
#apc .z-apc__gslide {
  flex: 0 0 100%;
  scroll-snap-align: start;
  display: flex;
  align-items: center;
  justify-content: center;
}
#apc .z-apc__gslide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#apc .z-apc__garrow {
  position: absolute;
  top: 50%;
  width: min(2.4305555556vw, 35px);
  height: min(2.7083333333vw, 39px);
  margin-top: max(-1.3541666667vw, -19.5px);
  cursor: pointer;
}
#apc .z-apc__garrow img {
  width: 100%;
  height: 100%;
}
#apc .z-apc__garrow--prev {
  left: min(0.4166666667vw, 6px);
}
#apc .z-apc__garrow--prev img {
  transform: scaleX(-1);
}
#apc .z-apc__garrow--next {
  right: min(0.4166666667vw, 6px);
}
#apc .is-single .z-apc__garrow {
  display: none;
}
#apc .z-apc__gdots {
  display: flex;
  justify-content: center;
  gap: min(0.5555555556vw, 8px);
  margin-top: min(0.8333333333vw, 12px);
}
#apc .z-apc__gdots button {
  width: min(0.4861111111vw, 7px);
  height: min(0.5555555556vw, 8px);
  background: rgba(236, 239, 238, 0.3);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  cursor: pointer;
}
#apc .z-apc__gdots button.active {
  background: var(--fg);
}
#apc .z-apc__ginfo {
  margin-top: min(1.3888888889vw, 20px);
}
#apc .z-apc__gname {
  font-family: var(--jp);
  font-weight: 700;
  font-size: min(1.1111111111vw, 16px);
  line-height: 1.6;
  letter-spacing: 0.04em;
}
#apc .z-apc__gspec {
  margin: min(0.8333333333vw, 12px) 0 min(1.6666666667vw, 24px);
  border-top: 1px solid var(--fg-16);
}
#apc .z-apc__gspec > div {
  display: flex;
  gap: min(1.3888888889vw, 20px);
  padding: min(0.6944444444vw, 10px) 0;
  border-bottom: 1px solid var(--fg-16);
}
#apc .z-apc__gspec dt {
  flex: none;
  width: min(3.8888888889vw, 56px);
  font-family: var(--cond);
  font-weight: 600;
  font-size: min(0.8333333333vw, 12px);
  letter-spacing: 0.12em;
  color: var(--fg-62);
}
#apc .z-apc__gspec dd {
  margin: 0;
  font-family: var(--jp);
  font-weight: 500;
  font-size: min(0.9027777778vw, 13px);
  line-height: 1.6;
}
#apc .z-apc__gbuy {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #apc .z-apc__ap-head--goods {
    padding-top: 3.9800995025vw;
    padding-bottom: 2.9850746269vw;
  }
  #apc .z-apc__ap-head--goods .z-apc__en {
    font-size: 8.4577114428vw;
  }
  #apc .z-apc__ap-head--goods .z-apc__ja {
    font-size: 2.4875621891vw;
  }
  #apc .goods-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4.9751243781vw 2.4875621891vw;
    min-height: 49.7512437811vw;
  }
  #apc .z-apc__gstate {
    gap: 2.9850746269vw;
  }
  #apc .z-apc__gmsg {
    font-size: 3.2338308458vw;
  }
  #apc .is-error .z-apc__gmsg {
    font-size: 2.9850746269vw;
  }
  #apc .z-apc__gload {
    gap: 1.7412935323vw;
  }
  #apc .z-apc__gload i {
    width: 2.2388059701vw;
    height: 2.736318408vw;
  }
  #apc .z-apc__gitem {
    gap: 1.9900497512vw;
  }
  #apc .z-apc__gtn, #apc .z-apc__gtp {
    font-size: 2.736318408vw;
  }
  #apc .z-apc__gpop {
    width: auto;
    max-height: none;
  }
  #apc .z-apc__gbody {
    padding: 9.9502487562vw 4.9751243781vw 6.9651741294vw;
  }
  #apc .z-apc__garrow {
    width: 7.4626865672vw;
    height: 8.2089552239vw;
    margin-top: -4.1044776119vw;
  }
  #apc .z-apc__gdots {
    gap: 1.9900497512vw;
    margin-top: 2.4875621891vw;
  }
  #apc .z-apc__gdots button {
    width: 1.7412935323vw;
    height: 1.9900497512vw;
  }
  #apc .z-apc__ginfo {
    margin-top: 3.9800995025vw;
  }
  #apc .z-apc__gname {
    font-size: 3.4825870647vw;
  }
  #apc .z-apc__gspec {
    margin: 2.4875621891vw 0 4.9751243781vw;
  }
  #apc .z-apc__gspec > div {
    gap: 3.9800995025vw;
    padding: 2.2388059701vw 0;
  }
  #apc .z-apc__gspec dt {
    width: 11.9402985075vw;
    font-size: 2.736318408vw;
  }
  #apc .z-apc__gspec dd {
    font-size: 2.9850746269vw;
  }
}

@keyframes z-apc-gload {
  0%, 100% {
    opacity: 0.2;
    transform: scale(0.85);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}

/*# sourceMappingURL=apicula.css.map */
