/* ============================================================
   micro-fix.css — 表示の細かな崩れの直し（2026-10-04）
   読込: mu-plugins/linxas-micro-fix.php（トップ・固定ページ・投稿・店舗ページ）。
   規則はすべてページ・部品の class で限定する。文言は変えない。
   改行の指定は white-space:nowrap と word-break:break-word だけ。
   ============================================================ */

/* 店頭買取（/store-purchase/）の FV の下の帯 .fv-chips
   FV が一枚絵（fv-v2）になって、.fv-todo 向けの帯の規則が当たらなくなっていた。白地向けに付け直す。
   最後の span（古物商許可）は帯にせず、1 行の注記にする。画像が届かないとき（.fv-img-failed）の色は既存の規則のまま。 */
.main.store-purchase .topbanner.fv-v2 .fv-chips{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px; max-width:560px; margin:0 auto; padding:0 16px 20px; }
.main.store-purchase .topbanner.fv-v2:not(.fv-img-failed) .fv-chips > span{ padding:4px 10px; border:1px solid var(--color7); border-radius:999px; background:var(--color10); color:var(--color4); font-size:12px; font-weight:700; line-height:1.4; white-space:nowrap; }
.main.store-purchase .topbanner.fv-v2 .fv-chips > span:last-child{ flex-basis:100%; padding:2px 0 0; border:0; border-radius:0; background:none; font-size:11px; font-weight:400; line-height:1.6; text-align:center; white-space:normal; word-break:break-word; }
.main.store-purchase .topbanner.fv-v2:not(.fv-img-failed) .fv-chips > span:last-child{ color:var(--color3); }
/* 同じ FV の LINE・電話のボタン：320px で「予／約」と折れるため、狭い幅だけ左右の余白を詰める */
@media (max-width: 374px){
  .main.store-purchase .topbanner.fv-v2 .fv-sub2 .fv-line,
  .main.store-purchase .topbanner.fv-v2 .fv-sub2 .fv-tel{ padding-left:8px; padding-right:8px; }
}

/* 店頭買取の CTA の帯：PC でボタン 2 つが左に寄っていた（見出しは中央）。中央に揃える */
.main.store-purchase.store-purchase .cta-band .cta-band-btns{ justify-content:center; }

/* トップのよくある質問の見出し：320px で「質／問」と折れ、青い帯が 2 行目に重なる。狭い幅だけ 1 行に収める */
@media (max-width: 374px){
  .home .question .sectionttl h2{ font-size:20px; }
}

/* 記事（lx-article 型）の目次と本文の空の p（WordPress の自動整形で入るもの）。番号と本文カードの間の隙間・本文の余白を消す */
.lx-toc__item > p:empty,
.lx-article p:empty{ display:none; }

/* 記事の FV の見出し（PC）：760px の幅で最後の 2 文字だけ次の行に落ちていた。アイコン枠の内側に収まる 840px まで広げる */
@media (min-width: 1024px){
  body.linxas-fixed-post .lx-fv__title{ max-width:840px; }
}

/* LINE でのお問い合わせ（/line-contact/）の見出し：390px で「お問い合わ／せ」と折れる。狭い幅では幅に合わせて文字を小さくし 1 行に収める */
@media (max-width: 440px){
  .page-id-28021 .box h1{ font-size:min(32px, 7.2vw); }
}

/* 郵送買取（/delivery-purchase/）の「→ 法人買取」などの行き先：語の途中で折れないようにする */
.main.delivery-purchase .bi .bt em{ white-space:nowrap; }

/* 高く売るコツ（/knack-to-sell/）の本文中のリンク：「見／る ›」「郵送／買取」と折れないようにする */
.main.knack-to-sell .il-d a{ white-space:nowrap; }

/* ---- 2026-10-04 追記（micro_fix2 便） ---- */

/* 記事（.box h1 型）の FV 見出し：320px で 4 行になり最終行が 2〜3 文字だけになる。狭い幅では幅に合わせて文字を少し小さくする。
   8.0vw は本番の .box h1 型 82 記事を 320・390 で測って決めた値。postid-38674（iPhoneを売る時にすること）だけは小さくすると最終行が 1 文字になるため対象から外す */
@media (max-width: 440px){
  body.single-post:not(.postid-38674) .box h1{ font-size:min(32px, 8vw); }
}

/* 店頭買取（/store-purchase/）の FV チップ：360〜470px で 3 つ＋1 つに並び「強引な買取なし」だけが 2 行目に来る。
   2 つ目の後で行を切って 2 つ＋2 つに並べる（許可番号の注記は全幅のまま・行の間隔は 6px のまま） */
@media (max-width: 479px){
  .main.store-purchase .topbanner.fv-v2 .fv-chips{ row-gap:0; }
  .main.store-purchase .topbanner.fv-v2 .fv-chips::after{ content:""; flex-basis:100%; height:0; order:2; }
  .main.store-purchase .topbanner.fv-v2 .fv-chips > span{ order:3; }
  .main.store-purchase .topbanner.fv-v2 .fv-chips > span:nth-child(-n+2){ order:1; }
  .main.store-purchase .topbanner.fv-v2 .fv-chips > span:nth-child(n+3){ margin-top:6px; }
  .main.store-purchase .topbanner.fv-v2 .fv-chips > span:last-child{ order:4; }
}

/* 店舗ページ（single-buyshops.php・.main.shop）流れの節の全幅ボタン .flow-btn a.button.full（2026-10-04 FLOW-BTN）
   中央寄せ（SP は全幅・PC は最大 400px で左右 auto）。<i class="arrow"> に白い山形を描く（この場所に見た目の規則が無かった）。
   文字は .nw（nowrap）の塊の間でだけ折れる（テンプレートで span を 2 つに分けた）。
   SP の矢印は右 20px・縦中央に固定し（共通規則 .main a.button i の margin-top:2px を打ち消す）、押したとき（:hover）も縦位置を保つ */
.main.shop .flow-btn{ text-align:center; }
.main.shop .flow-btn a.button.full{
  display:flex; align-items:center; justify-content:center; gap:12px;
  width:100%; max-width:400px; margin-left:auto; margin-right:auto;
  text-align:center; word-break:break-word; box-sizing:border-box;
}
.main.shop .flow-btn a.button.full .nw{ white-space:nowrap; }
.main.shop .flow-btn a.button.full .arrow{ flex:0 0 auto; position:relative; width:14px; height:14px; display:block; }
.main.shop .flow-btn a.button.full .arrow::after{
  content:""; position:absolute; top:50%; left:50%; width:7px; height:7px;
  border:solid #fff; border-width:2px 2px 0 0; transform:translate(-70%,-50%) rotate(45deg);
}
@media (max-width:750px){
  .main.shop .flow-btn a.button.full{ max-width:none; padding:16px 44px 16px 24px; position:relative; }
  .main.shop .flow-btn a.button.full .arrow{ position:absolute; right:20px; top:50%; margin:0; transform:translateY(-50%); }
  .main.shop .flow-btn a.button.full:hover .arrow{ transform:translate(5px,-50%); }
}
/* 同じ節の 2 列カード（.flow-others）の「詳しくはこちら」が 320 で「こち／ら」と折れる → 狭い幅だけボタンを列幅いっぱいにして 1 行に */
@media (max-width:374px){
  .main.shop section.flow .flow-others .others-content .others-content-block .text a.button{ width:100%; padding-left:6px; padding-right:6px; white-space:nowrap; }
}