:root{--blue:#1A86C9;--navy:#0F3150;--light:#EAF4FB;--text:#3A3A3A;--gray:#6B7380}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:#DCE9F3;color:var(--text);font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",sans-serif;line-height:1.7}
.lp{max-width:600px;margin:0 auto;background:#fff}
.part{position:relative}
.part img{display:block;width:100%;height:auto}
.hot{position:absolute;border-radius:999px}
.hot:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.info{padding:28px 7% 32px;background:var(--light)}
.info dl{display:grid;gap:10px}
.info dl div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;background:#fff;border-radius:12px;padding:14px 18px}
.info dt{color:var(--blue);font-size:15px}
.info dd{color:var(--navy);font-size:20px}
.note{margin-top:12px;font-size:14px;color:var(--gray)}
.name{text-align:center;color:var(--navy);font-size:20px;letter-spacing:.06em}
.price{background:#fff;border-radius:16px;padding:22px 18px 18px;text-align:center;border:1.5px solid var(--blue)}
.price-label{color:var(--blue);font-size:15px;letter-spacing:.08em}
.price-num{color:var(--navy);font-size:40px;line-height:1.2;font-weight:500;margin:4px 0}
.price-cond{display:inline-block;background:#FFD84D;color:var(--navy);font-size:14px;border-radius:999px;padding:3px 14px}
.price-lead{margin-top:18px;color:var(--navy);font-size:17px;text-align:center;word-break:keep-all;line-break:strict}
.info .note{text-align:center}
.sub{margin:26px 0 10px;color:var(--navy);font-size:17px;font-weight:500;border-left:4px solid var(--blue);padding-left:10px}
.list{list-style:none;padding:0;display:grid;gap:6px}
.list li{position:relative;background:#fff;border-radius:10px;padding:10px 14px 10px 38px;font-size:15px}
.list li::before{position:absolute;left:14px;top:10px;font-weight:700}
.list.in li::before{content:"✓";color:var(--blue)}
.list.out li::before{content:"−";color:var(--gray)}
.list.out li{color:var(--gray)}
.list.cond li::before{content:"・";color:var(--navy)}
.info dl{margin-top:24px}
.sp{display:none}
@media (max-width:480px){.sp{display:inline}}