/* 2026/10専用。旧キャンペーンのクラスは使用しない。 */
.ll-cp261001 {width: min(92vw, 800px); margin: 30px auto; container-type: inline-size;}
.ll-cp261001 .ll-cp261001__trial {display: block; position: relative;}
.ll-cp261001 .ll-cp261001__image {display: block; width: 100%; height: auto; margin: 0; padding: 0; border: 0;}
.ll-cp261001 .ll-cp261001__membership {position: relative; margin-top: 20px;}
.ll-cp261001 .ll-cp261001__deadline {
  position: absolute; left: 24%; top: 58.97%; width: 52%; height: 8.35%;
  display: flex; align-items: center; justify-content: center;
  margin: 0; padding: 0; color: #fff2b5;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(16px, 4vw, 34px); font-size: 4.25cqw;
  font-weight: bold; line-height: 1.2; text-align: center; white-space: nowrap;
}
.ll-cp261001 .ll-cp261001__date {
  display: inline-flex; align-items: baseline; justify-content: center;
  white-space: nowrap; color: #fff2b5;
}
.ll-cp261001 .ll-cp261001__date > span {
  display: inline-block; margin: 0; padding: 0;
  font-family: "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(17px, 4.4vw, 38px); font-size: 4.75cqw;
  font-weight: bold; line-height: 1.15; text-align: center;
  color: #fff2b5;
  background: linear-gradient(to bottom, #ffffff 15%, #fff9e6 48%, #e9bb58 95%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ll-cp261001 .ll-cp261001__date > .ll-cp261001__date-number {
  font-size: clamp(28px, 7.7vw, 67px); font-size: 8.4cqw;
  letter-spacing: -.035em;
}
.ll-cp261001 .ll-cp261001__date > .ll-cp261001__date-suffix {
  font-size: clamp(16px, 4.1vw, 36px); font-size: 4.5cqw;
}
.ll-cp261001 .ll-cp261001__slots {
  position: absolute; left: 48.5%; top: 69.9%; width: 9%; height: 7.25%;
  display: flex; align-items: center; justify-content: center;
  margin: 0; padding: 0; color: #bd0929;
  font-family: Arial, sans-serif; font-size: clamp(18px, 4.8vw, 42px); font-size: 5.25cqw;
  font-weight: bold; line-height: 1; text-align: center;
}
/* cp261002: 上ボタン (93,637)-(709,736) / 800x762 */
.ll-cp261001 .ll-cp261001__reserve {position: absolute; left: 11.625%; top: 83.596%; width: 77%; height: 12.992%; border-radius: 999px;}
/* cp261002: 下ボタン (90,650)-(712,747) / 800x814 */
.ll-cp261001 .ll-cp261001__join {position: absolute; left: 11.25%; top: 79.853%; width: 77.75%; height: 11.916%; border-radius: 999px;}
/* 画像に描かれたボタンだけを白く透かす。透明なリンク自体のopacityでは画像は変化しないため、専用オーバーレイを使用。 */
.ll-cp261001 a.alpha {opacity: 1 !important; background: transparent; transition: background-color .3s;}
.ll-cp261001 a.alpha:hover,
.ll-cp261001 a.alpha:focus-visible {background-color: rgba(255,255,255,.6);}
.ll-cp261001 a:focus-visible {outline: 3px solid #fff2b5; outline-offset: 3px;}
@media (max-width: 800px) {
  .ll-cp261001 {width: 100vw; margin-top: 5vw; margin-bottom: 5vw;}
  .ll-cp261001 .ll-cp261001__membership {margin-top: 3vw;}
}
