/* リクト（広告クリエイティブAI）の改善（2026-10-06 澄川MTG・卓馬指示）。
   別のファイルにしたのは、LP の作業（style.css の末尾に足している）とぶつからないようにするため。
   色は Google 風の道具の色（#0b57d0 / #1f1f1f / #5f6368 / #dadce0）にそろえる */

/* ── ① 集客／採用 → 目的（複数・認知→申込の順） ── */
.ad-plan-kind{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px}
.ad-plan-kind[hidden]{display:none}
.ad-plan-kind-item{display:grid;gap:4px;text-align:left;padding:14px 18px;border:2px solid #dadce0;border-radius:14px;background:#ffffff;font:inherit;color:#1f1f1f;cursor:pointer}
.ad-plan-kind-item strong{font-size:18px}
.ad-plan-kind-item small{font-size:12px;color:#5f6368}
.ad-plan-kind-item[data-on="true"]{border-color:#0b57d0;background:#e8f0fe}
.ad-plan-aim-axis{display:flex;justify-content:space-between;gap:8px;margin:0 0 8px;font-size:12px;font-weight:700;color:#5f6368}
.ad-plan-aim-axis span:last-child{color:#0b57d0}
.ad-plan-dialog .ad-plan-aim-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
/* 段の札（認知・興味…）は右上。選んだ印はリボンの ✓ があるので「選択中」の札は出さない（重なっていた） */
.ad-plan-aim-stage{position:absolute;top:6px;right:8px;padding:1px 8px;border-radius:999px;background:#f0f4f9;color:#5f6368;font-size:12px;font-weight:700}
.ad-plan-aim-item[data-on="true"] .ad-plan-aim-stage{background:#0b57d0;color:#ffffff}
.ad-plan-dialog .ad-plan-aim-item[data-on=true]::after{content:none;display:none}

/* ── ② 商品・セミナーなど（複数）。何番目に選んだかを札に出す ── */
.ad-plan-offer-item[data-on="true"]::after{content:attr(data-order)}
.ad-plan-more-note{margin:0;padding:10px 12px;border-radius:10px;background:#e8f0fe;font-size:13px;line-height:1.7;color:#1f1f1f}
.ad-plan-more-note[hidden]{display:none}
.ad-plan-product{display:inline-block;justify-self:start;padding:2px 8px;border-radius:6px;background:#fef7e0;color:#7a4b00;font-size:12px;font-weight:700}

/* ── ③ 直せる欄は濃い灰色の地＋「直せます」。読むだけの欄は白地に点線 ── */
.ad-plan-dialog .ad-plan-editable input,.ad-plan-dialog .ad-plan-editable textarea,
.ad-plan-dialog .ad-plan-row .ad-plan-editable input,.ad-plan-dialog .ad-plan-row .ad-plan-editable textarea{background:#e8eaed!important;border:1.5px solid #80868b!important;color:#1f1f1f}
.ad-plan-dialog .ad-plan-editable input:focus,.ad-plan-dialog .ad-plan-editable textarea:focus{background:#ffffff!important;border-color:#0b57d0!important;outline:2px solid #d3e3fd}
.ad-plan-edit-hint{display:none;margin-left:8px;padding:1px 8px;border-radius:999px;background:#ffffff;border:1px solid #80868b;color:#3c4043;font-size:12px;font-style:normal;font-weight:700}
.ad-plan-editable[data-auto="true"] .ad-plan-edit-hint{display:inline-block}
.ad-plan-edit-hint::before{content:'✎ '}
.ad-plan-readonly{background:#ffffff!important;border:1.5px dashed #bdc1c6!important}
.ad-plan-readonly-tag{margin-left:8px;padding:1px 8px;border-radius:999px;background:#f0f4f9;color:#5f6368;font-size:12px;font-style:normal;font-weight:700;letter-spacing:0}

/* ── ④ 送り先：おすすめ＋「これで決める」 ── */
.ad-plan-land-rec{display:grid;gap:6px;margin:0 0 14px;padding:16px 18px;border:2px solid #0b57d0;border-radius:14px;background:#ffffff}
.ad-plan-land-rec[data-state="none"]{display:none}
.ad-plan-land-rec strong{font-size:17px;color:#1f1f1f}
.ad-plan-land-rec p{margin:0;font-size:13px;line-height:1.7;color:#3c4043}
.ad-plan-rec-ribbon{justify-self:start;padding:2px 10px;border-radius:999px;background:#0b57d0;color:#ffffff;font-size:12px;font-style:normal;font-weight:700}
.ad-plan-land-ok{justify-self:start;margin:6px 0 0!important;padding:14px 34px!important;font-size:16px!important}
.ad-plan-land-rec[data-state="done"]{grid-template-columns:1fr auto;align-items:center;border-color:#188038;background:#e6f4ea}
.ad-plan-land-rec[data-state="done"] p{display:grid;gap:2px}
.ad-plan-land-rec[data-state="done"] em{font-style:normal;font-size:12px;color:#5f6368;word-break:break-all}
.ad-plan-land-again{padding:8px 14px;border:1px solid #bdc1c6;border-radius:9px;background:#ffffff;font:inherit;font-size:13px}
.ad-plan-land-others{margin:4px 0 8px;font-size:13px;color:#5f6368}
.ad-plan-land-others[hidden],.ad-plan-conv-grid[hidden]{display:none}
.ad-plan-rec-mini{justify-self:start;padding:1px 8px;border-radius:999px;background:#e8f0fe;color:#0b57d0;font-size:12px;font-weight:700}

/* ── ⑥ 案の選び方 ── */
.ad-plan-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}
.ad-plan-tool{padding:10px 16px;border:1px solid #0b57d0;border-radius:10px;background:#ffffff;color:#0b57d0;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.ad-plan-tool:hover{background:#e8f0fe}
.ad-plan-sort{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:13px;color:#5f6368;white-space:nowrap}
.ad-plan-sort select{padding:8px 10px;border:1px solid #bdc1c6;border-radius:8px;font:inherit;background:#ffffff}
.ad-plan-reco{display:block;padding:4px 14px;background:#188038;color:#ffffff;font-size:12px;font-style:normal;font-weight:700;letter-spacing:.06em}
/* カードの右上に置く（型のリボンは左上） */
.ad-plan-dialog .ad-plan-card{position:relative}
.ad-plan-card>.ad-plan-reco{position:absolute;top:0;right:0;z-index:1;border-radius:0 11px 0 10px;padding:4px 12px}
.ad-plan-card[data-reco="true"]{border-color:#188038}
.ad-plan-new{display:block;padding:4px 14px;background:#fef7e0;color:#7a4b00;font-size:12px;font-style:normal;font-weight:700}
.ad-plan-card>.ad-plan-product{margin:8px 14px 0}
.ad-plan-redo{margin:8px 14px 0;padding:8px 10px!important;border-radius:10px}
.ad-plan-redo summary{cursor:pointer;font-size:13px;font-weight:700;color:#0b57d0}
.ad-plan-redo textarea{width:100%;box-sizing:border-box;margin:8px 0;padding:8px 10px;border:1.5px solid #80868b;border-radius:8px;background:#e8eaed!important;font:inherit;font-size:13px}
.ad-plan-redo-go{padding:8px 14px;border:1px solid #0b57d0;border-radius:9px;background:#ffffff;color:#0b57d0;font:inherit;font-size:13px;font-weight:700}
.ad-plan-redo-said:empty{display:none}
.ad-plan-redo-said{margin-top:8px;font-size:12px}

/* 読むだけのカード（えらぶモード・トーナメント） */
.ad-copy{display:grid;gap:8px;align-content:start;padding:18px;border:1px solid #dadce0;border-radius:16px;background:#ffffff;color:#1f1f1f}
.ad-copy-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ad-copy-top .ad-plan-reco{display:inline-block;border-radius:999px;padding:2px 10px}
.ad-copy-kind{padding:2px 8px;border-radius:6px;background:#f0f4f9;color:#5f6368;font-size:12px;font-weight:700}
.ad-copy-score{font-size:12px;color:#5f6368}
.ad-copy-lead{margin:0;font-size:13px;line-height:1.6;color:#5f6368}
.ad-copy-head{margin:0;font-size:20px;line-height:1.45}
.ad-copy-after{margin:0;font-size:14px;line-height:1.7;color:#3c4043}
.ad-copy-cta-label{font-size:12px;color:#5f6368;margin-bottom:-4px}
.ad-copy-cta{justify-self:start;padding:6px 14px;border-radius:999px;background:#0b57d0;color:#ffffff;font-size:13px;font-weight:700}
.ad-copy-big .ad-copy-head{font-size:26px}


/* ── ⑨ 画像を作る前の承認 ── */
.ad-plan-gate{display:grid;gap:6px;margin:16px 0 0}
.ad-plan-gate:empty{display:none}
.ad-plan-gate p{margin:0;padding:10px 14px;border-radius:10px;background:#fef7e0;font-size:13px;color:#3c4043}
.ad-plan-gate-toggle{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}
.ad-plan-gate-toggle input{width:18px;height:18px}
.ad-plan-gate small{font-size:12px;color:#5f6368}
.ad-plan-approvals-btn{border-color:#e37400!important;color:#7a4b00!important}
.ad-plan-approvals-btn[hidden]{display:none}
.ad-plan-approvals{display:grid;gap:14px}
.ad-plan-approval{display:grid;gap:8px;padding:14px;border:1px solid #dadce0;border-radius:14px;background:#ffffff}
.ad-plan-approval>small{font-size:12px;color:#5f6368}
.ad-plan-approval-row{display:flex;gap:8px}
.ad-plan-approval-row .ad-plan-go{margin:0}

@media(max-width:640px){
 /* 見出しの帯が縦に伸びて画面の4分の1を使っていた（字が1字ずつ折り返す）。横に並べて詰める */
 /* 2026-10-06：帯が2段になり、えらぶ画面のカードとボタンが1画面に収まらなかった。1段にして横に送れるようにする */
 .ad-plan-dialog .ad-plan-head{flex-wrap:nowrap;gap:6px;padding:8px 12px;overflow-x:auto;scrollbar-width:none}
 .ad-plan-dialog .ad-plan-head small{display:none}
 .ad-plan-dialog .ad-plan-head h2{margin:0;font-size:17px;white-space:nowrap}
 .ad-plan-dialog .ad-plan-head button{padding:6px 10px;font-size:12px;white-space:nowrap}
 .ad-plan-dialog .ad-plan-close{margin-left:auto}
 .ad-plan-kind-item strong{font-size:16px}
 .ad-plan-aim-grid{grid-template-columns:1fr 1fr}
 .ad-plan-aim-axis{font-size:12px}
 .ad-plan-sort{margin-left:0}
}

/* ══ 2026-10-06 卓馬指示：案は「広告の形に当てはめた見本」で選ぶ（AIなし・無料） ══
   字の大きさは見本の幅に対する割合（cqw）。カードの大きさが変わっても置き方が崩れない */
.ad-icon{width:1.1em;height:1.1em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* 色味（data-tone）ごとのボタンの色。見本・色の札で同じ値を使う */
[data-tone]{--accent:#e8710a;--accent-ink:#ffffff}
[data-tone="warm"]{--accent:#e8710a}
[data-tone="cool"]{--accent:#137333}
[data-tone="pink"]{--accent:#d01884}
[data-tone="mono"]{--accent:#202124}
[data-tone="trust_blue"]{--accent:#0b57d0}
[data-tone="yellow_pop"]{--accent:#fbbc04;--accent-ink:#202124}
[data-tone="red_bold"]{--accent:#d93025}
[data-tone="dark_premium"]{--accent:#c9a227;--accent-ink:#1f1f1f}
.ad-mock{position:relative;margin:0;width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:14px;background:#5f6368;container-type:inline-size;color:#ffffff;font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;user-select:none;-webkit-user-select:none}
.ad-mock[data-face="reel"],.ad-mock[data-face="story"]{aspect-ratio:9/16}
.ad-mock-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
/* 写真の上の文字が読めるよう、文字のある上と下だけ暗くする（中央の写真は見せる） */
.ad-mock-veil{position:absolute;inset:0;background:linear-gradient(to bottom,#0a101cc4 0%,#0a101c66 28%,#0a101c00 46%,#0a101c00 56%,#0a101c8c 76%,#0a101cd1 100%)}
.ad-mock[data-tone="dark_premium"] .ad-mock-veil{background:linear-gradient(to bottom,#000000d9 0%,#00000080 34%,#00000033 56%,#000000b3 78%,#000000e6 100%)}
.ad-mock-sample{position:absolute;z-index:2;left:4cqw;top:47%;padding:.8cqw 2.6cqw;border:1px dashed #ffffffb3;border-radius:999px;background:#00000073;color:#ffffff;font-size:2.8cqw;font-weight:700;letter-spacing:.04em}
.ad-mock-top{position:absolute;z-index:1;left:6cqw;right:6cqw;top:6cqw;display:flex;flex-direction:column;gap:2.2cqw}
.ad-mock-lead{margin:0;align-self:flex-start;max-width:100%;box-sizing:border-box;padding:1.2cqw 3cqw;border-radius:2cqw;background:#fffffff0;color:#1f1f1f;font-size:3.7cqw;font-weight:700;line-height:1.45}
.ad-mock-head{margin:0;font-size:min(11cqw,calc(86cqw / (var(--per,10) + .6)));font-weight:900;line-height:1.26;letter-spacing:.01em;color:#ffffff;text-shadow:0 .4cqw 2.4cqw #000000a6;text-wrap:balance;line-break:strict;word-break:auto-phrase;overflow-wrap:anywhere}
.ad-mock-badge{position:absolute;z-index:1;right:5cqw;top:52%;display:grid;place-items:center;width:25cqw;height:25cqw;padding:2.4cqw;box-sizing:border-box;border-radius:50%;background:#d93025;color:#ffffff;font-size:4.4cqw;font-weight:900;line-height:1.2;text-align:center;transform:translateY(-50%) rotate(-8deg);box-shadow:0 1cqw 3cqw #00000059;word-break:auto-phrase;overflow-wrap:anywhere}
.ad-mock[data-tone="red_bold"] .ad-mock-badge{background:#fbbc04;color:#202124}
.ad-mock-bottom{position:absolute;z-index:1;left:6cqw;right:6cqw;bottom:6cqw;display:flex;flex-direction:column;align-items:center;gap:2.4cqw}
.ad-mock-micro{margin:0;font-size:3.9cqw;font-weight:700;line-height:1.4;text-align:center;text-shadow:0 .3cqw 1.6cqw #000000b3}
.ad-mock-micro::before{content:'＼ '}
.ad-mock-micro::after{content:' ／'}
/* ボタンは1行（2026-10-06 卓馬指摘：2行に折れていた）。字数（--cn）から、幅に収まる大きさにする */
.ad-mock-cta{display:inline-flex;align-items:center;justify-content:center;max-width:100%;box-sizing:border-box;padding:2.6cqw 6cqw;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:min(5.6cqw,calc(74cqw / var(--cn,8)));font-weight:800;line-height:1.2;white-space:nowrap;box-shadow:0 1cqw 0 #00000047}
/* 縦長の面：上の約14%と下の約20%は媒体の表示に隠れる（9:16 の高さ＝幅の1.78倍） */
.ad-mock[data-face="reel"] .ad-mock-top,.ad-mock[data-face="story"] .ad-mock-top{top:27cqw}
.ad-mock[data-face="reel"] .ad-mock-bottom,.ad-mock[data-face="story"] .ad-mock-bottom{bottom:38cqw}
.ad-mock-safe{position:absolute;z-index:2;left:0;right:0;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#ffffff24 0 6px,#ffffff00 6px 12px);color:#ffffffd9;font-size:2.8cqw;font-weight:700;pointer-events:none}
.ad-mock-safe-top{top:0;height:25cqw}
.ad-mock-safe-bottom{bottom:0;height:35cqw}
/* 文字の形（書体）。見本と字の形の札で同じ指定 */
.ad-mock[data-font="gothic_bold"] .ad-mock-head,.ad-look-glyph[data-font="gothic_bold"]{font-weight:700}
.ad-mock[data-font="rounded"] .ad-mock-head,.ad-look-glyph[data-font="rounded"]{font-family:"Hiragino Maru Gothic ProN","M PLUS Rounded 1c",sans-serif;font-weight:700}
.ad-mock[data-font="mincho"] .ad-mock-head,.ad-look-glyph[data-font="mincho"]{font-family:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;font-weight:700}
.ad-mock[data-font="handwrite"] .ad-mock-head,.ad-look-glyph[data-font="handwrite"]{font-family:"Klee","Klee One","Yomogi",cursive;font-weight:600}
.ad-mock[data-font="brush"] .ad-mock-head,.ad-look-glyph[data-font="brush"]{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:900;letter-spacing:-.02em}

/* 作り方の札（変化を見せる／悩みを言い当てる／お得で背中を押す） */
.ad-kind-chip{display:inline-flex;align-items:center;gap:6px;justify-self:start;white-space:nowrap;padding:4px 12px 4px 9px;border-radius:999px;background:#e8f0fe;color:#0b57d0;font-size:13px;font-weight:800;line-height:1.3}
.ad-kind-chip[data-kind="empathy_voice"]{background:#fce8e6;color:#c5221f}
.ad-kind-chip[data-kind="incentive"]{background:#e6f4ea;color:#137333}
.ad-kind-chip[data-kind="combined"]{background:#fef7e0;color:#b06000}
.ad-stop-dots{display:inline-flex;align-items:center;gap:3px;justify-self:end}
.ad-stop-dots small{margin-right:4px;font-size:12px;color:#5f6368;white-space:nowrap}
.ad-stop-dots i{width:8px;height:8px;border-radius:50%;background:#dadce0}
.ad-stop-dots i[data-on="true"]{background:#f9ab00}

/* ── 1枚ずつえらぶ（既定）／ならべて見る ── */
.ad-view-tabs{display:inline-flex;gap:4px;padding:4px;margin:0 0 16px;border-radius:999px;background:#e8eaed}
.ad-view-tab{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:0;border-radius:999px;background:transparent;font:inherit;font-size:14px;font-weight:700;color:#3c4043;cursor:pointer}
.ad-view-tab[aria-selected="true"]{background:#ffffff;color:#0b57d0;box-shadow:0 1px 3px #20212440}
.ad-plan-listbox[hidden],.ad-deck-host[hidden],.ad-combine-bar[hidden],.ad-plan-setup-row[hidden]{display:none}
.ad-combine-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;padding:12px 16px;border:1px dashed #f9ab00;border-radius:12px;background:#fffbea;font-size:13px;color:#3c4043}
.ad-combine-bar .ad-plan-tool{display:inline-flex;align-items:center;gap:6px;border-color:#e37400;color:#b06000}
.ad-deck{display:grid;justify-items:center;gap:12px;padding:4px 0 24px}
/* 送ったとき、ダイアログの上の帯（広告をつくる）の下に頭が来るように */
.ad-deck,.ad-duel-wrap,.ad-duel-win{scroll-margin-top:96px}
.ad-deck-lead{display:grid;gap:2px;margin:0;text-align:center}
.ad-deck-lead strong{font-size:18px;color:#1f1f1f}
.ad-deck-lead small{font-size:12px;color:#5f6368}
.ad-deck-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:0;padding:0;list-style:none}
.ad-deck-dots li{width:10px;height:10px;border-radius:50%;background:#dadce0;transition:transform .2s,background .2s}
.ad-deck-dots li[data-state="now"]{background:#0b57d0;transform:scale(1.4)}
.ad-deck-dots li[data-state="keep"]{background:#188038}
.ad-deck-dots li[data-state="drop"]{background:#d93025;opacity:.5}
.ad-deck-count{margin:0;font-size:12px;font-weight:700;color:#5f6368}
/* カードは同じ場所に重ねる（grid の同じ升に置く）。後ろの2枚は少し下げて小さく */
.ad-deck-row{display:grid;grid-template-columns:auto minmax(0,auto) auto;grid-template-areas:"no stack yes";align-items:center;gap:30px}
.ad-deck-row .ad-deck-no{grid-area:no}
.ad-deck-row .ad-deck-yes{grid-area:yes}
/* カードの大きさは画面の高さに合わせる（ボタンまで一目で見えるように） */
.ad-deck-stack{grid-area:stack;display:grid;width:clamp(260px,calc((100dvh - 340px) * .78),400px);margin-bottom:28px}
.ad-deck-under{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px}
.ad-deck-card{grid-area:1/1;position:relative;display:grid;align-content:start;border-radius:20px;background:#ffffff;box-shadow:0 10px 30px #2021242e,0 2px 6px #2021241f;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--rot,0deg));transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .36s,filter .36s}
.ad-deck-card[data-drag="true"]{transition:none;cursor:grabbing}
.ad-deck-card[data-depth="1"]{transform:translateY(14px) scale(.955);filter:brightness(.96);pointer-events:none}
.ad-deck-card[data-depth="2"]{transform:translateY(28px) scale(.91);filter:brightness(.92);pointer-events:none}
.ad-deck-card[data-fly="keep"]{transform:translate(150%,-6%) rotate(22deg);opacity:0}
.ad-deck-card[data-fly="drop"]{transform:translate(-150%,-6%) rotate(-22deg);opacity:0}
.ad-deck-card .ad-mock{border-radius:0}
.ad-deck-ribbon{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#188038;color:#ffffff;font-size:13px;font-style:normal;font-weight:800}
.ad-deck-ribbon[data-kind="combined"]{background:linear-gradient(135deg,#f9ab00,#e37400)}
.ad-deck-ribbon[data-kind="combined"] .ad-icon{fill:#ffffff}
.ad-deck-foot{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:12px 16px 14px}
.ad-deck-foot p{grid-column:1/-1;margin:0;font-size:13px;line-height:1.6;color:#3c4043}
/* 広告のボタンと、押したあと行く先を分けて出す（2026-10-07 結合テスト：2つが食い違って見えた） */
.ad-deck-cta-note{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;line-height:1.5;color:#5f6368}
.ad-deck-cta-note span:first-child{color:#1f1f1f;font-weight:700}
.ad-deck-stamp{position:absolute;z-index:4;top:30%;padding:6px 16px;border:4px solid currentColor;border-radius:12px;background:#ffffffe6;font-size:30px;font-weight:900;letter-spacing:.08em;pointer-events:none}
.ad-deck-stamp-keep{left:18px;color:#188038;transform:rotate(-14deg);opacity:var(--keep,0)}
.ad-deck-stamp-drop{right:18px;color:#d93025;transform:rotate(14deg);opacity:var(--drop,0)}
.ad-deck-btn{display:grid;justify-items:center;gap:6px;padding:0;border:0;background:none;font:inherit;font-size:13px;font-weight:800;color:#3c4043;cursor:pointer}
.ad-deck-btn .ad-icon{box-sizing:border-box;width:68px;height:68px;padding:19px;border-radius:50%;background:#ffffff;box-shadow:0 4px 14px #2021242e;stroke-width:2.8;transition:transform .15s,box-shadow .15s}
.ad-deck-btn:hover .ad-icon{transform:scale(1.08);box-shadow:0 6px 18px #2021243d}
.ad-deck-btn:active .ad-icon{transform:scale(.94)}
.ad-deck-btn:focus-visible .ad-icon{outline:3px solid #0b57d0;outline-offset:3px}
.ad-deck-no{color:#d93025}
.ad-deck-yes{color:#188038}
.ad-deck-yes .ad-icon path{fill:currentColor}
.ad-deck-undo{display:inline-flex;align-items:center;gap:6px;color:#5f6368}
.ad-deck-undo .ad-icon{width:34px;height:34px;padding:8px;stroke-width:2.2}
.ad-deck-undo:disabled{opacity:.35;cursor:default}
.ad-deck-hint{font-size:12px;color:#5f6368}
.ad-deck-done{display:grid;gap:4px;text-align:center}
.ad-deck-done strong{font-size:22px;color:#1f1f1f}
.ad-deck-done small{font-size:13px;color:#5f6368}
.ad-deck-kept{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:min(760px,100%)}
.ad-mock-mini{width:128px;border-radius:10px;box-shadow:0 4px 12px #20212433;animation:adPop .35s both}
.ad-plan-dialog .ad-deck-main{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:6px 0 0;padding:16px 34px;border-radius:999px;font-size:17px}
.ad-pick-said{margin:0;font-size:12px;color:#5f6368}
.ad-pick-said:empty{display:none}
@keyframes adPop{from{transform:scale(.8);opacity:0}to{transform:none;opacity:1}}

/* ── くらべる（トーナメント） ── */
.ad-duel-wrap{display:grid;justify-items:center;gap:12px;padding:4px 0 24px}
.ad-duel-head{display:grid;gap:2px;text-align:center}
.ad-duel-head strong{font-size:22px;color:#1f1f1f}
.ad-duel-head small{font-size:13px;color:#5f6368}
.ad-duel-meter{width:min(420px,100%);height:8px;border-radius:999px;background:#e8eaed;overflow:hidden}
.ad-duel-meter span{display:block;height:100%;width:calc(var(--pct,0)*1%);background:#0b57d0;border-radius:999px;transition:width .3s}
.ad-duel{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;width:min(820px,100%)}
.ad-duel-side{position:relative;display:grid;gap:10px;justify-self:center;width:clamp(150px,calc((100dvh - 430px) * .74),340px);padding:0;border:0;background:none;font:inherit;text-align:left;color:inherit;cursor:pointer;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .32s;animation:adPop .3s both}
.ad-duel-side .ad-deck-card{grid-area:auto;transform:none;cursor:pointer;transition:box-shadow .2s}
.ad-duel-side:hover .ad-deck-card,.ad-duel-side:focus-visible .ad-deck-card{box-shadow:0 0 0 3px #0b57d0,0 10px 30px #2021242e}
.ad-duel-side .ad-deck-stamp,.ad-duel .ad-deck-foot p{display:none}
.ad-duel-pick{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-radius:999px;background:#0b57d0;color:#ffffff;font-size:15px;font-weight:800}
.ad-duel-pick .ad-icon path{fill:currentColor}
.ad-duel-side[data-win="true"]{transform:scale(1.04)}
.ad-duel-side[data-win="true"] .ad-deck-card{box-shadow:0 0 0 4px #188038,0 10px 30px #2021242e}
.ad-duel-side[data-win="true"] .ad-duel-pick{background:#188038}
.ad-duel-side[data-lose="true"]{opacity:.2;transform:scale(.9)}
.ad-duel-vs{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#1f1f1f;color:#ffffff;font-size:16px;font-weight:900;box-shadow:0 4px 12px #20212440}
.ad-duel-win{display:grid;justify-items:center;gap:12px;width:100%;padding:4px 0 24px}
.ad-duel-crown{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:22px;font-weight:900;color:#b06000}
.ad-duel-crown .ad-icon{width:30px;height:30px;fill:#fbbc04;stroke:#b06000}
.ad-deck-card-win{grid-area:auto;width:clamp(240px,calc((100dvh - 400px) * .74),380px);transform:none;cursor:default;animation:adWin .55s cubic-bezier(.2,.9,.3,1.25) both;box-shadow:0 0 0 4px #fbbc04,0 14px 36px #20212440}
@keyframes adWin{from{transform:scale(.82) rotate(-2deg);opacity:0}to{transform:none;opacity:1}}
.ad-duel-win .ad-deck-stamp{display:none}
.ad-duel-next{font-size:12px;color:#5f6368;text-align:center}
.ad-duel-more{width:min(560px,100%);margin-top:6px}
.ad-duel-more summary{cursor:pointer;font-size:13px;font-weight:700;color:#5f6368;text-align:center}
.ad-duel-more>.ad-plan-tool{margin:10px auto 0;display:block}
.ad-duel-merge{display:grid;gap:8px;justify-items:start;margin-top:10px;padding:14px;border:1px dashed #bdc1c6;border-radius:12px;background:#ffffff}
.ad-duel-merge small{font-size:12px;color:#5f6368}

/* ── 一覧のカード：見本を上に、作り方をやさしい言い方で ── */
.ad-plan-dialog .ad-plan-row .ad-plan-card-kind{position:static;display:grid;gap:4px;padding:0;border-radius:0;background:none;color:#3c4043}
.ad-plan-dialog .ad-plan-row .ad-plan-card-kind small{font-size:12px;font-weight:400;line-height:1.5;color:#5f6368}
.ad-plan-card-mock{flex:0 0 auto;border-radius:10px}
.ad-plan-combined{position:absolute;top:0;left:0;z-index:1;display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:11px 0 10px 0;background:linear-gradient(135deg,#f9ab00,#e37400);color:#ffffff;font-size:12px;font-style:normal;font-weight:800}
.ad-plan-combined .ad-icon{fill:#ffffff}
.ad-plan-card[data-combined="true"]{border-color:#f9ab00!important;box-shadow:0 0 0 2px #fde293}
.ad-plan-dialog .ad-plan-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;padding:0;border:0;background:none}
.ad-plan-legend-item{display:grid;gap:6px;align-content:start;padding:14px;border:1px solid #dadce0;border-radius:12px;background:#ffffff}
.ad-plan-legend-item p{margin:0;font-size:13px;line-height:1.6;color:#3c4043}
.ad-plan-legend-item small{font-size:12px;color:#5f6368}

/* ── 見た目のページ：左で選び、右に「できあがりのイメージ」を大きく ── */
.ad-look-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,1fr);gap:24px;align-items:start}
.ad-look-right{position:sticky;top:8px;margin:0;padding:0;border:0;background:none;box-shadow:none}
.ad-look-right .ad-plan-wire{margin:0;padding:18px;border:1px solid #dadce0;border-radius:16px;background:#ffffff}
.ad-plan-wire:empty{display:none}
.ad-plan-wire h4{margin:0;font-size:16px;color:#1f1f1f}
.ad-plan-wire>p{margin:10px 0 0;font-size:12px;line-height:1.6;color:#5f6368}
.ad-look-mock{width:min(100%,460px);margin:12px auto 0;box-shadow:0 10px 30px #20212433}
.ad-look-mock[data-face="reel"],.ad-look-mock[data-face="story"]{width:min(100%,330px)}
.ad-look-meta{display:flex;align-items:center;gap:12px;margin:14px 0 0;padding:10px;border-radius:12px;background:#f8f9fa}
.ad-look-meta img{width:56px;height:70px;object-fit:cover;border-radius:6px;flex:0 0 auto}
.ad-look-meta div{display:grid;gap:2px}
.ad-look-meta strong{font-size:13px;color:#1f1f1f}
.ad-look-meta small{font-size:12px;line-height:1.5;color:#5f6368}
.ad-look-pick{display:grid;gap:20px}
.ad-look-group h5{margin:0 0 8px;font-size:14px;color:#1f1f1f}
.ad-look-group>small{display:block;margin-top:6px;font-size:12px;color:#5f6368}
.ad-look-chips{display:flex;flex-wrap:wrap;gap:8px}
.ad-look-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:2px solid #dadce0;border-radius:12px;background:#ffffff;font:inherit;font-size:13px;color:#1f1f1f;cursor:pointer;transition:border-color .15s,background .15s}
.ad-look-chip:hover{border-color:#8ab4f8}
.ad-look-chip[data-on="true"]{border-color:#0b57d0;background:#e8f0fe}
.ad-look-chip[data-kind="face"]{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:1px;align-items:center;text-align:left}
.ad-look-chip[data-kind="face"] small{font-size:12px;color:#5f6368}
.ad-look-shape{grid-row:span 2;width:17px;height:21px;border:2px solid currentColor;border-radius:4px;box-sizing:border-box}
.ad-look-shape[data-face="reel"],.ad-look-shape[data-face="story"]{width:13px;height:24px}
.ad-look-chips:has([data-kind="style"]){display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}
.ad-look-chip[data-kind="style"]{display:grid;justify-items:center;gap:6px;padding:6px}
.ad-look-chip[data-kind="style"] img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:8px}
.ad-look-chip[data-kind="style"] strong{font-size:12px;line-height:1.3;text-align:center}
.ad-look-swatch{width:18px;height:18px;border-radius:50%;background:var(--accent);box-shadow:inset 0 0 0 1px #00000026}
.ad-look-swatch[data-tone="as_is"]{background:conic-gradient(#e8710a,#fbbc04,#188038,#0b57d0,#d01884,#e8710a)}
.ad-look-glyph{font-size:20px;font-weight:800;line-height:1;font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif}
.ad-look-glyph[data-font="gothic_black"]{font-weight:900}
.ad-plan-dialog .ad-look-left .ad-plan-lookgo{width:100%;margin:16px 0 0;padding:16px;font-size:17px}

@media(max-width:900px){
 .ad-look-grid{grid-template-columns:1fr}
 /* スマホ・狭い画面では、できあがりのイメージを先に（何ができるのかが最初に見える） */
 .ad-look-right{position:static;order:-1}
}
@media(max-width:640px){
 .ad-view-tabs{display:flex;width:100%;box-sizing:border-box}
 .ad-view-tab{flex:1;justify-content:center;padding:9px 8px;font-size:13px}
 .ad-deck-row{grid-template-columns:1fr 1fr;grid-template-areas:"stack stack" "no yes";gap:6px 18px;justify-items:center}
 /* スマホ：カードとボタンが1画面に収まる大きさ（上の帯が2段になるぶん小さく） */
 .ad-deck-stack{width:min(280px,100%);margin-bottom:16px}
 .ad-deck,.ad-duel-wrap,.ad-duel-win{scroll-margin-top:72px}
 .ad-deck{gap:8px}
 .ad-deck-lead small,.ad-deck-count{display:none}
 .ad-deck-foot{padding:8px 12px 10px}
 .ad-deck-foot p{font-size:12px;line-height:1.5}
 .ad-duel .ad-stop-dots{display:none}
 .ad-duel .ad-kind-chip{white-space:nowrap}
 .ad-duel-side{width:auto}
 .ad-deck-btn .ad-icon{width:56px;height:56px;padding:16px}
 .ad-duel{gap:6px}
 .ad-duel-vs{width:30px;height:30px;font-size:12px}
 .ad-duel .ad-deck-foot{padding:8px 10px}
 .ad-duel .ad-deck-foot p,.ad-duel .ad-stop-dots small,.ad-duel .ad-deck-cta-note{display:none}
 .ad-duel .ad-kind-chip{font-size:12px;padding:3px 8px 3px 6px}
 .ad-duel .ad-deck-ribbon{font-size:12px;padding:6px 10px}
 .ad-duel-pick{padding:10px 6px;font-size:13px}
 .ad-mock-mini{width:96px}
 .ad-look-mock{width:min(100%,340px)}
 .ad-look-mock[data-face="reel"],.ad-look-mock[data-face="story"]{width:min(100%,260px)}
}
/* 承認の一覧：見本＋文（2026-10-06） */
.ad-plan-approval-look{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}
/* 決めた案を一覧で開いたとき、どのカードか分かるように光らせる */
.ad-plan-card[data-flash="true"]{box-shadow:0 0 0 4px #fbbc04!important;transition:box-shadow .3s}
.ad-duel-more>.ad-plan-tool+.ad-plan-tool{margin-top:8px}

/* ══ 2026-10-07 夜 卓馬FB「情報のそろい具合の前面のデザイン性が非常に低く見にくい。太字で見やすくはなったが、
   非常にチープ。画像生成を使いながらデザイン性を上げて」══
   同日昼の「本物のボタン（濃い2pxの線＋下に影＋塗りつぶし）」は、押せることは伝わったが、全部が同じ強さで叫んでいて安っぽく見えた。
   GPT Image で見本を4枚作り（PC 2・スマホ 1・選ぶ札 1）、次の形に決めた：
   ・線は1px の中間の灰色＋やわらかい影。押せることは「影・ふちの色・チェックの枠・右の ›」で伝える（太さで伝えない）
   ・選んだ札は塗りつぶさない。うすい青の地＋青いふち2本分＋青く塗ったチェック。字は黒のまま読める
   ・字の太さは見出しだけ700、本文は400〜500。色は青1色（#0b57d0）。おすすめだけ琥珀色の小さな札
   ・情報のそろい具合は丸いメーター（中に数字）＋足りないものは印つきの行（その場で入れる）
   ・おまかせは1枚の枠（見出し・2行のボタン・細かく決める）＋右に「10枚できる」絵（board-ui/art/rikuto-hero.webp） */
.ad-plan-dialog{--rk-acc:#0b57d0;--rk-acc-2:#0a4fbd;--rk-acc-soft:#e8f0fe;--rk-acc-tint:#f3f7ff;--rk-acc-line:#a8c7fa;
 --rk-ink:#1f1f1f;--rk-ink-2:#444746;--rk-ink-3:#5f6368;--rk-line:#dfe3e8;--rk-line-2:#c4c7c5;
 --rk-shadow:0 1px 2px #1f1f1f0f,0 6px 20px #1f2a4410;--rk-shadow-hi:0 2px 4px #1f1f1f14,0 10px 28px #1f2a441c;
 --rk-amber:#995c00;--rk-amber-soft:#fff7e6;--rk-amber-line:#f5d08a}
.ad-plan-dialog .ad-plan-page-head h3{font-weight:700;letter-spacing:.01em}

/* ── 選ぶ札（集客/採用・目的・商品・送り先・してもらうこと・見た目） ── */
.ad-plan-dialog .ad-plan-page button[data-pick],.ad-plan-dialog .ad-plan-page .ad-look-chip[data-pick]{
 position:relative;border:1px solid var(--rk-line-2);border-radius:14px;background:#ffffff;color:var(--rk-ink);
 box-shadow:0 1px 2px #1f1f1f0f;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}
.ad-plan-dialog .ad-plan-page button[data-pick="one"],.ad-plan-dialog .ad-plan-page button[data-pick="multi"]{padding-left:52px}
.ad-plan-dialog .ad-plan-page button[data-pick]:hover{background:#ffffff;border-color:var(--rk-acc-line);box-shadow:var(--rk-shadow);transform:translateY(-1px)}
.ad-plan-dialog .ad-plan-page button[data-pick]:active{transform:none;box-shadow:0 1px 2px #1f1f1f14}
.ad-plan-dialog .ad-plan-page button[data-pick]:focus-visible{outline:3px solid #a8c7fa;outline-offset:2px}
.ad-plan-dialog .ad-plan-page button[data-pick]:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}
.ad-plan-dialog .ad-plan-page button[data-pick]>strong{position:static;padding:0;border-radius:0;background:none;color:var(--rk-ink);font-size:16px;font-weight:700;line-height:1.45;letter-spacing:0}
.ad-plan-dialog .ad-plan-page button[data-pick]>strong::before{content:none}
.ad-plan-dialog .ad-plan-page button[data-pick]>small{color:var(--rk-ink-3);font-size:12.5px;font-weight:400}
.ad-plan-dialog .ad-plan-page button[data-pick]>em{color:var(--rk-ink-3)}
.ad-plan-dialog .ad-plan-page button[data-pick]::after{content:none}
/* 選んだ印（チェックの枠・丸）。左上。いくつでも＝角の丸い四角、1つだけ＝丸 */
.ad-plan-dialog .ad-plan-page button[data-pick="one"]::before,.ad-plan-dialog .ad-plan-page button[data-pick="multi"]::before{
 content:'';position:absolute;left:18px;top:17px;width:20px;height:20px;box-sizing:border-box;border:1.5px solid #80868b;background:#ffffff;
 display:grid;place-items:center;font-size:13px;font-weight:700;line-height:1;color:#ffffff;transition:background .15s,border-color .15s}
.ad-plan-dialog .ad-plan-page button[data-pick="multi"]::before{border-radius:6px}
.ad-plan-dialog .ad-plan-page button[data-pick="one"]::before{border-radius:50%}
/* 選んだ札：うすい青の地＋青いふち（2本分）＋青く塗ったチェック。塗りつぶさない（字が黒のまま読める） */
.ad-plan-dialog .ad-plan-page button[data-pick][data-on="true"]{background:var(--rk-acc-tint);border-color:var(--rk-acc);box-shadow:0 0 0 1px var(--rk-acc),var(--rk-shadow)}
.ad-plan-dialog .ad-plan-page button[data-pick][data-on="true"]:hover{background:var(--rk-acc-tint);border-color:var(--rk-acc)}
.ad-plan-dialog .ad-plan-page button[data-pick][data-on="true"]::before{content:'✓';border-color:var(--rk-acc);background:var(--rk-acc)}
.ad-plan-dialog .ad-plan-page button[data-pick="one"][data-on="true"]::before{content:'';background:radial-gradient(circle,#ffffff 0 3.5px,var(--rk-acc) 4.5px)}
/* 商品の札の「何番目に選んだか」は右上の青い札 */
.ad-plan-dialog .ad-plan-page .ad-plan-offer-item[data-pick][data-on="true"]::after{content:attr(data-order);position:absolute;top:10px;right:10px;padding:2px 10px;border-radius:999px;background:var(--rk-acc);color:#ffffff;font-size:12px;font-weight:700}
.ad-plan-dialog .ad-plan-page .ad-plan-offer-item[data-pick]{padding-top:16px}
.ad-plan-dialog .ad-plan-page .ad-plan-offer-item[data-pick]>em{position:static;order:9;justify-self:start;padding:0;border-radius:0;background:none;font-size:12px;color:var(--rk-ink-3);max-width:none}
.ad-plan-dialog .ad-plan-page .ad-plan-offer-item[data-pick]>span{color:var(--rk-acc);font-weight:700}
.ad-plan-dialog .ad-plan-page .ad-plan-conv-item[data-pick]{padding-top:15px}
/* 目的の段の札（認知・申込…） */
.ad-plan-dialog .ad-plan-page .ad-plan-aim-item[data-pick] .ad-plan-aim-stage{background:#f1f3f4;color:var(--rk-ink-3);font-weight:600}
.ad-plan-dialog .ad-plan-page .ad-plan-aim-item[data-pick][data-on="true"] .ad-plan-aim-stage{background:var(--rk-acc-soft);color:var(--rk-acc)}
/* 「自分で入れる」は点線＋青い ＋ */
.ad-plan-dialog .ad-plan-page button[data-pick="add"]{border-style:dashed;border-color:#b9bec5;background:#fbfcfe;box-shadow:none;padding-left:52px}
.ad-plan-dialog .ad-plan-page button[data-pick="add"]::before{content:'＋';position:absolute;left:16px;top:13px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--rk-acc-soft);font-size:15px;font-weight:700;color:var(--rk-acc)}
.ad-plan-dialog .ad-plan-page .ad-plan-kind-item[data-pick]>strong{font-size:19px}
/* 見た目の札（絵柄・色・字の形）。印は付けず、ふちと地で選んだと分かるように */
.ad-plan-dialog .ad-plan-page .ad-look-chip[data-pick]{padding:8px}
.ad-plan-dialog .ad-plan-page .ad-look-chip[data-pick][data-on="true"]{background:var(--rk-acc-tint);border-color:var(--rk-acc);box-shadow:0 0 0 1px var(--rk-acc)}
.ad-plan-dialog .ad-plan-page .ad-look-chip[data-pick][data-on="true"] strong{color:var(--rk-acc)}

/* ── おすすめ札（✦ おすすめ＋理由1行）。小さな琥珀色の札。理由は灰色の本文 ── */
.ad-rec{display:grid;gap:4px;justify-items:start;margin-top:8px;text-align:left}
.ad-rec>b{display:inline-flex;align-items:center;gap:4px;padding:1px 9px 1px 7px;border:1px solid var(--rk-amber-line,#f5d08a);border-radius:999px;background:var(--rk-amber-soft,#fff7e6);color:var(--rk-amber,#995c00);font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1.6}
.ad-rec>b::before{content:'✦';color:#e8a200}
.ad-rec-why{font-size:12px;line-height:1.6;color:var(--rk-ink-3,#5f6368);font-weight:400}
.ad-plan-land-rec .ad-rec{margin:0}

/* ── 情報のそろい具合：流れのいちばん上のカード。左に丸いメーター、右に足りないもの ── */
.ad-plan-dialog .ad-plan-ready{position:static;display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:14px 28px;align-items:start;
 margin:16px 30px 16px;padding:18px 22px;border:1px solid var(--rk-line);border-radius:20px;box-shadow:var(--rk-shadow);background:#ffffff}
.ad-plan-dialog .ad-plan-ready[hidden]{display:none}
.ad-plan-dialog .ad-plan-ready:not(:has(.ad-plan-ready-miss)){grid-template-columns:1fr}
.ad-plan-dialog .ad-plan-ready[data-low="true"]{border-color:#f5d08a;background:linear-gradient(180deg,#fffbf2,#ffffff 70%)}
.ad-plan-dialog .ad-plan-ready[data-full="true"]{border-color:#c4e7cf;background:linear-gradient(180deg,#f3fbf5,#ffffff 70%)}
.ad-plan-dialog .ad-plan-ready-head{display:flex;align-items:center;gap:16px}
/* 丸いメーター。--pct（0〜100）で円の塗りが進む。数字は真ん中 */
.ad-plan-dialog .ad-plan-ready-meter{--ring:var(--rk-acc);position:relative;flex:0 0 auto;display:flex;align-items:baseline;justify-content:center;padding-top:22px;box-sizing:border-box;
 width:76px;height:76px;border-radius:50%;background:conic-gradient(var(--ring) calc(var(--pct,0)*1%),#e6ebf2 0);overflow:visible}
.ad-plan-dialog .ad-plan-ready-meter::before{content:'';position:absolute;inset:7px;border-radius:50%;background:#ffffff;box-shadow:inset 0 1px 2px #1f1f1f0d}
.ad-plan-dialog .ad-plan-ready-meter b,.ad-plan-dialog .ad-plan-ready-meter i{position:relative;color:var(--rk-ink)}
.ad-plan-dialog .ad-plan-ready-meter b{font-size:23px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.ad-plan-dialog .ad-plan-ready-meter i{font-size:12px;font-style:normal;font-weight:600;color:var(--rk-ink-3)}
.ad-plan-dialog .ad-plan-ready[data-low="true"] .ad-plan-ready-meter{--ring:#e37400}
.ad-plan-dialog .ad-plan-ready[data-full="true"] .ad-plan-ready-meter{--ring:#188038}
.ad-plan-ready-say{display:grid;gap:3px;min-width:0}
.ad-plan-ready-say strong{font-size:16px;font-weight:700;color:var(--rk-ink)}
.ad-plan-ready-say small{font-size:12.5px;line-height:1.6;color:var(--rk-ink-3)}
.ad-plan-dialog .ad-plan-ready-low{display:flex;gap:6px;align-items:flex-start;margin:4px 0 0;font-size:12.5px;font-weight:500;line-height:1.6;color:#8a4b00}
.ad-plan-ready-low .ad-icon{margin-top:2px;color:#e37400}
.ad-plan-dialog .ad-plan-ready-again{justify-self:start;margin-top:6px;padding:6px 12px;border:1px solid var(--rk-line-2);border-radius:999px;background:#ffffff;font:inherit;font-size:12px;font-weight:600;color:var(--rk-acc);cursor:pointer}
.ad-plan-dialog .ad-plan-ready-again:hover{background:var(--rk-acc-tint)}
/* 足りないもの：印つきの行を並べる。押すと行の下に入れる欄が開く（開いた行は横いっぱい） */
.ad-plan-dialog .ad-plan-ready-miss{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;align-items:start;font-size:13px;color:var(--rk-ink)}
.ad-plan-dialog .ad-plan-ready-miss>span{grid-column:1/-1;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--rk-ink-3)}
.ad-ready-row{display:grid;gap:0;border-radius:14px}
.ad-plan-dialog .ad-ready-row:has(>.ad-ready-inline:not([hidden])){grid-column:1/-1;border:1px solid var(--rk-acc-line);background:var(--rk-acc-tint)}
.ad-plan-dialog .ad-ready-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:10px 14px 10px 10px;border:1px solid #e3e7ec;border-radius:14px;background:#fafbfd;color:var(--rk-ink);box-shadow:none;font:inherit;text-align:left;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
.ad-plan-dialog .ad-ready-item:hover{background:#ffffff;border-color:var(--rk-acc-line);box-shadow:var(--rk-shadow)}
.ad-plan-dialog .ad-ready-item:active{transform:none}
.ad-plan-dialog .ad-ready-item:focus-visible{outline:3px solid #a8c7fa;outline-offset:2px}
.ad-plan-dialog .ad-ready-item[aria-expanded="true"]{border-color:transparent;background:transparent;box-shadow:none}
.ad-ready-ico{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--rk-acc-soft,#e8f0fe);color:var(--rk-acc,#0b57d0)}
.ad-ready-ico .ad-icon{width:17px;height:17px}
.ad-ready-item[data-where="lyle"] .ad-ready-ico{background:#fef3d6;color:#b06000}
.ad-ready-item strong{min-width:0;font-size:14.5px;font-weight:600;line-height:1.45}
.ad-ready-item small{display:inline-flex;align-items:center;gap:2px;margin-left:auto;padding:0;border-radius:0;background:none;color:var(--rk-acc,#0b57d0);font-size:12.5px;font-weight:600;white-space:nowrap}
.ad-ready-item small .ad-icon{width:14px;height:14px;transition:transform .15s}
.ad-ready-item[aria-expanded="true"] small .ad-icon{transform:rotate(90deg)}
.ad-ready-item[data-where="lyle"] small{background:none;color:#995c00}
.ad-ready-item::after{content:none}
.ad-ready-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:0 14px 14px 56px}
.ad-ready-inline[hidden]{display:none}
.ad-ready-inline input,.ad-ready-inline textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--rk-line-2,#c4c7c5);border-radius:12px;background:#ffffff;font:inherit;font-size:15px;line-height:1.6;color:var(--rk-ink,#1f1f1f)}
.ad-ready-inline input:focus,.ad-ready-inline textarea:focus{outline:3px solid #d3e3fd;border-color:var(--rk-acc,#0b57d0)}
.ad-plan-dialog .ad-ready-ok{justify-self:start;margin:0;padding:10px 24px;border-radius:999px}

/* ── 送り先のおすすめ・決めた送り先、主のボタン、案の道具（同じ 2026-10-07 夜の見直し）──
   2px の緑の枠は警告のように強く見えた。1px のふち＋うすい地にそろえる。主のボタンは丸い札の形にそろえる */
.ad-plan-dialog .ad-plan-land-rec{border:1px solid var(--rk-acc-line);border-radius:18px;background:var(--rk-acc-tint);box-shadow:var(--rk-shadow)}
.ad-plan-dialog .ad-plan-land-rec[data-state="done"]{border-color:#a8dab5;background:#f3fbf5;box-shadow:none}
.ad-plan-dialog .ad-plan-land-again{border:1px solid var(--rk-line-2);border-radius:999px;padding:7px 16px;color:var(--rk-acc);font-weight:600}
.ad-plan-dialog .ad-plan-go{border-radius:999px;font-weight:700;box-shadow:0 4px 12px #0b57d02e}
.ad-plan-dialog .ad-plan-go:disabled{box-shadow:none}
.ad-plan-dialog .ad-plan-tool{border-color:var(--rk-line-2);border-radius:999px;font-weight:600}
.ad-plan-dialog .ad-plan-tool:hover{border-color:var(--rk-acc-line);background:var(--rk-acc-tint)}

/* ── おまかせ：主役の枠 ── */
.ad-auto-start{display:grid;gap:16px}
.ad-auto-start[hidden],.ad-auto-run[hidden]{display:none}
.ad-auto-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,330px);align-items:center;gap:8px 24px;padding:26px 30px 24px;border:1px solid #d6e2f8;border-radius:24px;
 background:radial-gradient(90% 130% at 100% 0%,#d9e7ff 0%,#eaf2ff 40%,#ffffff 78%);box-shadow:var(--rk-shadow);overflow:hidden}
.ad-auto-hero-text{display:grid;justify-items:start;gap:0;min-width:0}
.ad-auto-kicker{display:inline-flex;align-items:center;padding:3px 12px;border-radius:999px;background:#ffffffcc;border:1px solid #c9dafb;color:var(--rk-acc);font-size:12px;font-weight:700;letter-spacing:.04em}
.ad-plan-dialog .ad-auto-hero .ad-plan-page-head{margin:12px 0 18px}
.ad-plan-dialog .ad-auto-hero .ad-plan-page-head h3{margin:0 0 6px;font-size:28px;font-weight:700;line-height:1.35;color:var(--rk-ink)}
.ad-plan-dialog .ad-auto-hero .ad-plan-page-head p{max-width:46em;font-size:14px;line-height:1.75;color:var(--rk-ink-2)}
.ad-auto-act{display:grid;justify-items:start;gap:10px}
.ad-auto-art{justify-self:center;width:100%;max-width:330px;height:auto;pointer-events:none;user-select:none}
/* 主役のボタン。**画面にこれ1つだけ大きく**。1行目＝何をするか、2行目＝費用と時間 */
.ad-plan-dialog .ad-auto-go{display:inline-grid;justify-items:center;gap:2px;justify-self:start;margin:0;padding:13px 36px 12px;border:0;border-radius:999px;background:var(--rk-acc);color:#ffffff;
 box-shadow:0 8px 20px #0b57d03d,0 1px 2px #0b57d033;cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s}
.ad-plan-dialog .ad-auto-go>span{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:700;letter-spacing:.02em;line-height:1.4}
.ad-plan-dialog .ad-auto-go>span .ad-icon{width:22px;height:22px;fill:currentColor;stroke:none}
.ad-plan-dialog .ad-auto-go>small{font-size:12.5px;font-weight:500;line-height:1.3;color:#ffffffd9;letter-spacing:.03em}
.ad-plan-dialog .ad-auto-go:hover{background:var(--rk-acc-2);box-shadow:0 12px 26px #0b57d047,0 1px 2px #0b57d033;transform:translateY(-1px)}
.ad-plan-dialog .ad-auto-go:focus-visible{outline:3px solid #a8c7fa;outline-offset:3px}
.ad-plan-dialog .ad-auto-go:disabled{background:#aab4c3;box-shadow:none;transform:none;cursor:not-allowed;opacity:1}
.ad-auto-note{margin:0;max-width:52em;font-size:12.5px;line-height:1.7;color:var(--rk-ink-3)}
.ad-auto-note[data-warn="true"]{padding:8px 12px;border:1px solid #f5d08a;border-radius:12px;background:#fff7e6;color:#8a4b00}
.ad-plan-dialog .ad-auto-semi{justify-self:start;margin-top:14px;padding:4px 0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--rk-acc);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.ad-plan-dialog .ad-auto-semi:hover{background:none;text-decoration:underline;text-underline-offset:3px}
/* おまかせで使う中身：印つきの小さなカード */
.ad-auto-use{padding:20px 22px;border:1px solid var(--rk-line);border-radius:20px;background:#ffffff;box-shadow:var(--rk-shadow)}
.ad-auto-use h4,.ad-auto-prefs h4{margin:0 0 12px;font-size:15px;font-weight:700;color:var(--rk-ink)}
.ad-auto-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
@media(max-width:1000px){.ad-auto-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ad-auto-list li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:2px;align-content:start;padding:14px;border:1px solid #eceff3;border-radius:16px;background:#fbfcfe}
.ad-auto-ico{grid-row:1/span 3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--rk-acc-soft);color:var(--rk-acc)}
.ad-auto-ico .ad-icon{width:19px;height:19px}
.ad-auto-list li>span{grid-column:2;font-size:12px;color:var(--rk-ink-3);font-weight:500}
.ad-auto-list li>strong{grid-column:2;font-size:15px;font-weight:700;line-height:1.45;color:var(--rk-ink)}
.ad-auto-list li>.ad-rec{grid-column:2;margin-top:4px}
.ad-auto-list li[data-empty="true"]>strong{color:#b3261e;font-size:14px;font-weight:600}
.ad-auto-list li[data-empty="true"] .ad-auto-ico{background:#fce8e6;color:#b3261e}
.ad-auto-ask{padding:12px 16px;border:1px solid var(--rk-line);border-radius:16px;background:#ffffff}
.ad-auto-ask summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--rk-acc)}
.ad-auto-ask textarea{display:block;width:100%;box-sizing:border-box;margin:10px 0 6px;padding:10px 12px;border:1px solid var(--rk-line-2);border-radius:12px;font:inherit;font-size:14px}
.ad-auto-ask textarea:focus{outline:3px solid #d3e3fd;border-color:var(--rk-acc)}
.ad-auto-ask small{font-size:12px;color:var(--rk-ink-3)}
.ad-auto-prefs{padding:14px 18px;border:1px dashed #cdd2d8;border-radius:16px;background:#fbfcfe}
.ad-auto-prefs p,.ad-auto-prefs li{margin:0;font-size:13px;line-height:1.7;color:var(--rk-ink-2)}
.ad-auto-prefs ul{margin:0 0 10px;padding-left:18px}
.ad-auto-prefs .ad-auto-prefs-line{margin:0 0 10px;padding:10px 12px;border-radius:12px;background:var(--rk-acc-soft);color:var(--rk-ink);font-size:14px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}
.ad-auto-prefs .ad-auto-prefs-line[data-active="false"]{background:#f1f3f4;color:var(--rk-ink-2);font-weight:500}
.ad-auto-prefs .ad-auto-prefs-line[data-off="true"]{background:#f1f3f4;color:var(--rk-ink-3)}
.ad-auto-prefs-off{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;color:var(--rk-ink-2);cursor:pointer}
.ad-auto-prefs-off input{width:18px;height:18px;margin:0;accent-color:var(--rk-acc)}
.ad-plan-dialog .ad-auto-back{margin:0 0 10px}
/* 作っているあいだ */
.ad-auto-run{display:grid;gap:18px}
.ad-auto-meter{display:grid;gap:10px;padding:18px 20px;border:1px solid var(--rk-line);border-radius:20px;background:#ffffff;box-shadow:var(--rk-shadow)}
.ad-auto-meter-head{display:flex;align-items:baseline;gap:10px}
.ad-auto-meter-head strong{font-size:16px;font-weight:700;color:var(--rk-ink)}
.ad-auto-meter-head b{margin-left:auto;font-size:24px;font-weight:700;color:var(--rk-acc)}
.ad-auto-track{height:10px;border-radius:999px;background:#e6ebf2;overflow:hidden}
.ad-auto-track span{display:block;height:100%;width:calc(var(--pct,0)*1%);background:linear-gradient(90deg,#4c8df6,var(--rk-acc));border-radius:999px;transition:width .5s}
.ad-auto-meter small{font-size:12px;color:var(--rk-ink-3)}
/* できていく間も、できたあとも同じ大きさ（2026-10-11 卓馬「最初に大きく表示させる画面のままに。その後に画像が小さくなるのが非常に見にくい」）。
   PC は1行に3枚・少し狭い画面は2枚・スマホは1枚。以前はできる間5枚・できたあと幅180pxで7枚に縮んでいた */
.ad-auto-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(max-width:1000px){.ad-auto-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
.ad-auto-slot{position:relative;display:grid;place-items:center;margin:0;aspect-ratio:4/5;border:1.5px dashed #c9cdd3;border-radius:14px;background:#f8f9fb;overflow:hidden;text-align:center}
/* 番号（作る前の枠）だけ。見せ方の札（.ad-auto-look）まで22pxになり、画像の上半分を白い札が覆っていた（2026-10-09 実AIの通し確認） */
.ad-auto-slot>span:not(.ad-auto-look){font-size:22px;font-weight:700;color:#9aa0a6}
.ad-auto-slot>small{position:absolute;left:6px;right:6px;bottom:8px;font-size:12px;line-height:1.4;color:var(--rk-ink-3)}
.ad-auto-slot[data-state="make"]{border-color:var(--rk-acc);border-style:solid;animation:adAutoPulse 1.4s ease-in-out infinite}
.ad-auto-slot[data-state="done"]{border-style:solid;border-color:#a8dab5;box-shadow:var(--rk-shadow)}
.ad-auto-slot[data-state="fail"]{border-color:#f2b8b5}
.ad-auto-slot img{width:100%;height:100%;object-fit:cover}
@keyframes adAutoPulse{50%{background:#e8f0fe}}
@media (prefers-reduced-motion:reduce){.ad-auto-slot[data-state="make"]{animation:none}}
.ad-plan-dialog .ad-auto-main{justify-self:start;margin:0;padding:15px 32px;border-radius:999px;font-size:16px;font-weight:700;box-shadow:0 8px 20px #0b57d033}
.ad-auto-card{margin:0}
.ad-auto-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;pointer-events:none}
.ad-auto-card figcaption{padding:10px 14px 12px;font-size:13px;line-height:1.5;color:var(--rk-ink)}
/* いらない理由の札。押すまでは静か、押したら赤みの地 */
.ad-auto-reasons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:640px;margin:0 auto}
.ad-auto-reasons>span{width:100%;text-align:center;font-size:12.5px;font-weight:600;color:var(--rk-ink-3)}
.ad-auto-reason{padding:7px 14px;border:1px solid var(--rk-line-2);border-radius:999px;background:#ffffff;color:var(--rk-ink);font:inherit;font-size:13px;font-weight:500;box-shadow:none;cursor:pointer;transition:background .15s,border-color .15s}
.ad-auto-reason:hover:not(:disabled){border-color:#f2b8b5;background:#fff5f4}
.ad-auto-reason:disabled{opacity:.45;cursor:default}
.ad-auto-reason[data-on="true"]{background:#fce8e6;border-color:#ee675c;color:#b3261e;box-shadow:none;font-weight:600}
/* 残した広告 */
.ad-auto-kept{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.ad-auto-kept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.ad-auto-kept-item{position:relative;display:grid;gap:10px;margin:0;padding:8px 8px 10px;border:1px solid var(--rk-line);border-radius:18px;background:#ffffff;box-shadow:var(--rk-shadow);transition:box-shadow .15s,transform .15s}
.ad-auto-kept-item:hover{box-shadow:var(--rk-shadow-hi);transform:translateY(-2px)}
.ad-auto-kept-item img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px}
.ad-auto-kept-item figcaption{display:grid;gap:6px;padding:0 44px 0 4px;min-height:36px;font-size:13px;line-height:1.5;color:var(--rk-ink)}
/* × は画像の外（下の右）に置く。画像の右上だと見出しの字に重なった（2026-10-07 本番で確認） */
.ad-auto-kept-x{position:absolute;bottom:10px;right:10px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--rk-line-2);border-radius:50%;background:#ffffff;color:var(--rk-ink-3);font:inherit;font-size:15px;font-weight:600;line-height:1;cursor:pointer;box-shadow:none;transition:background .15s,color .15s,border-color .15s}
.ad-auto-kept-x:hover{background:#fce8e6;border-color:#f2b8b5;color:#b3261e}
.ad-auto-tools{display:flex;flex-wrap:wrap;gap:10px}
.ad-auto-sum{margin:0;font-size:12.5px;color:var(--rk-ink-2);text-align:center}
.ad-auto-sum[hidden]{display:none}
.ad-duel-side>img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;box-shadow:0 10px 30px #2021242e}
/* ナレッジの取り込み（管理者だけ） */
.ad-know-btn[hidden]{display:none}
.ad-know-form{display:grid;gap:12px;max-width:720px;padding:18px 20px;border:1px solid #dfe3e8;border-radius:18px;background:#ffffff;box-shadow:0 1px 2px #1f1f1f0f,0 6px 20px #1f2a4410}
.ad-know-form input[type="text"]{padding:10px 12px;border:1px solid #c4c7c5;border-radius:12px;font:inherit;font-size:15px}
.ad-know-form input[type="text"]:focus{outline:3px solid #d3e3fd;border-color:#0b57d0}
.ad-know-for{display:flex;flex-wrap:wrap;gap:16px;font-size:14px}
.ad-plan-dialog .ad-know-for label,.ad-plan-dialog .ad-know-row label{display:inline-flex;align-items:center;gap:6px;width:auto;margin:0;white-space:nowrap}
.ad-plan-dialog .ad-know-for input,.ad-plan-dialog .ad-know-row input{width:18px;height:18px;margin:0}
.ad-plan-dialog .ad-know-form>button{justify-self:start;width:auto}
.ad-know-said{font-size:13px;line-height:1.7;color:#3c4043}
.ad-know-said ul{margin:4px 0 8px;padding-left:18px}
.ad-know-skip li{color:#7a4b00}
.ad-know-list{display:grid;gap:10px;max-width:720px}
.ad-know-pack{display:grid;gap:6px;padding:12px 16px;border:1px solid #dadce0;border-radius:12px;background:#ffffff}
.ad-know-pack small{font-size:12px;color:#5f6368}
.ad-know-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:13px}
.ad-know-row label{display:flex;align-items:center;gap:6px}
/* おまかせのページの報せ（見出しの外・ページの先頭） */
.ad-plan-dialog .ad-plan-page>.ad-plan-status{margin:0 0 12px;padding:10px 14px;border:1px solid var(--rk-acc-line);border-radius:14px;background:var(--rk-acc-tint);font-size:13px;line-height:1.7;color:var(--rk-ink)}
.ad-plan-dialog .ad-plan-page>.ad-plan-status:empty{display:none}
.ad-auto-reason:disabled{border-style:dashed}
@media(max-width:640px){
 /* スマホ：そろい具合は1列（メーター→足りないもの）。入れる欄はボタンを下に */
 .ad-plan-dialog .ad-plan-ready{grid-template-columns:1fr;gap:12px;margin:12px 16px 12px;padding:14px}
 .ad-plan-dialog .ad-plan-ready-meter{width:62px;height:62px;padding-top:16px}
 .ad-plan-dialog .ad-plan-ready-meter::before{inset:6px}
 .ad-plan-dialog .ad-plan-ready-meter b{font-size:19px}
 /* 段の丸（①〜⑤）は1段で横に送る（2段に折れると、そろい具合が画面の下に押し出された） */
 .ad-plan-dialog .ad-plan-steps{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px}
 .ad-plan-dialog .ad-plan-step-dot{flex:0 0 auto;padding:6px 12px 6px 7px;font-size:12px}
 .ad-plan-dialog .ad-plan-ready-miss{grid-template-columns:1fr;gap:6px}
 .ad-plan-dialog .ad-ready-item{gap:10px;padding:9px 10px 9px 8px}
 .ad-ready-item strong{font-size:14px}
 .ad-ready-item small{font-size:12px}
 .ad-ready-inline{grid-template-columns:1fr;padding:0 10px 12px}
 .ad-plan-dialog .ad-ready-ok{justify-self:stretch}
 /* 主役の枠：絵は右上に小さく（見出しの横）。ボタンは横いっぱい */
 .ad-auto-hero{grid-template-columns:1fr;padding:18px 16px 16px;border-radius:20px}
 .ad-auto-art{position:absolute;top:10px;right:-6px;width:128px;opacity:.95}
 .ad-auto-hero-text{justify-items:stretch}
 .ad-auto-kicker{justify-self:start}
 .ad-plan-dialog .ad-auto-hero .ad-plan-page-head{margin:10px 112px 14px 0}
 .ad-plan-dialog .ad-auto-hero .ad-plan-page-head h3{font-size:22px}
 .ad-plan-dialog .ad-auto-hero .ad-plan-page-head p{font-size:13px;margin-right:-112px}
 .ad-auto-act{justify-items:stretch}
 .ad-plan-dialog .ad-auto-go{width:100%;padding:13px 16px 12px}
 .ad-plan-dialog .ad-auto-go>span{font-size:17px}
 .ad-plan-dialog .ad-auto-semi{justify-self:center;margin-top:10px}
 .ad-auto-use{padding:16px 14px}
 .ad-auto-list{grid-template-columns:1fr}
 .ad-auto-slots{grid-template-columns:minmax(0,1fr);gap:14px}
 .ad-auto-kept-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .ad-plan-dialog .ad-auto-main{width:100%}
 .ad-plan-dialog .ad-plan-page button[data-pick="one"],.ad-plan-dialog .ad-plan-page button[data-pick="multi"]{padding-left:46px}
 .ad-plan-dialog .ad-plan-page button[data-pick="one"]::before,.ad-plan-dialog .ad-plan-page button[data-pick="multi"]::before{left:14px;top:15px}
}

/* できた広告を全部並べて止める（2026-10-07） */
.ad-auto-gallery-head{display:grid;gap:4px;margin:16px 0 10px}
.ad-auto-gallery-head strong{font-size:18px;color:#1f1f1f}
.ad-auto-gallery-head span{font-size:13px;color:#5f6368}
.ad-auto-slots.is-gallery{margin-bottom:18px}
.ad-auto-slots.is-gallery figure{margin:0;cursor:zoom-in;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000001f,0 4px 14px #0000000f;transition:transform .15s,box-shadow .15s}
.ad-auto-slots.is-gallery figure:hover,.ad-auto-slots.is-gallery figure:focus-visible{transform:translateY(-2px);box-shadow:0 4px 18px #0b57d02e;outline:none}
.ad-auto-slots.is-gallery figure img{display:block;width:100%;height:auto}
/* 押すと画面いっぱいに（もう一度押すと戻る）。並びの大きさはそのまま */
.ad-auto-slots.is-gallery figure.is-zoom{position:fixed;inset:0;z-index:50;display:grid;place-items:center;margin:0;padding:84px 16px 20px;border:0;border-radius:0;background:#141c26e6;aspect-ratio:auto;transform:none;box-shadow:none;cursor:zoom-out}
.ad-auto-slots.is-gallery figure.is-zoom img{width:auto;height:auto;max-width:min(92vw,720px);max-height:calc(100dvh - 104px);object-fit:contain;border-radius:12px}
.ad-auto-slots.is-gallery figure.is-zoom .ad-auto-look{display:none}

/* 見せ方の札（2026-10-07 おまかせ：10枚の違い＝構図と色を一目で）。ロゴ（左上）とボタン（下）を避けて右上に重ねる */
.ad-auto-look{position:absolute;right:8px;top:8px;z-index:2;display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;max-width:calc(100% - 16px);padding:3px 8px;border-radius:999px;background:#ffffffeb;box-shadow:0 1px 4px #20212433;font-size:12px;line-height:1.4;color:var(--rk-ink,#202124);pointer-events:none}
.ad-auto-look b{font-weight:700}
.ad-auto-look small{font-size:12px;color:var(--rk-ink-3,#5f6368)}
.ad-auto-look em{font-style:normal;font-size:12px;font-weight:700;color:#137333}
.ad-auto-look em[data-kind="warn"]{color:#b3261e}
.ad-auto-kept-item .ad-auto-look{top:14px;right:14px}
/* 小さい画像（全体を見る一覧・残した広告）では札を1行に：見せ方の名前と点検だけ。色・並びまで出すと2行になり、広告の見出しを隠していた（2026-10-09 実AIの通し確認）。全部は1枚ずつの画面で見られる */
.ad-auto-slots.is-gallery .ad-auto-look small,.ad-auto-kept-item .ad-auto-look small{display:none}
.ad-deck-card .ad-auto-look{top:12px;right:12px;font-size:12px}
/* 帯（「全部の良いところをまとめた案」など）があるカードは、札を帯の下へ。帯の文字を札が隠していた（2026-10-09 実AIの通し確認） */
.ad-deck-ribbon~.ad-auto-look{top:44px}
.ad-auto-slots.is-gallery figure{position:relative}

/* ── 並びの骨組み（2026-10-08 おまかせ：10枚とも見出し上・札右・ボタン下だった）。ad_auto.SKELETONS と同じキー ──
   ① 押す前の見本（.ad-skel・字の無い枠だけ・無料）② 案の見本（.ad-mock[data-skeleton]）。ロゴは全部の骨組みで左上 */
.ad-auto-use h4.ad-skel-title{margin-top:20px}
.ad-skel-strip{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;max-width:1000px;margin:0 0 6px}
@media(max-width:900px){.ad-skel-strip{grid-template-columns:repeat(5,minmax(0,1fr))}}
.ad-skel{margin:0;display:grid;gap:4px}
.ad-skel figcaption{display:flex;gap:6px;align-items:baseline;font-size:12px;line-height:1.35;color:var(--rk-ink-2)}
.ad-skel figcaption b{font-size:12px;color:var(--rk-ink-3)}
.ad-skel-box{position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--rk-line);border-radius:10px;background:#f1f3f4}
.ad-skel-box i{position:absolute;display:block;border-radius:3px}
.ad-skel-box i.ad-skel-logo{left:5%;top:4%;width:18%;height:7%;z-index:2;background:#ffffff;border:1px solid var(--rk-line-2)}
.ad-skel-box i.ad-skel-lead{left:8%;top:17%;width:52%;height:5%;background:#9aa0a6}
.ad-skel-box i.ad-skel-head{left:8%;top:25%;width:84%;height:18%;background:#3c4043}
.ad-skel-box i.ad-skel-pic{left:8%;top:47%;width:84%;height:33%;background:#c6dafc}
.ad-skel-box i.ad-skel-cta{left:22%;bottom:5%;width:56%;height:8%;z-index:1;border-radius:999px;background:#0b57d0}
.ad-skel[data-skeleton="photo_band"] i.ad-skel-pic,.ad-skel[data-skeleton="gradient_mid"] i.ad-skel-pic{inset:0;width:auto;height:auto;border-radius:0}
.ad-skel[data-skeleton="photo_band"] .ad-skel-box::after{content:'';position:absolute;left:0;right:0;bottom:0;height:40%;background:#3c4043cc}
.ad-skel[data-skeleton="photo_band"] i.ad-skel-lead{top:63%;z-index:1;background:#dadce0}
.ad-skel[data-skeleton="photo_band"] i.ad-skel-head{top:70%;height:12%;z-index:1;background:#ffffff}
.ad-skel[data-skeleton="split"] i.ad-skel-pic{left:50%;top:0;width:50%;height:100%;border-radius:0}
.ad-skel[data-skeleton="split"] i.ad-skel-lead{width:36%}
.ad-skel[data-skeleton="split"] i.ad-skel-head{width:36%;height:34%}
.ad-skel[data-skeleton="split"] i.ad-skel-cta{left:6%;width:38%}
.ad-skel[data-skeleton="big_number"] i.ad-skel-head{left:28%;top:24%;width:44%;height:35%;border-radius:50%}
.ad-skel[data-skeleton="big_number"] i.ad-skel-pic{left:70%;top:62%;width:24%;height:20%}
.ad-skel[data-skeleton="big_number"] i.ad-skel-lead{left:24%;top:16%}
.ad-skel[data-skeleton="gradient_mid"] .ad-skel-box::after{content:'';position:absolute;left:0;right:0;top:35%;height:35%;background:#3c404399}
.ad-skel[data-skeleton="gradient_mid"] i.ad-skel-lead{left:24%;top:39%;z-index:1;background:#dadce0}
.ad-skel[data-skeleton="gradient_mid"] i.ad-skel-head{top:47%;height:16%;z-index:1;background:#ffffff}
.ad-skel[data-skeleton="text_card"] .ad-skel-box{background:#d3e3fd}
.ad-skel[data-skeleton="text_card"] .ad-skel-box::before{content:'';position:absolute;left:8%;right:8%;top:16%;bottom:20%;border-radius:8px;background:#ffffff}
.ad-skel[data-skeleton="text_card"] i.ad-skel-pic{display:none}
.ad-skel[data-skeleton="text_card"] i.ad-skel-lead{left:24%;top:24%;z-index:1}
.ad-skel[data-skeleton="text_card"] i.ad-skel-head{left:14%;top:33%;width:72%;height:30%;z-index:1}
.ad-skel[data-skeleton="quote_card"] i.ad-skel-lead{left:8%;top:15%;width:84%;height:24%;border-radius:8px;background:#fde293}
.ad-skel[data-skeleton="quote_card"] i.ad-skel-head{top:44%;height:14%}
.ad-skel[data-skeleton="quote_card"] i.ad-skel-pic{left:56%;top:61%;width:36%;height:22%}
/* 案の見本（写真の上に文字）。骨組みに合わせて文字の塊の場所だけ動かす。ボタンは1行のまま（white-space:nowrap は共通） */
.ad-mock[data-skeleton="photo_band"] .ad-mock-veil{background:linear-gradient(to bottom,#0a101c00 0%,#0a101c00 52%,#0a101ce6 60%,#0a101cf2 100%)}
.ad-mock[data-skeleton="photo_band"] .ad-mock-top{top:auto;bottom:30cqw}
.ad-mock[data-skeleton="split"] .ad-mock-photo{left:50%;width:50%}
.ad-mock[data-skeleton="split"] .ad-mock-veil{right:50%;background:#202124}
.ad-mock[data-skeleton="split"] .ad-mock-top,.ad-mock[data-skeleton="split"] .ad-mock-bottom{right:52cqw;left:4cqw}
.ad-mock[data-skeleton="split"] .ad-mock-head{font-size:min(8cqw,calc(42cqw / (var(--per,10) * .55 + .6)))}
.ad-mock[data-skeleton="split"] .ad-mock-cta{font-size:min(4.2cqw,calc(40cqw / var(--cn,8)));padding:2.2cqw 3cqw}
.ad-mock[data-skeleton="split"] .ad-mock-badge{right:auto;left:30cqw;top:66%}
.ad-mock[data-skeleton="big_number"] .ad-mock-top,.ad-mock[data-skeleton="gradient_mid"] .ad-mock-top{top:30%;align-items:center;text-align:center}
.ad-mock[data-skeleton="big_number"] .ad-mock-badge{top:22%;right:6cqw;width:30cqw;height:30cqw;font-size:6cqw}
.ad-mock[data-skeleton="gradient_mid"] .ad-mock-veil{background:linear-gradient(to bottom,#0a101c33 0%,#0a101c00 28%,#0a101cb3 40%,#0a101cb3 66%,#0a101c00 76%,#0a101ccc 100%)}
.ad-mock[data-skeleton="text_card"]{background:var(--accent)}
.ad-mock[data-skeleton="text_card"] .ad-mock-photo{display:none}
.ad-mock[data-skeleton="text_card"] .ad-mock-veil{inset:14cqw 7cqw 34cqw;border-radius:4cqw;background:#ffffff}
.ad-mock[data-skeleton="text_card"] .ad-mock-top{top:20cqw;left:12cqw;right:12cqw;align-items:center;text-align:center}
.ad-mock[data-skeleton="text_card"] .ad-mock-head{color:#202124;text-shadow:none}
.ad-mock[data-skeleton="quote_card"] .ad-mock-lead{font-size:5.6cqw;padding:3cqw 4cqw;background:#fef7e0}
.ad-mock[data-skeleton="quote_card"] .ad-mock-lead::before{content:'「'}
.ad-mock[data-skeleton="quote_card"] .ad-mock-lead::after{content:'」'}
.ad-auto-look small+small{color:var(--rk-ink-3)}

/* ═══ phase 2 B（2026-10-08 卓馬「根底から完成度を上げる」・docs/UX-AUDIT-2026-10-08.md の B）═══
 * 値は tokens.css の変数だけ。部品は components.css の ds-*。ここは置き場所と、古い指定に負けるところだけ */

/* 帯の下の「その他 ▾」（帯の中のボタンを「閉じる」だけにした・B-1） */
.ad-more-row{display:flex;justify-content:flex-end;margin:var(--ds-sp-2) 30px 0;min-height:0}
/* style.css の details の既定（白い箱・余白）を外す */
.ad-more,.ad-auto-break{margin:0;padding:0;border:0;border-radius:0;background:transparent}
.ad-more{position:relative}
.ad-more>summary{list-style:none;cursor:pointer}
.ad-more>summary::-webkit-details-marker{display:none}
.ad-more>summary::after{content:"";width:7px;height:7px;margin-left:2px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg)}
.ad-more[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.ad-more-list{position:absolute;right:0;top:calc(100% + var(--ds-sp-1));z-index:var(--ds-z-sticky);display:grid;gap:2px;min-width:240px;padding:var(--ds-sp-2);
 border:1px solid var(--ds-border);border-radius:var(--ds-r-md);background:var(--ds-surface);box-shadow:var(--ds-shadow-3)}
.ad-more-list .ad-plan-demo-slot{display:contents}
.ad-plan-dialog .ad-more-list button{display:flex;align-items:center;width:100%;min-height:var(--ds-touch);margin:0;padding:0 var(--ds-sp-3);border:0;border-radius:var(--ds-r-sm);
 background:transparent;box-shadow:none;color:var(--ds-text);font:var(--ds-fw-medium) var(--ds-fs-sm)/1.3 var(--ds-font);text-align:left;cursor:pointer}
.ad-plan-dialog .ad-more-list button:hover{background:var(--ds-surface-2)}
.ad-plan-dialog .ad-more-list button[hidden]{display:none}
.ad-plan-dialog .ad-more-list .ad-plan-approvals-btn{color:var(--ds-warning);font-weight:var(--ds-fw-bold)}

/* おまかせの費用の内訳（B-2：長い灰色の文は畳む） */
.ad-auto-break{margin-top:var(--ds-sp-1);font-size:var(--ds-fs-sm);color:var(--ds-text-2)}
.ad-auto-break>summary{cursor:pointer;color:var(--ds-text-2);font-size:var(--ds-fs-xs);width:max-content;max-width:100%}
.ad-auto-break>p{margin:var(--ds-sp-2) 0 0;max-width:52em;font-size:var(--ds-fs-xs);line-height:1.7;color:var(--ds-text-3)}
.ad-auto-note[hidden],.ad-auto-break[hidden]{display:none}
.ad-plan-dialog .ad-auto-hero .ad-auto-semi{margin-top:var(--ds-sp-3)}

.ad-plan-steps-note{align-self:center;margin-left:var(--ds-sp-2);font-size:var(--ds-fs-xs);color:var(--ds-text-3);list-style:none}
@media(max-width:640px){.ad-plan-steps-note{flex:0 0 auto}}

/* 待つ間にLPの質問に答える（B-3） */
.ad-auto-wait{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ds-sp-3);margin:var(--ds-sp-4) 0}
.ad-auto-wait-text{display:grid;gap:2px;min-width:0;flex:1 1 280px}
.ad-auto-wait-text strong{font-size:var(--ds-fs-md);color:var(--ds-text)}
.ad-auto-wait-text small{font-size:var(--ds-fs-sm);line-height:1.6;color:var(--ds-text-2)}

/* 決めた画面（B-4・見本 result_pc）：上に緑の知らせ、左に決めた広告、右に次にやること */
.ad-done{gap:var(--ds-sp-5)}
.ad-done-alert{font-size:var(--ds-fs-md)}
.ad-done-alert .ds-alert__title{font-size:var(--ds-fs-xl)}
.ad-done-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--ds-sp-6);align-items:start}
.ad-done-main .ds-section-head{margin-bottom:var(--ds-sp-3)}
/* 決めた広告も大きく（2026-10-11：1枚185px幅で、見出しの字が読めなかった） */
.ad-done-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.ad-auto-kept-item.ad-done-item figcaption{padding:0 4px;gap:var(--ds-sp-2)}
.ad-done-item-tools{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:var(--ds-sp-1);align-items:center}
.ad-done-item-tools .ds-btn--sm{padding:0 var(--ds-sp-2);min-height:var(--ds-touch)}
.ad-done-item-tools .ad-download{margin:0}
.ad-done-next{position:sticky;top:var(--ds-sp-4);display:grid;gap:var(--ds-sp-3)}
.ad-done-next .ds-card__desc{margin:0}
.ad-plan-dialog .ad-done-tolp{white-space:normal;text-align:center;min-height:64px}
.ad-done-more{display:flex;flex-wrap:wrap;gap:var(--ds-sp-1);padding-top:var(--ds-sp-2);border-top:1px solid var(--ds-border)}
.ad-done-where{margin:0;padding:var(--ds-sp-3);border-radius:var(--ds-r-md);background:var(--ds-surface-2);font-size:var(--ds-fs-xs);color:var(--ds-text-2)}

@media(max-width:900px){
 .ad-done-layout{grid-template-columns:minmax(0,1fr)}
 .ad-done-next{position:static;order:-1}
}
@media(max-width:640px){
 .ad-more-row{margin:var(--ds-sp-2) 16px 0}
 /* 1fr だと中身の最小幅（直す＋ダウンロードの1行）で広がり、スマホで右が20pxはみ出して「次にやること」の枠が切れていた（2026-10-09 実AIの通し確認） */
 .ad-done-grid{grid-template-columns:minmax(0,1fr)}
 .ad-done-item-tools{flex-wrap:wrap}
 .ad-auto-wait .ds-btn{width:100%}
}

/* ═══ プルム（LP）の部屋 phase 2 B（2026-10-08・UX監査 B-5）═══
 * LP の画面の古い指定は style.css にあるが、ホームの作業（A）と同じファイルを触らないよう、ここに足す。
 * 道は1つ（ds-next の「LPをつくる」）。デモ・ほかの作り方は下の畳み。作ったLPは日付と状態の札つき */
.lp-hub-dialog .lp-hub-body{display:grid;gap:var(--ds-sp-6);padding-top:var(--ds-sp-5)}
.lp-hub-dialog .lp-hub-next .ds-next__title{font-size:var(--ds-fs-2xl)}
.lp-hub-dialog .lp-hub-list{margin:0}
.lp-hub-dialog .lp-hub-list .ds-section-head{margin:0 0 var(--ds-sp-3)}
.lp-hub-dialog .lp-hub-items{display:grid;gap:var(--ds-sp-2)}
.lp-hub-dialog .lp-hub-item{display:grid;gap:var(--ds-sp-1);width:100%;text-align:left;padding:var(--ds-sp-3) var(--ds-sp-4)!important;border-radius:var(--ds-r-md)!important;
 background:var(--ds-surface);color:var(--ds-text)!important;font:inherit;min-height:var(--ds-touch)}
.lp-hub-item-top{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-sp-3);min-width:0}
.lp-hub-item-top .ds-chip{margin-left:auto;flex:none}
.lp-hub-item-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ds-fs-md)}
.lp-hub-item-meta{display:flex;flex-wrap:wrap;gap:var(--ds-sp-1) var(--ds-sp-4);font-size:var(--ds-fs-xs);color:var(--ds-text-3);font-weight:var(--ds-fw-regular)}
.lp-hub-dialog .lp-hub-empty{display:grid;justify-items:center;padding:var(--ds-sp-8) var(--ds-sp-4)}
.lp-hub-dialog .lp-hub-empty .spot{width:96px;height:96px}
.lp-hub-dialog .lp-hub-more{margin:0;padding:0;border:0;background:transparent}
.lp-hub-more>summary{cursor:pointer;width:max-content;max-width:100%;padding:var(--ds-sp-2) 0;font-size:var(--ds-fs-sm);font-weight:var(--ds-fw-medium);color:var(--ds-accent)}
.lp-hub-more-list{display:grid;gap:var(--ds-sp-3);margin-top:var(--ds-sp-2);padding:var(--ds-sp-4);border-radius:var(--ds-r-lg);background:var(--ds-surface-2)}
.lp-hub-alt{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--ds-sp-3)}
.lp-hub-alt small{font-size:var(--ds-fs-xs);line-height:1.6;color:var(--ds-text-2)}
@media(max-width:640px){
 .lp-hub-alt{grid-template-columns:1fr}
 .lp-hub-alt .ds-btn{justify-self:start}
 .lp-hub-dialog .lp-hub-next .ds-next__title{font-size:var(--ds-fs-xl)}
}

/* ── プルム ⑥ 仕上げて公開（B-6）：主役は「画像で仕上げる」、最後に「公開する」。別の仕上げ方は畳む ── */
.lp-wizard .lp-build-steps{margin:var(--ds-sp-2) 0 var(--ds-sp-5);max-width:520px}
.lp-wizard .lp-image-box.ds-card{display:grid;gap:var(--ds-sp-3);margin:0 0 var(--ds-sp-4);padding:var(--ds-sp-5);border:1px solid var(--ds-border);border-radius:var(--ds-r-lg);background:var(--ds-surface)}
.lp-wizard .lp-image-box.lp-hero{border-color:var(--ds-accent-border);background:linear-gradient(135deg,var(--ds-surface) 0%,var(--ds-surface) 55%,var(--ds-accent-softer) 100%);box-shadow:var(--ds-shadow-2)}
.lp-wizard .lp-image-box.is-done{border-color:var(--ds-success-border)}
.lp-hero-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-sp-2)}
.lp-hero-head strong{font-size:var(--ds-fs-xl);color:var(--ds-text)}
.lp-hero-action{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-sp-3)}
.lp-wizard .lp-image-box .lp-wizard-lead{margin:0}
.lp-image-tiers{margin:0;padding:0;border:0;background:transparent}
.lp-image-tiers>summary{cursor:pointer;width:max-content;max-width:100%;font-size:var(--ds-fs-sm);color:var(--ds-accent)}
.lp-image-tiers .ds-choice-grid{margin-top:var(--ds-sp-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.lp-image-state:empty{display:none}
.lp-image-state{margin:0;font-size:var(--ds-fs-sm);color:var(--ds-text-2)}
.lp-wizard .lpw-fold{margin:0 0 var(--ds-sp-4)}
.lp-publish-card{display:grid;gap:var(--ds-sp-2);margin:0 0 var(--ds-sp-4)}
.lp-publish-card.is-ready{border-color:var(--ds-accent-border);box-shadow:var(--ds-shadow-2)}
.lp-publish-title{font-size:var(--ds-fs-lg);color:var(--ds-text)}
.lp-publish-card .lp-wizard-lead,.lp-done-next .lp-wizard-lead{margin:0}
.lp-publish-note{margin:0;font-size:var(--ds-fs-xs);line-height:1.6;color:var(--ds-text-3)}
.lp-wizard .lp-wizard-actions{margin:var(--ds-sp-1) 0}
.lp-wizard .lp-alt{margin:0 0 var(--ds-sp-4);padding:0;border:0;border-radius:0;background:transparent}
.lp-alt>summary{cursor:pointer;width:max-content;max-width:100%;padding:var(--ds-sp-2) 0;font-size:var(--ds-fs-sm);font-weight:var(--ds-fw-medium);color:var(--ds-text-2)}
.lp-alt[open]{padding:var(--ds-sp-3) var(--ds-sp-4);border-radius:var(--ds-r-md);background:var(--ds-surface-2)}
/* 公開したあと（見本 result_pc：緑の知らせ・公開URL・次にやること） */
.lp-done{display:grid;gap:var(--ds-sp-3);margin:0 0 var(--ds-sp-5)}
.lp-done-url{display:flex;align-items:center;gap:var(--ds-sp-2);min-width:0}
.lp-done-url .ds-input{flex:1 1 auto;min-width:0;font-size:var(--ds-fs-sm)}
.lp-done-next{display:grid;gap:var(--ds-sp-2)}
.lp-wizard .lp-wizard-urls{margin:0}
/* ⑥のカードは中身の最小幅で広がらない。ボタンは長いと折り返す。「画像でもう一度仕上げる 約125円…」「ページの形で見る（…）」が1行のまま幅を押し広げ、スマホで右が切れていた（2026-10-09 実AIの通し確認） */
.lp-wizard :is(.lp-image-box,.lp-publish-card)>*{min-width:0}
.lp-wizard :is(.lp-image-box,.lp-publish-card) .ds-btn{max-width:100%;white-space:normal;text-align:center}
/* 「…」（スマホだけ）。見本・保存はここから */
.lp-wizard-footmore{display:none}
.lp-wizard-steps-now{display:none}
.lp-wizard-steps-tail{display:flex;align-items:center;gap:var(--ds-sp-2);margin-left:auto;flex:none}
@media(max-width:700px){
 .lp-wizard .lp-wizard-steps{padding:8px 16px}
 .lp-wizard .lp-wizard-steps>li:not(.lp-wizard-steps-now):not(.lp-wizard-steps-tail){display:none}
 .lp-wizard .lp-wizard-steps{align-items:center}
 .lp-hub-item-top strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 .lp-wizard .lp-wizard-steps-now{display:block;font-size:var(--ds-fs-sm);font-weight:var(--ds-fw-bold);color:var(--ds-accent)}
 .lp-wizard .lp-wizard-foot{flex-wrap:wrap;gap:var(--ds-sp-2)}
 .lp-wizard .lp-wizard-foot .lp-wizard-msg{order:-1;flex-basis:100%;margin:0;font-size:var(--ds-fs-xs)}
 .lp-wizard .lp-wizard-foot .lp-wizard-msg:empty{display:none}
 .lp-wizard .lp-wizard-foot .lp-wizard-footmore{display:inline-flex;align-items:center;justify-content:center;min-width:var(--ds-touch);margin-left:auto}
 .lp-wizard .lp-wizard-foot>.lp-wizard-peek,.lp-wizard .lp-wizard-foot>button:nth-last-child(2){display:none}
 .lp-wizard .lp-wizard-foot.show-more{flex-wrap:wrap}
 .lp-wizard.has-live .lp-wizard-foot.show-more>.lp-wizard-peek,.lp-wizard .lp-wizard-foot.show-more>button:nth-last-child(2){display:inline-flex;order:5;flex:1 1 40%}
 .lp-wizard .lp-wizard-foot>button:last-child{flex:1 1 auto}
 .lp-done-url{flex-wrap:wrap}
}

/* 折りたたみの見出しに自動で付く「3 / 3」「1 / 2」（app.js の showFoldContents）は、選ぶ札・ボタンだけの畳みでは意味が分からないので出さない（2026-10-08） */
:is(.ad-more,.ad-auto-break,.lp-image-tiers,.lp-alt,.lp-hub-more,.lp-image-secs,.lp-wizard-urls)>summary .fold-count{display:none}

/* 12px 未満の字をなくす（2026-10-08 phase 2 B・最小 12px）。広告・LP の画面の古い指定（style.css）を、同じ選択子でここから上書きする */
#lp-checks .lvl,
.ad-plan-head small,
.ad-plan-who strong,
.ad-plan-insight strong,
.ad-plan-tags span,
.ad-plan-tags em,
.ad-plan-card dt,
.ad-plan-card dd,
.ad-plan-card>small,
.ad-plan-group-head small,
.ad-plan-score,
.ad-plan-blocked,
.ad-plan-field span,
.ad-plan-card .ad-plan-field:first-of-type span,
.ad-plan-research p,
.ad-plan-source-list li,
.ad-plan-source-missing li,
.ad-plan-made-meta li,
.ad-plan-made-meta small,
.ad-plan-open,
.ad-plan-stage-head>small,
.ad-plan-stage-meta li,
.ad-plan-stage-meta small,
.ad-plan-face>span,
.ad-plan-style-note,
.ad-note-said,
.ad-note-list>li>strong,
.ad-note-list>li>small,
.ad-note-done,
.ad-plan-all-item figcaption,
.ad-plan-all-bad,
.ad-plan-use,
.ad-plan-own-style,
.ad-plan-history>span,
.ad-plan-offer-item em,
.ad-plan-offer-item[data-on=true]::after,
.ad-plan-risky,
.ad-plan-conv-item>em,
.ad-plan-conv-url,
.ad-plan-offer-item>em,
.ad-plan-dialog .ad-plan-conv-item[data-on=true]::after,
.ad-plan-dialog .ad-plan-offer-item[data-on=true]::after,
.ad-plan-dialog .has-tip>strong::after,
.ad-plan-card-kind,
.ad-plan-row .ad-plan-tags>*,
.ad-plan-row .ad-plan-own-style,
.ad-plan-row .ad-plan-use,
.ad-plan-row .ad-plan-field>span,
.ad-plan-row .ad-plan-copy,
.ad-plan-gallery-style small,
.ad-plan-gallery-cell>span,
.ad-plan-gallery-cap,
.ad-editor-tab small,
.ad-editor-variant .ad-editor-score-row,
.lp-ideas .idea-meta,
.lp-ideas .idea-basis,
.lp-wizard-choices button small,
.lpt-score small,
#lp-dialog.lp-studio .lps-name small,
.lps-opt,
.lps-num,
.lpq-badge,
.lpq-src,
.ad-editor-ai-row>span,
.lpq-secs li small,
.lpq-tag,
.ad-iphone-who small,
.lp-story-x,
.lpw-part small{font-size:12px}

/* おまかせの進み具合（<progress> の部品）。枠の中で少し太く */
.ad-auto-meter .ad-auto-bar{height:10px}
/* 「おすすめ」の札は部品（ds-chip--recommend）と同じ色の出どころに（2026-10-08） */
.ad-rec>b{border-color:var(--ds-recommend-border);background:var(--ds-recommend-bg);color:var(--ds-recommend)}

/* プルム ⑥ 広告ごとの最初の1画面（2026-10-09）：広告と、その広告から来た人が見る最初の1画面を横に並べる */
.lp-heroes{display:grid;gap:var(--ds-sp-3);margin:0;padding:var(--ds-sp-4) 0 0;border-top:1px solid var(--ds-border);min-width:0}
.lp-heroes-title{font-size:var(--ds-fs-lg);color:var(--ds-text)}
.lp-heroes .lp-heroes-say{margin:0}
.lp-heroes-warn{margin:0;font-size:var(--ds-fs-sm);color:var(--ds-warning)}
.lp-heroes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--ds-sp-3);min-width:0}
.lp-heroes-card{display:grid;gap:var(--ds-sp-2);margin:0;padding:var(--ds-sp-3);border:1px solid var(--ds-border);border-radius:var(--ds-r-md);background:var(--ds-surface);min-width:0}
.lp-heroes-card.is-own{border-color:var(--ds-success-border)}
.lp-heroes-card.is-old{border-color:var(--ds-warning-border);background:var(--ds-surface-2)}
.lp-heroes-card.is-old .lp-heroes-lp{opacity:.55}
.lp-heroes-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--ds-sp-2)}
.lp-heroes-pair img{display:block;width:100%;height:auto;border-radius:var(--ds-r-sm);background:var(--ds-surface-2)}
.lp-heroes-arrow{font-size:var(--ds-fs-lg);color:var(--ds-text-3)}
.lp-heroes-card figcaption{display:grid;gap:2px;font-size:var(--ds-fs-sm);line-height:1.5;color:var(--ds-text-2);min-width:0}
.lp-heroes-card figcaption b{color:var(--ds-text);overflow-wrap:anywhere}
.lp-heroes-tag{font-size:var(--ds-fs-xs)}
.lp-heroes-card.is-old .lp-heroes-tag{color:var(--ds-warning);font-weight:var(--ds-fw-medium)}
.lp-heroes-go{justify-self:start}
.lp-heroes-card figcaption .lp-image-check{justify-self:start}

/* プルム ⑥ ボタンと一言（2026-10-10・lp_cta）：置いた場所ごとに、ボタンの言葉と一言 */
.lp-cta-box>summary{cursor:pointer;font-weight:700}
.lp-cta-list{display:grid;gap:var(--ds-sp-3);margin:var(--ds-sp-3) 0;min-width:0}
.lp-cta-row{display:grid;gap:var(--ds-sp-2);padding:var(--ds-sp-3);border:1px solid var(--ds-border);border-radius:var(--ds-r-md);background:var(--ds-surface);min-width:0}
.lp-cta-head{display:flex;flex-wrap:wrap;gap:var(--ds-sp-2);align-items:baseline}
.lp-cta-where{font-size:var(--ds-fs-sm);color:var(--ds-text-3)}
.lp-cta-field{display:grid;gap:4px;font-size:var(--ds-fs-sm);color:var(--ds-text-2)}
.lp-cta-field .ds-input{width:100%;box-sizing:border-box}
.lp-cta-issues{margin:0;padding-left:1.2em;font-size:var(--ds-fs-sm);color:var(--ds-warning)}

/* ── リクトで決めた広告から始めたプルム（2026-10-11 卓馬「LPにその要素が入って、ちゃんとライティングされたLP」）── */
.lpw-a2l{display:grid;gap:12px;margin:8px 0 18px;padding:18px 20px;border:1px solid #c9dafb;border-radius:18px;background:#f5f9ff}
.lpw-a2l[data-state="ready"]{border-color:#a8dab5;background:#f3fbf5}
.lpw-a2l[data-state="fail"]{border-color:#f2b8b5;background:#fff5f4}
.lpw-a2l-head{display:flex;align-items:center;gap:10px}
.lpw-a2l-head strong{font-size:17px;line-height:1.5;color:#1f1f1f}
.lpw-a2l-spin{flex:0 0 auto;width:20px;height:20px;border:3px solid #c9dafb;border-top-color:#0b57d0;border-radius:50%;animation:lpwA2lSpin 1s linear infinite}
@keyframes lpwA2lSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.lpw-a2l-spin{animation:none}}
.lpw-a2l-ads{display:flex;flex-wrap:wrap;gap:10px}
.lpw-a2l-ad{width:96px;aspect-ratio:4/5;object-fit:cover;border-radius:10px;box-shadow:0 1px 4px #20212433}
.lpw-a2l-facts{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.lpw-a2l-facts li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:8px;font-size:14px;line-height:1.6;color:#3c4043}
.lpw-a2l-facts b{font-weight:700;color:#1f1f1f}
.lpw-a2l .lpw-a2l-go{justify-self:start}
.lpw-a2l-more{display:flex;flex-wrap:wrap;gap:6px}
@media(max-width:640px){
 .lpw-a2l{padding:14px}
 .lpw-a2l-facts li{grid-template-columns:minmax(0,1fr);gap:0}
 .lpw-a2l .lpw-a2l-go{justify-self:stretch}
 .lpw-a2l-ad{width:72px}
}