/* 162（2026-10-08）表示崩れの修正（橋村さんのスクショ6点＋同種の箇所） */

/* ── MIEKATA：積み木 ── 何も積んでいない時の大きな空白と、土台の下が切れて見える問題 */
html body .bk155-stage{min-height:0!important;padding:20px 20px 20px!important;justify-content:flex-end}
html body .bk155-stack{min-height:150px;justify-content:flex-start}
html body .bk155-stack:empty{display:grid;place-items:center;border:2px dashed #c9d3fb;border-radius:14px;margin-bottom:12px}
html body .bk155-stack:empty::before{content:'右の「＋」を押すと、ここに積み木が積み上がります';padding:0 16px;font-size:16px;font-weight:700;color:#5b6385;text-align:center;line-height:1.7}
html body .bk155-base{border-radius:14px!important}
@media(max-width:600px){html body .bk155-stack:empty::before{font-size:14px}}

/* ── MIEKATA：ベースパッケージ ── 文字だけの「基本制作の全体像」は、上の実物ギャラリーと重複するため非表示 */
html body #base .package148{display:none!important}
html body #base .package{display:block!important}
html body #base .package-copy{margin:0!important}
/* 補足文：左にずれて半分だけ白い帯 → カードと同じ幅の帯に */
html body #base .package-summary122{display:block;width:auto!important;max-width:none!important;margin:14px 0 0!important;padding:16px 20px!important;border:1px solid #d4dbf5!important;border-left:4px solid #2448d8!important;border-radius:12px!important;background:#fff!important;font-size:16px;line-height:1.8}

/* ── MIEKATA：お支払いグラフ ── 1か月目の「2本」が棒にかぶる → ラベルは12か月目だけ */
html body .cf154-col.is-first .cf154-art{display:none!important}

/* ── MIEKATA：制作の流れ ── 矢印が次の丸に寄って浮いて見える → 丸どうしを線でつなぐ */
@media(min-width:1024px){
  html body[data-story126] #flow .steps li{position:relative}
  html body[data-story126] #flow .steps li:not(:last-child)::after{content:''!important;position:absolute!important;inset:auto!important;top:25px!important;left:64px!important;right:-6px!important;height:0!important;border-top:2px dashed #9fb0ff!important;background:none!important;font-size:0!important}
}
@media(max-width:1023px){html body[data-story126] #flow .steps li:not(:last-child)::after{background:transparent!important}}

/* ── AIKATA：支援内容 ── 「詳しく見る」ボタンが紺の帯の境目にかかる */
html body.aikata .services-section .more150{margin:40px auto 0;padding-bottom:8px}

/* 162b：スマホ・タブレットの崩れ（全体確認で見つかった分） */
/* MIEKATA：できあがるもの のキャプション（番号の丸が下にずれる・見出しが変な所で折れる） */
@media(max-width:600px){
  html body .b158-card figcaption{display:block!important;padding:10px 10px 12px}
  html body .b158-card .b158-no{display:inline-grid!important;width:26px!important;height:26px!important;margin:0 6px 4px 0;font-size:14px!important;vertical-align:middle}
  html body .b158-card figcaption b{display:inline;font-size:14px;line-height:1.5}
  html body .b158-card figcaption small{display:block;margin-top:2px;font-size:14px!important;line-height:1.5}
}
/* MIEKATA：積み木の合計（「100,000円」が2行に割れる） */
@media(max-width:600px){
  html body .bk155-total{grid-template-columns:1fr!important}
  html body .bk155-total>p:first-child{white-space:nowrap}
  html body .bk155-sum{white-space:nowrap}
  html body .bk155-sum b{font-size:40px!important}
  html body .bk155-reset{grid-column:1!important;grid-row:auto!important;justify-self:start;margin-top:6px}
}
/* MIEKATA：料金カード（スマホで左右の余白がない） */
@media(max-width:800px){html body #pricing .price-panel{padding:24px 22px!important}}
/* MIEKATA：記事の例（スマホで写真がカード全体に広がり文字にかかる） */
@media(max-width:900px){
  html body .ex163-card{grid-template-columns:130px minmax(0,1fr)!important}
  html body .ex163-eye{width:100%!important;height:100%!important;aspect-ratio:auto!important;min-height:110px}
  html body .ex163-title{flex-direction:column;gap:6px;text-align:center}
  html body .ex163-title span{white-space:nowrap}
}
@media(max-width:600px){html body .ex163-card{grid-template-columns:108px minmax(0,1fr)!important}}

/* AIKATA：FVのマーカーが単語の途中で折れる */
html body.aikata .hero110 .hl150{white-space:nowrap}
/* AIKATA：詳しく見るボタンの文字が折れる */
@media(max-width:600px){html body.aikata .more150-link{font-size:15px;gap:10px;padding:13px 14px 13px 20px}html body.aikata .more150-link span{white-space:nowrap}}
/* AIKATA：プランの積み木（時間が「／月」で改行） */
@media(max-width:600px){html body.aikata .ak150-hrs{white-space:nowrap;font-size:14px}html body.aikata .ak150-hrs b{font-size:20px!important}html body.aikata .ak150-col{padding:14px 6px 16px}}
/* AIKATA：支援事例の絵（スマホで左右に隙間） */
@media(max-width:600px){html body.aikata .ak150-case-top{padding:18px 16px 16px!important}html body.aikata .ak150-case-top figure.ak163-pict{margin:-18px -16px 14px!important}}