*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background:#120d08;color:#0b0907;font-family:"Hiragino Sans","Noto Sans JP",sans-serif}main{max-width:760px;margin:auto;background:#f7f0dc;box-shadow:0 0 70px #102c3815}section{position:relative;margin:0;line-height:0}section img{display:block;width:100%;height:auto}a{color:inherit}a:focus-visible{outline:4px solid #18a6ad;outline-offset:4px}.cta-slot{padding:20px 0 24px;background:#0b0907;display:flex;justify-content:center}.cta{display:block;width:calc(100% - 32px);max-width:560px;height:84px;min-height:56px;background:url("assets/cta-1.svg") center/100% 100% no-repeat;filter:drop-shadow(0 5px 9px #0003);transition:filter .2s,transform .2s}.cta:hover{filter:drop-shadow(0 6px 11px #0004) brightness(1.06);transform:translateY(-1px)}.proof-link{position:absolute;left:12%;right:12%;bottom:2%;height:9%;border-radius:8px}.proof-link:hover{box-shadow:inset 0 0 0 2px #d7af58}.sticky{position:fixed;bottom:0;padding-bottom:env(safe-area-inset-bottom);left:0;right:0;display:flex;justify-content:center;z-index:10;pointer-events:none}.sticky .cta{pointer-events:auto}.sticky[hidden]{display:none}body[data-cta="2"] .cta{background-image:url("assets/cta-2.svg")}body[data-cta="3"] .cta{background-image:url("assets/cta-3.svg")}body[data-cta="4"] .cta{background-image:url("assets/cta-4.svg")}footer{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;padding:24px 20px 110px;background:#0b0907;color:#fff;font-size:13px;line-height:1.8}footer a{min-height:44px;display:flex;align-items:center}@media(max-width:600px){.cta{height:max(56px,15vw)}.cta-slot{padding:15px 0 20px}footer{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta{transition:none}}

.camp-video{padding:0 24px 32px;background:#0b0907;line-height:normal}
.video-frame{position:relative;overflow:hidden;border:2px solid #d7af58;box-shadow:0 8px 32px #d7af5820;border-radius:4px;background:#000}
.video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9}
.video-sound,.video-retry{position:absolute;top:12px;right:12px;min-height:44px;padding:10px 16px;border:1px solid #f1ce76;border-radius:6px;background:#130b08e8;color:#fff;font:600 14px/1.4 "Hiragino Sans","Noto Sans JP",sans-serif;cursor:pointer;box-shadow:0 2px 12px #0005}
.video-retry{top:50%;right:50%;transform:translate(50%,-50%);background:#a80f22}
.video-sound[hidden],.video-retry[hidden]{display:none}
.video-sound:focus-visible,.video-retry:focus-visible{outline:3px solid white;outline-offset:3px}
@media(max-width:600px){.camp-video{padding:0 12px 24px}.video-sound{top:8px;right:8px;padding:8px 12px;font-size:13px}}

.cta{position:relative;isolation:isolate;overflow:hidden;max-width:680px;height:124px;border-radius:18px;filter:drop-shadow(0 5px 0 #351004) drop-shadow(0 0 13px #ffd57b65);animation:cta-glow 3.8s ease-in-out infinite}
.cta:hover{filter:drop-shadow(0 6px 0 #351004) drop-shadow(0 0 22px #ffe398aa) brightness(1.08);transform:translateY(-2px)}
.cta:active{transform:translateY(2px)}
.cta::before{content:"";position:absolute;inset:-60% -40%;z-index:1;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#fff9dc00 44%,#fff9dc85 49%,#ffffffd9 50%,#fff9dc85 51%,transparent 56%);transform:translateX(-105%);animation:cta-shine 3.8s ease-in-out infinite}
.cta::after{content:"";position:absolute;right:5%;top:6%;width:24px;height:24px;z-index:2;pointer-events:none;background:#fffce4;clip-path:polygon(50% 0,59% 38%,100% 50%,59% 62%,50% 100%,41% 62%,0 50%,41% 38%);filter:drop-shadow(0 0 5px #ffe590);animation:cta-sparkle 3.8s ease-in-out infinite}
body[data-cta="2"] .cta{border-radius:8px}
body[data-cta="3"] .cta{border-radius:12px}
body[data-cta="4"] .cta{border-radius:52px}
.cta-slot{padding:22px 0 28px}
.sticky{padding-bottom:calc(env(safe-area-inset-bottom) + 4px)}
.sticky .cta{pointer-events:auto}
@keyframes cta-shine{0%,18%{transform:translateX(-105%);opacity:0}22%{opacity:1}46%,100%{transform:translateX(105%);opacity:0}}
@keyframes cta-sparkle{0%,24%,58%,100%{transform:scale(.5) rotate(0);opacity:.3}39%{transform:scale(1.15) rotate(90deg);opacity:1}}
@keyframes cta-glow{0%,100%{box-shadow:0 0 10px #f7c76122}42%{box-shadow:0 0 25px #f7c76166}}
@media(max-width:600px){.cta{height:92px;width:calc(100% - 16px)}.cta-slot{padding:18px 0 24px}.cta::after{width:18px;height:18px;right:5%;top:7%}}
@media(max-width:600px){.cta,body[data-cta="1"] .cta{background-image:url("assets/cta-1-mobile.svg")}body[data-cta="2"] .cta{background-image:url("assets/cta-2-mobile.svg")}body[data-cta="3"] .cta{background-image:url("assets/cta-3-mobile.svg")}body[data-cta="4"] .cta{background-image:url("assets/cta-4-mobile.svg")}}
@media(prefers-reduced-motion:reduce){.cta,.cta::before,.cta::after{animation:none}.cta::before{display:none}.cta::after{opacity:.6}.cta:hover{transform:none}}

.cta-slot{flex-direction:column;align-items:center;gap:18px}.cta-guide{margin:0;padding:0 16px;max-width:680px;text-align:center;color:#fff1cc;font-size:16px;font-weight:600;line-height:1.8;letter-spacing:.02em}@media(max-width:600px){.cta-slot{gap:14px}.cta-guide{padding:0 18px;font-size:14px;line-height:1.8}}