:root{--red:#b92430;--red-dark:#961c26;--ink:#292b28;--muted:#676b65;--paper:#fffefa;--cream:#f4f2eb;--line:#dddcd3;--soft-red:#fbefec;--radius:8px;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-size:16px;line-height:1.8}h1,h2,h3,h4,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,summary,select{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.55}a,button,input,select,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #175d9c;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3{font-feature-settings:"palt";text-wrap:balance}p{overflow-wrap:anywhere}h2{font-size:clamp(27px,3.1vw,40px);font-weight:750;line-height:1.6;letter-spacing:.035em}h3{font-size:19px;line-height:1.7}h4{font-size:16px;margin:26px 0 10px}input,select{min-width:0}input:not([type="checkbox"]),select{width:100%;background:#fff;border:1px solid #aaaFA6;border-radius:5px;padding:12px 13px;line-height:1.4;color:var(--ink)}input::placeholder{color:#797e76}input[type="checkbox"]{width:20px;height:20px;accent-color:var(--red);flex:0 0 20px;margin:4px 0 0}fieldset{border:0;margin:0;padding:0;min-width:0}dl{margin:0}dd{margin:0}summary{padding:14px 0;font-weight:650}.section-width{width:min(1120px,calc(100% - 80px));margin-inline:auto}.section-space{padding-block:90px}.red{color:var(--red)}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.14em;color:var(--red);margin-bottom:15px}.micro,.hint{font-size:14px;color:var(--muted);line-height:1.8}.micro{margin-top:14px}.hint{margin-top:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:15px;z-index:20;background:white;padding:15px}.skip-link:focus{top:10px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;padding:15px 24px;border:1px solid var(--red);border-radius:5px;background:var(--red);color:#fff;font-size:15px;font-weight:700;letter-spacing:.035em;transition:background .15s}.button:hover{background:var(--red-dark)}.button span{font-size:20px;line-height:1}.button.small{font-size:14px;min-height:44px;padding:10px 18px}.button.wide{width:100%;margin-top:22px}.text-button{display:inline-block;min-height:44px;border:0;border-bottom:1px solid currentColor;background:transparent;padding:8px 0;color:var(--red);font-size:14px;text-align:left;font-weight:650}.text-button:hover{color:var(--red-dark)}.text-button.muted{color:var(--muted)}.pending-tag{display:inline-flex;align-items:center;border:1px solid #c6c6ba;color:#666a60;padding:3px 9px;font-size:14px;letter-spacing:.02em;border-radius:3px;line-height:1.7}.notice{padding:14px 16px;background:var(--cream);border-left:3px solid #afa992;font-size:14px;margin:14px 0}.alert{background:#fff0ee;border:1px solid var(--red);color:#981824;padding:14px;font-size:14px;margin:14px 0}.alert a{text-decoration:underline}.check{display:flex;gap:10px;align-items:flex-start;font-size:16px}.inline-actions{display:flex;gap:20px;flex-wrap:wrap}
.preview-bar{background:#2e3734;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px max(24px,calc((100% - 1120px)/2));line-height:1.6}.preview-label{font-size:12px;letter-spacing:.06em;font-weight:700}.preview-intro p{font-size:11px;color:#e0e4e0;margin-top:3px}.variant-switch{display:flex;padding:4px;border-radius:6px;background:#48514d;gap:3px;flex-shrink:0}.variant-switch button{border:0;border-radius:3px;background:transparent;color:white;padding:8px 12px;font-size:12px;min-height:42px}.variant-switch b{font-size:16px;margin-right:6px}.variant-switch [aria-pressed="true"]{background:var(--paper);color:var(--ink)}.preview-tools{background:#eeefe9;padding:0 max(24px,calc((100% - 1120px)/2));font-size:12px;border-bottom:1px solid var(--line)}.preview-tools>summary{padding:8px 0;font-size:11px;font-weight:500}.preview-tools>p{margin:8px 0}.tool-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:18px;padding:10px 0}.tool-grid select{font-size:13px;margin-top:5px}.event-log{font-family:ui-monospace,monospace;font-size:11px;padding-bottom:15px}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:21px max(24px,calc((100% - 1120px)/2));background:rgba(255,254,250,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;gap:20px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:42px;height:46px;border:1px solid var(--red);color:var(--red);font-family:serif;font-size:27px;border-radius:50% 50% 3px 3px}.brand small{display:block;font-size:14px;line-height:19.2px;letter-spacing:.12em}.brand strong{display:block;font-size:23px;letter-spacing:.1em;line-height:1.5}.site-header nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:650}.site-header nav>a:not(.button):hover{color:var(--red)}
.hero{display:grid;grid-template-columns:1fr 1fr;column-gap:45px;padding-top:55px}.hero-copy{padding:27px 0 42px}.hero .eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:25px}.eyebrow>span{width:7px;height:7px;background:var(--red);border-radius:50%}.draft-caption{font-size:10px;color:var(--muted);margin-bottom:15px}.hero h1{font-size:clamp(40px,4.9vw,66px);font-weight:800;line-height:1.5;letter-spacing:.02em}.hero-description{font-size:16px;line-height:2;margin-top:26px}.hero-cta{margin-top:29px;min-width:275px}.photo-placeholder{position:relative;background:#ecebe2;overflow:hidden}.hero-photo{min-height:510px;border-radius:50% 50% 3px 3px}.hero-photo:before{content:"";position:absolute;inset:45% -20% -25% -20%;background:#e1e1d4;border-radius:50%;transform:rotate(-15deg)}.photo-index{position:absolute;top:33px;left:0;right:0;text-align:center;font-size:14px;letter-spacing:.17em;color:#686b5d}.photo-message{position:absolute;inset:26% 15% auto;text-align:center}.photo-sun{display:block;background:#b6b69e;width:70px;height:70px;border-radius:50%;margin:0 auto 32px}.photo-message p{font-size:22px;letter-spacing:.08em;font-weight:600;color:#626652}.photo-message small{display:block;margin-top:10px;font-size:14px;color:#63674f}.hero-photo figcaption{position:absolute;bottom:33px;text-align:center;width:100%;padding:0 24px;font-size:14px;color:#595e4c}.photo-corner{width:22px;height:22px;border-color:#999e87;position:absolute;z-index:1}.top-left{top:25%;left:12%;border-left:1px solid;border-top:1px solid}.bottom-right{bottom:21%;right:12%;border-right:1px solid;border-bottom:1px solid}
.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:38px;gap:0 40px}.section-heading>.eyebrow{grid-column:1/-1}.course-layout{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.product-panel{background:var(--cream);padding:35px;display:flex;align-items:flex-start;flex-direction:column}.product-word{font-size:84px;letter-spacing:-.075em;font-weight:800;color:var(--red);line-height:1.25;margin:25px 0 17px;font-family:Arial,sans-serif}.product-panel h3{font-size:21px}.product-panel p{font-size:16px;color:var(--muted);margin:8px 0 26px}.terms-panel{padding:32px 36px}.terms-title{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:13px}.terms-list>div{display:grid;grid-template-columns:135px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.8}.terms-list dt{color:#50564d}.terms-list dd{overflow-wrap:anywhere}.terms-list>div:last-child{border-bottom:0}.offer-row{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;border-left:3px solid var(--red);background:var(--soft-red);padding:27px 33px;margin-top:24px;gap:30px}.offer-row .eyebrow{margin-bottom:5px}.offer-row h3{font-size:17px}.offer-row>div>p:not(.eyebrow){font-size:16px}.offer-row .micro{margin-top:6px;font-size:14px!important}
.delivery-section{background:var(--cream)}.area-note{border-top:1px solid #cdcfbf;border-bottom:1px solid #cdcfbf;padding:22px 0;display:flex;gap:25px;align-items:center}.area-symbol{display:grid;place-items:center;border:1px solid #adb398;border-radius:50%;width:44px;height:44px;flex:0 0 44px;color:#6a7757;font-size:23px}.area-note h3{font-size:16px}.area-note p{font-size:16px;color:var(--muted);margin-top:4px}.flow-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:44px 0 26px;padding:0}.flow-list>li{border-right:1px solid #d7d8cb;padding-right:30px}.flow-list>li:last-child{border-right:0;padding-right:0}.flow-list span{font-size:35px;font-family:Georgia,serif;color:var(--red);font-style:italic}.flow-list h3{font-size:17px;margin:14px 0 8px}.flow-list p{font-size:16px;color:#575f50;line-height:1.9}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{padding:23px 0;font-size:16px}.faq-list details>p{padding-bottom:23px;color:var(--muted);font-size:16px}
.apply-section{background:#f0f2eb;border-top:1px solid #e0e3d8}.apply-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start}.apply-intro{position:sticky;top:130px}.plan-label{display:block;font-size:14px;color:#5c6c50;letter-spacing:.04em;margin:26px 0 12px}.apply-intro>p:not(.eyebrow):not(.micro){font-size:16px;margin-top:22px;color:#536049}.form-route{padding:16px 0;border-top:1px solid #cdd4c5;border-bottom:1px solid #cdd4c5;margin-top:25px;font-size:14px;color:#506144;line-height:1.9}.form-card{background:var(--paper);border:1px solid #d9ddd2;border-radius:var(--radius);padding:34px 37px;min-width:0}.step-caption{font-size:14px;color:var(--red);font-weight:700;letter-spacing:.05em;margin-bottom:18px}.demo-note{font-size:11px;margin-bottom:25px}.field{margin:22px 0}.field label{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:16px;font-weight:650;margin-bottom:8px}.required,.optional{font-size:14px;padding:1px 6px;border-radius:3px;line-height:1.7;letter-spacing:0}.required{background:var(--soft-red);color:#a2262c}.optional{background:#efeee8;color:#64685c}.address-group{margin:30px 0;padding-block:24px 7px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.address-group h3{font-size:15px}.address-group>.field:first-of-type{margin-top:16px}#postal-code{max-width:200px}.location-button{background:transparent;border:1px solid #b3bbaa;border-radius:5px;padding:10px 13px;font-size:14px;min-height:44px;display:flex;align-items:center;gap:7px;color:#4e6144;text-align:left}.location-button>span{font-size:23px;line-height:1}.field-error{color:#a0202b;font-size:14px;margin-top:6px}[aria-invalid="true"]{border-color:#b92430!important;background:#fff5f4!important}.consult-alternative{margin:22px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:16px}.phone-option{text-align:center;border-top:1px solid var(--line);margin-top:34px;padding-top:27px}.phone-option>p:first-child{font-size:16px}.phone-demo{display:inline-block;background:none;border:0;font-size:19px;font-weight:650;padding:8px 0;min-height:44px;text-decoration:underline;text-underline-offset:4px}.phone-option .micro{margin:0}.form-card h3{font-size:23px}.review-terms{background:var(--cream);padding:8px 16px}.form-card>section>p:not(.step-caption):not(.notice){font-size:16px;margin-block:18px}.review-check{margin-top:26px;font-size:16px}.back-button{display:block;margin:18px auto 0}.receipt-symbol{display:grid;place-items:center;width:58px;height:58px;border:1px solid #9bae8e;border-radius:50%;background:#f0f3e9;color:#586e46;font-size:26px;margin-bottom:25px}.receipt-next{background:var(--cream);padding:20px;margin:24px 0;font-size:16px}.receipt-next h4{margin-top:0}#receipt-step{padding-top:10px}.site-footer{padding-block:40px}.footer-top{display:block}.footer-top .eyebrow{display:block}.footer-top strong{font-size:21px;letter-spacing:.1em}.footer-top p .tel,.footer-top p .nb{white-space:nowrap}.footer-top p{font-size:14px;color:var(--muted);margin-top:7px}.footer-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px;padding:4px 0;font-size:14px}.footer-details p{padding-bottom:20px;font-size:14px;color:var(--muted)}.footer-details dl{padding-bottom:20px;font-size:14px;line-height:1.8;color:var(--muted)}.footer-details dl>div{display:grid;grid-template-columns:10em 1fr;gap:2px 16px;padding:9px 0;border-top:1px solid var(--line)}.footer-details dt{font-weight:650;color:#50564d}.footer-details dd{overflow-wrap:anywhere}.footer-details dd a{text-decoration:underline;text-underline-offset:3px}.mobile-cta{display:none}
@media(min-width:1440px){.hero{column-gap:75px}.hero-photo{min-height:535px}}
@media(max-width:1000px){.section-width{width:calc(100% - 48px)}.site-header nav>a:not(.button){display:none}.hero{column-gap:25px}.hero-photo{min-height:460px}.hero h1{font-size:47px}.hero-description{font-size:16px}.photo-message p{font-size:18px}.section-space{padding-block:70px}.apply-layout{gap:35px;grid-template-columns:.8fr 1.2fr}.form-card{padding:26px}.terms-panel{padding:25px}.terms-list>div{grid-template-columns:110px 1fr;gap:10px}.terms-title{align-items:flex-start;flex-direction:column}.faq-section{gap:35px}.offer-row{gap:25px}.preview-bar{flex-wrap:wrap}.tool-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){html{scroll-padding-top:86px}.section-width{width:calc(100% - 40px)}.section-space{padding-block:56px}.preview-bar{padding:12px 20px;gap:12px}.preview-intro p{font-size:10px}.variant-switch{width:100%}.variant-switch button{flex:1;font-size:12px}.preview-tools{padding-inline:20px}.tool-grid{grid-template-columns:1fr;gap:13px}.site-header{padding:14px 20px}.brand-mark{width:30px;height:35px;font-size:21px}.brand{gap:8px}.brand strong{font-size:20px}.brand small{font-size:14px}.site-header .button.small{font-size:14px;padding:9px 11px;gap:12px}.site-header .button span{font-size:16px}.hero{padding-top:31px;grid-template-columns:1fr;gap:0}.hero-copy{padding:0 0 30px}.hero .eyebrow{font-size:14px;margin-bottom:23px}.draft-caption{font-size:9px;margin-bottom:12px}.hero h1{font-size:clamp(36px,10.8vw,65px);line-height:1.5;letter-spacing:.025em}.hero-description{margin-top:19px;font-size:16px}.hero-cta{width:100%;margin-top:23px}.hero .micro{font-size:14px;margin-top:8px}.hero-photo{min-height:320px;border-radius:160px 160px 4px 4px;margin:0 15px}.photo-index{top:24px}.photo-message{top:24%}.photo-sun{width:49px;height:49px;margin-bottom:22px}.photo-message p{font-size:20px}.hero-photo figcaption{bottom:22px;font-size:14px}.section-heading{grid-template-columns:1fr;gap:0}.eyebrow{font-size:14px;margin-bottom:13px}h2{font-size:28px}.section-heading{margin-bottom:26px}.course-layout{grid-template-columns:1fr}.product-panel{padding:25px}.product-word{font-size:68px;margin:20px 0 12px}.product-panel p{margin-bottom:14px}.terms-panel{padding:24px}.terms-title{flex-direction:row;align-items:center;flex-wrap:wrap;gap:7px}.terms-title h3{font-size:16px}.terms-list>div{grid-template-columns:105px 1fr;font-size:14px;padding:13px 0}.offer-row{grid-template-columns:1fr;padding:23px;gap:13px}.offer-row h3{font-size:16px}.offer-row>div>p:not(.eyebrow){font-size:16px}.area-note{gap:14px}.area-symbol{width:34px;height:34px;flex-basis:34px}.area-note h3{font-size:14px}.area-note p{font-size:16px}.flow-list{grid-template-columns:1fr;margin:18px 0 23px;gap:0}.flow-list>li{border-right:0;border-bottom:1px solid #d7d8cb;padding:22px 0 22px 57px;position:relative}.flow-list>li:last-child{border-bottom:0}.flow-list span{position:absolute;left:0;top:20px;font-size:29px}.flow-list h3{margin:0 0 5px;font-size:16px}.flow-list p{font-size:16px}.faq-section{grid-template-columns:1fr;gap:20px}.faq-list summary{font-size:16px;padding-block:20px}.apply-layout{grid-template-columns:1fr;gap:30px}.apply-intro{position:static}.apply-intro>p:not(.eyebrow):not(.micro){font-size:16px;margin-top:15px}.plan-label{margin-top:15px}.form-route{margin-top:20px}.form-card{padding:24px 20px}.form-card h3{font-size:20px}.field label{font-size:16px}.location-button{font-size:14px;padding:10px}.hint{font-size:14px}.micro{font-size:14px}.review-terms{padding-inline:12px}.form-card .terms-list>div{grid-template-columns:90px 1fr}.footer-top .eyebrow{font-size:14px;letter-spacing:.08em}.footer-details{grid-template-columns:1fr;gap:0}.footer-details dl>div{grid-template-columns:1fr}.site-footer{padding-bottom:110px}.mobile-cta{display:flex;position:fixed;bottom:12px;left:20px;right:20px;z-index:6;min-height:54px;box-shadow:0 3px 16px #422d2225;bottom:max(12px,env(safe-area-inset-bottom))}body.form-in-view .mobile-cta{display:none}.check{font-size:16px}.review-check{font-size:16px}}
body.hero-cta-in-view .mobile-cta{display:none}
@media(max-width:700px){.form-card .terms-list>div{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.offer-photo{margin:0}.offer-photo img{display:block;width:100%;height:auto;border-radius:var(--radius);background:var(--cream)}.offer-photo figcaption{margin-top:6px;font-size:14px;color:var(--muted)}.pending-inline{display:inline-block;margin-left:4px;color:#666a60;background:#efeee6;border:1px dashed #c6c6ba;border-radius:3px;padding:0 6px;font-size:.92em}
@media(max-width:700px){.offer-with-photo{grid-template-columns:1fr}}
/* 訴求（h3 21px）÷ 条件（16px）= 1.31。画像の検問 RATIO_MAX=2 を画面にも渡す（souls 第二十九） */
.product-panel p.offer-condition{font-size:16px;font-weight:700;color:var(--ink);margin:8px 0 4px}
/* 送信ボタンの真下＝押す前に電話の中身が読める位置。12px の micro より大きく（外部レビュー 2026-09-24 の差分1点） */
.form-card .offer-condition-note{font-size:14px!important;color:var(--ink);line-height:1.7;margin-top:10px}
/* 2026-10-28 冒頭の特典と条件の 3 行（絵の下の帯の写し・9px→12px→14px だった物）は消した＝絵の中の帯と 01 の見出しの直上で同じ事実の 3 回目（父 F1 #325・ユーザー「1」・check_lp 29 (d)） */
/* 2026-10-21 包装の写真（設計 memory/2026-10-21_grill-me_lp-pkg-photo-and-cta-label.md §7-2）。縦横比 178:1200 は正本の出力のまま（check_lp.py 見るもの 5）。
   PC: 1099 の右に細い列（高さ 1099 の約 1.5 倍）。700px 以下: 1099 の下に、説明は右。高さは目で決める値 [推測 Claude・値 1 つ] */
.offer-photos{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start}
.offer-pkg{display:flex;flex-direction:column;align-items:center;gap:6px}
.offer-pkg img{width:auto;height:520px;border-radius:6px}
.offer-pkg figcaption{margin-top:0;text-align:center}
/* 2026-10-23 700px 以下は包装を左・今ある 3 文を右（設計 memory/2026-10-23_grill-me_lp-todo-from-completion.md 前提 5）。「合格祈願」の絵の隣に打消しの文が物理的に来る（#207・check_lp.py 11）。
   .offer-photos は display:contents で 1099 の写真（全幅）・包装・文の 3 つを 1 つの flex に。中央揃えは採らない（65px の棒が 350px の真ん中＝左右に空き）。語・段の順・PC の列は変えない */
/* 2026-10-23（夜）a3（ユーザー「a3 b2 c1」）: 700px 以下は grid＝左の列に包装（2 段ぶち抜き）・右の列に文→その下に 1099 の写真（右下の空きを埋める・段の順は不変） */
@media(max-width:700px){.offer-with-photo{display:grid;grid-template-columns:auto 1fr;grid-template-areas:'pkg text' 'pkg photo' 'cap cap';align-items:start;gap:6px 14px}.offer-photos,.offer-pkg{display:contents}.offer-pkg img{grid-area:pkg;height:440px}.offer-pkg figcaption{grid-area:cap;margin:0;text-align:left}.offer-photo:not(.offer-pkg){grid-area:photo}.offer-with-photo>div:last-child{grid-area:text;min-width:0}}
/* 2026-10-23 夜: 包装の説明は 2 列の下の全幅の行（幅 0 で右にはみ出させると、狭い画面で 1099 の説明と同じ高さに来て重なった＝ユーザー「一部被っている」・check_lp.py 11）。.offer-pkg は display:contents＝img と figcaption が grid の項目 */
/* b2: 特典のパネルは字の列＋右に瓶（img/r1-bottle.png＝正本 R1M_NB・make_lp_bottle.py・check_lp.py 15）。字と重ねない（床 12px）。c1→桜: 札に包装の花の色の桜（.tag-icon・ユーザー 2026-10-23「だるまに見えません。桜とかの方がいい」）＋同じ panel に注記（.tag-note・check_lp.py 14・#207）。札の字 16px＝ユーザー 2026-10-24「推薦」（設計 memory/2026-10-24_grill-me_tag-text-size.md・12px は 9/21 の「確認中」の札からの引き継ぎだった） */
.product-panel{display:grid;grid-template-columns:1fr auto;column-gap:14px;align-items:end}.product-panel>*{grid-column:1}.product-panel>.pending-tag,.product-panel>.tag-note{grid-column:1/-1}.r1-side{grid-column:2;grid-row:3/span 4;align-self:center;height:220px;width:auto}
.pending-tag{gap:6px;border-color:#b92430;color:#b92430;background:#fff;font-size:16px}.tag-note{margin:6px 0 0}

/* 案B（index-b.html・body.variant-b）: ボタンに無料の語を置くので、同じ段に条件を置く（消費者庁 2018「打消しは強調表示に隣接」#207。check_lp.py 比 ≤ 2.0・10px 以上）。案A には効かない */
.preview-label a{text-decoration:underline;font-weight:400}

.mobile-cta-box{display:none}
@media(max-width:700px){.site-header{gap:8px;padding:14px 12px}.site-header .button.small{white-space:nowrap;gap:4px;padding:9px 6px}.site-header .button span{font-size:14px}.mobile-cta-box{display:block;position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:20px;right:20px;z-index:6}.mobile-cta-box .mobile-cta{position:static;bottom:auto;left:auto;right:auto}.mobile-cta-box .cta-cond{display:block;margin-top:4px;padding:5px 10px;font-size:14px;text-align:center;color:var(--ink);background:rgba(255,254,250,.97);border:1px solid var(--line);border-radius:5px}.hero-copy .cta-cond{display:block;margin-top:10px;font-size:14px;color:var(--ink)}   /* 2026-10-28 案 2（index-b）だけ hero の無料の語のボタンの直下に条件＝冒頭の 3 行を消した分（固定ボタンの条件と同じ型 #315・隣接 #252 #253・check_lp 3） */body.hero-cta-in-view .mobile-cta-box,body.form-in-view .mobile-cta-box{display:none}}

/* 2026-10-22 hero の対（設計 memory/2026-10-22_grill-me_lp-gap-check-and-hero-pair.md 前提 6・§8-7）。版 1＝広告の 1 の写し・版 2＝瓶とお箸だけ（正本 imgs/drafts）。
   スマホ（700px 以下）は画面幅いっぱい（390px）に描く＝生成器の「読める 10px」の床は 390px で測った値（make_drafts.py PHONE_W）。余白を残すと帯の注記 32pt が 10px を割る [計算 32×320/1200=8.5]。check_lp.py が描画幅 ≥ 画面幅を見る */
.hero-pair{position:relative;min-height:0;border-radius:var(--radius);overflow:visible;background:#fff}
.hero-pair:before{content:none}
.hero-pair img{display:block;width:100%;height:auto;border-radius:var(--radius)}
.hero-pair figcaption{position:static;width:auto;padding:6px 0 0;text-align:left;font-size:14px;color:var(--muted)}   /* 注記は MIN_PX（12px）以上 */
.preview-label [data-hero][aria-current="true"]{font-weight:700;text-decoration:none;border-bottom:2px solid #fff}
@media(max-width:700px){.hero-pair{margin:0 -20px;border-radius:0}.hero-pair img{border-radius:0}.hero-pair figcaption{padding:6px 20px 0}}
/* 2026-10-23 文節（設計 memory/2026-10-23_grill-me_ohashi-bright-and-phrase-wrap.md 案 B・ユーザー「改行が途中でされている」）: <wbr>（make_lp_wbr.py が budoux の切れ目に焼き込む）以外で折らない＝keep-all。
   1 かたまりが列より長い時だけ anywhere で折る（特典の段の「月額3,000円以上・4ヶ月以上の」16 字は 11 字の列に入らず文節の中で折れる＝前提 11）。集合は check_lp.WRAP_TAGS と同じ（検問 18 が computed の keep-all を見る）。
   同日: ヘッダーのボタンの nowrap と詰めた余白は案 A にも（10/27 の 1 画面目で「お申し込／み」と折れていた・検問 18 ボタンの字 1 行）＝.variant-b の限定を外した */
p,h2,h3,dt,dd,li,summary,figcaption,label{word-break:keep-all;overflow-wrap:anywhere}
/* 2026-10-23 深夜 改行の問い 9 点（材料 line-breaks-2026-10-23.md・ユーザー「1 2 ただし、スマホでの表示で2行ならやめるべき 2 2 3 2 4 2 5 2 ただし文字が小さくなるなら…やめた方がいい？ 6 0 7 2 8 2 9 2」）:
   .sent＝文ごとに inline-block（入る幅では 1 行・入らなければ文の頭から。<br> は PC でも 2 行に固定するので使わない）＝#3 hero の札・#8 申込の文・#9 送信の下の打消し。
   .nb＝条件「月額3,000円以上・」「4ヶ月以上のご契約が条件」の 2 かたまり（#2・列の中で 2 行・PC は 1 行・14px＝検問 3 の比 ≤2・床 12px）。文言は広告の帯の固定句のまま。
   .area-list＝宅配エリアの 7 市を札に（#4・市の名の中で折れない・390px で 4＋3）。h2 の <br>（#1・#5）はスマホで 2 行のままなので残す（ユーザーの規則）。#7「お名前と、お電話番号だけ。」は外すと 28px のまま 1 行 */
.sent,.nb{display:inline-block}.nb{white-space:nowrap}   /* 2026-10-28 .nb は折らない＝「3,000円以上」を包む（Safari は「3,」の後で折る・check_lp 30・ユーザー「跨いでしまっている」） */
.ob{white-space:nowrap}   /* 2026-10-30 開き括弧の箱（make_lp_wbr.py が「（ など Unicode の Ps で始まる文節を包む・設計 open-bracket-line-end 案 B・ユーザー「「を下の行で改行できるようにしたいです」→「問3 B Approve」・check_lp 34）。Safari は文節の中でも「 の後で折る＝「…下の「」が行末に残った。inline のまま（.nb の inline-block と違い、箱の前後の折れは budoux の <wbr> どおり） */
.area-note .area-list{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}.area-note .area-list span{display:inline-block;font-size:16px;font-weight:600;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:3px 11px;line-height:1.5}
/* 2026-10-23 深夜 3（ユーザー「バッジ型は一個一個を判別できたので良さげ」「矢印アイコンの位置に違和感」「390.png では矢印アイコンの位置がいい感じ」）: 矢印を「宅配エリア」の行に・札は 14px（13／14／15px のどれでも 2 行＝14px が 390・360 とも 4＋3 [観察]・1 行は 12px の字＋palt だけ＝line-breaks md §3 D は採らず）。
   h2「新規ご契約特典と、その条件。」「気になることを、はじめる前に。」の <br> も外した（ユーザー「inspector で DOM を直接編集して文字を入れると入りました」＝入る幅では 1 行。390px では文節「、」で 2 行のまま [観察]） */
.area-note h3{display:flex;align-items:center;gap:8px}.area-note .area-symbol{width:28px;height:28px;flex:0 0 28px;font-size:16px}
@media(max-width:700px){.product-panel p.offer-condition{font-size:14px}}

/* 1 画面目の電話ボタン（ユーザー「1」2026-10-23・variants-2026-10-23-tel.md・台帳 #306）: 「お申し込み」の下に白地・赤枠。受付時間は書かない（#195 未確認）。data-cta は付けない（検問 7 の語の同一の外） */
.hero-tel{margin-top:10px;background:#fff;color:var(--red)}.hero-tel:hover{background:#fff}.hero-tel span{font-size:15px;letter-spacing:.06em}@media(max-width:700px){.hero-tel{width:100%;margin-top:10px}}
.product-panel>p.full{grid-column:1/-1;margin-top:0}   /* 「商品・本数はお電話でご相談ください。」を瓶の下で全幅＝1 行（ユーザー 2026-10-23「2行にわかれています」・設計 president-facts-and-father-image-first F5） */
@media(max-width:700px){.hero-pair{order:-1}.hero h1{position:absolute;opacity:0;pointer-events:none;white-space:nowrap}.hero-copy>.eyebrow{display:none}}   /* 2026-10-28 社名の eyebrow はヘッダーの真下で社名が 2 回＝700px 以下で隠す（設計 presbyopia-text-size §8 問4′「1」・hurdle.css から移した・check_lp 29 (c)）。hero の本文は 1 文・figcaption と 01・02 の導入は消した（同 問4′ 問5） */   /* 390px で広告の絵を先に・見出しは絵の中（父 2026-10-23「画像を最初にでっかく」・同設計 案 B）。h1 は字で残す（読み上げ・検索） */

/* make_lp_products.py 2026-10-28 お届けできる商品（設計 product-list-items 案 B）: 写真＋名の格子・押すと容量と税抜（details・2026-11-06 から税抜だけ＝税込は札）。700px 以下で 2 列・701px 以上で 6 列。2026-10-29 注記の帯（設計 products-tap-hint 案 A）: 700px 以下で .product-lead が箱の中だけヘッダーの下に貼りつく。2026-11-02 値札（設計 price-tag-on-photo §7）: 写真の右下に白い札・701〜899px は 4 列 */
.product-list{margin-top:24px;border:1px solid var(--line);border-radius:var(--radius);padding:24px 20px;background:#fff;isolation:isolate}
.product-list h3{font-size:19px}.product-list>.micro{margin-top:4px}
.product-grid{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:20px 14px}
.product-item summary{display:block;padding:0;font-weight:600;list-style:none;cursor:pointer}.product-item summary::-webkit-details-marker{display:none}
.product-item img{display:block;width:100%;height:150px;object-fit:contain;background:var(--cream);border-radius:6px}
.product-name{display:block;margin-top:6px;font-size:16px;line-height:1.5}
.product-detail{margin-top:4px;font-size:16px;line-height:1.6;color:var(--ink)}
.product-note{margin-top:14px}
.product-photo{position:relative;display:block}
.price-tag{position:absolute;right:4px;bottom:4px;display:inline-flex;align-items:baseline;padding:1px 6px 1px 8px;border-radius:999px;background:#fff;color:var(--red-dark);font-size:16px;font-weight:700;line-height:1.25;letter-spacing:0;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.06)}
.price-tag b{font-size:20px;font-weight:800;font-feature-settings:"tnum"}.price-tax{margin-left:2px;color:var(--muted)}
@media(min-width:701px) and (max-width:899px){.product-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.product-list{padding:20px 14px}.product-grid{grid-template-columns:repeat(2,1fr);gap:16px 8px}.product-item.wide{grid-column:1/-1}
.product-list>.product-lead{position:sticky;top:78px;z-index:1;margin:4px -14px 0;padding:6px 14px;background:rgba(255,254,250,.97);border-bottom:1px solid var(--line)}}
/* /make_lp_products.py */
/* 2026-10-30 受付の本体（設計 reception-sheet-gas-test-first §5-1）: honeypot は画面の外・本番の面（body.live＝data-endpoint が入っている）では見本用の字を出さない */
.hp{position:absolute!important;left:-10000px;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
body.live .preview-bar,body.live .preview-tools,body.live .preview-intro,body.live .event-log,body.live .draft-caption,body.live .pending-inline,body.live .demo-note,body.live [data-demo]{display:none!important}
/* 2026-11-05 送信を待つ数秒の印（設計 memory/2026-11-05_grill-me_form-sending-mark.md 値 2〜5）: 形は .brand-mark を写す・Y 軸で回る・送信中は薄くしない・動きを減らす設定では止める・送信中だけ間を 12px（360px・字 120% で字 123＋間 28＋印 22＝173 が中身の幅 169 に入らない [観察 check_reception 36 (f) 2026-11-05]＝space-between なので広い面の見た目は同じ） */
.button.is-sending{perspective:120px;gap:12px}.button.is-sending:disabled{opacity:1;cursor:progress}
.button .send-mark{display:grid;place-items:center;flex:0 0 22px;width:22px;height:25px;border:1px solid currentColor;border-radius:50% 50% 3px 3px;font-family:serif;font-size:16px;line-height:1;animation:send-flip 1.2s linear infinite}
@keyframes send-flip{to{transform:rotateY(360deg)}}
@media(prefers-reduced-motion:reduce){.button .send-mark{animation:none}}