/* なべのだいどころ。メルマガ 画像LP（縦長パネル5枚＋登録フォーム） */
:root{
  --bg:#FBFAF7; --surface:#FFFFFF; --border:#E8E1D4; --text:#23201A; --text-2:#5A5248; --text-3:#6E6357;
  --gold:#B89B5E; --gold-deep:#7A6430; --orange:#E8590C; --brick:#8C4F3F;
  --r-card:16px; --r-btn:10px; --sh-lg:0 10px 30px rgba(31,27,22,.12);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Noto Sans JP",-apple-system,sans-serif;background:#F3EFE7;color:var(--text);line-height:1.85;-webkit-font-smoothing:antialiased;word-break:auto-phrase;overflow-wrap:break-word}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}

/* パネルはスマホ幅いっぱい。PCでは中央に540pxのスマホ幅で表示 */
.lp{max-width:540px;margin:0 auto;background:var(--bg);box-shadow:0 0 40px rgba(31,27,22,.08)}
.panel{width:100%}
.panel-link{display:block}

/* 登録フォーム */
.form-card{background:var(--surface);padding:34px 22px 36px;border-top:1px solid var(--border)}
.form-card h2{font-size:21px;font-weight:700;line-height:1.45;margin-bottom:10px}
.form-card__lead{font-size:14px;color:var(--text-2);margin-bottom:22px}
label{display:block;font-size:13.5px;font-weight:700;margin-bottom:8px}
input[type=email]{width:100%;font-size:16px;padding:15px 16px;border:1.5px solid var(--border);border-radius:var(--r-btn);margin-bottom:16px;background:#fff;font-family:inherit}
input[type=email]:focus{outline:2px solid var(--gold);border-color:var(--gold)}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.cf-turnstile{margin-bottom:16px}
.btn{display:block;width:100%;text-align:center;font-size:16.5px;font-weight:700;padding:17px 20px;border:none;border-radius:var(--r-btn);background:var(--orange);color:#fff;cursor:pointer;font-family:inherit;box-shadow:0 6px 18px rgba(232,89,12,.3)}
.btn:disabled{opacity:.55;cursor:default}
.form-card__note{font-size:12.5px;color:var(--text-3);text-align:center;margin-top:12px}
.msg{margin-top:14px;font-size:14px;display:none}
.msg.ok{display:block;color:var(--gold-deep)}
.msg.ng{display:block;color:#a33}
.form-card__foot{margin-top:22px;font-size:12px;color:var(--text-3);line-height:1.7;border-top:1px solid var(--border);padding-top:16px}
.form-card__foot a{text-decoration:underline}

/* 追従ボタン（1枚目を過ぎたら出る・フォームが見えたら消える） */
.sticky-cta{position:fixed;left:50%;bottom:16px;transform:translate(-50%,120%);width:min(92vw,500px);text-align:center;background:var(--orange);color:#fff;font-weight:700;font-size:16px;padding:16px 20px;border-radius:var(--r-btn);box-shadow:0 10px 26px rgba(31,27,22,.28);transition:transform .35s ease;z-index:20}
.sticky-cta.is-on{transform:translate(-50%,0)}

/* 特典動画の30秒サンプル */
.sample{background:#FBF4E6;padding:22px 18px 24px;border-top:2px dashed #E3B77A;border-bottom:2px dashed #E3B77A}
.sample__label{font-size:13px;font-weight:700;color:#7A6430;letter-spacing:.06em;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.sample__label::before{content:"▶";color:#E8590C}
.sample__video{width:100%;aspect-ratio:16/9;border-radius:12px;background:#000;box-shadow:0 8px 22px rgba(31,27,22,.18);display:block}
.sample__note{font-size:12.5px;color:#6E6357;margin-top:10px;text-align:center}