@charset "UTF-8";
/* ========================================================
   追記・カスタム用スタイルシート (add.css)
   既存のCSSを直接触らず、ここに追加・上書きスタイルを記述します
======================================================== */

/* ========================================================
   メーカー名タイル（[maker_list] の .brand_list_wrap.column_3〜6）2026-11-07 まとめ直し
   買取対象機器のタイル（parts.css .pt_device）と同じ CSS グリッドの作りにした。
   - 列数：PC は col 属性どおり。column_6 は 641〜900px で3列。640px 以下はすべて3列（機器のタイルと同じ）
   - ロゴを主役に：ロゴは同じ大きさの枠（横長 5:2）いっぱいに収め、名前は小さく。カナ（括弧書き）は名前の下の行
   - 名前は「ICOM」と「（アイコム）」の2つの箱（.mk_name / .mk_kana。functions.php musen_maker_name_html）。括弧の途中で割らない
======================================================== */
.pt_sell_brand .brand_list_wrap {
  --brand-cols: 5;
  display: grid;
  grid-template-columns: repeat(var(--brand-cols), minmax(0, 1fr));
  gap: 26px 20px;
  margin: 60px auto 0 auto;
}
.pt_sell_brand .brand_list_wrap.column_3 { --brand-cols: 3; }
.pt_sell_brand .brand_list_wrap.column_4 { --brand-cols: 4; }
.pt_sell_brand .brand_list_wrap.column_6 { --brand-cols: 6; }
.pt_sell_brand .brand_list_wrap .brand {
  min-width: 0;
  width: auto;
  margin: 0;
  text-align: center;
}
.pt_sell_brand .brand_list_wrap .b_logo { margin: 0 0 6px; }
.pt_sell_brand .brand_list_wrap .b_logo a { display: block; }
.pt_sell_brand .brand_list_wrap .b_logo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 5 / 2;
  object-fit: contain;
}
.pt_sell_brand .brand_list_wrap .txt {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
}
.pt_sell_brand .brand_list_wrap .txt a:link,
.pt_sell_brand .brand_list_wrap .txt a:visited { color: #333; text-decoration: none; }
.pt_sell_brand .brand_list_wrap .mk_name,
.pt_sell_brand .brand_list_wrap .mk_kana { display: inline-block; }
/* カナは字詰め（palt）で括弧を詰める。どうしても入らない長いカナは、行の長さをそろえて最後の1〜2字だけが落ちないように */
.pt_sell_brand .brand_list_wrap .mk_kana { word-break: keep-all; overflow-wrap: anywhere; font-feature-settings: "palt"; text-wrap: balance; }
@media (min-width: 641px) and (max-width: 900px) {
  .pt_sell_brand .brand_list_wrap.column_6 { --brand-cols: 3; }
  .pt_sell_brand .brand_list_wrap.column_5 { --brand-cols: 4; }
}
@media (max-width: 640px) {
  .pt_sell_brand .brand_list_wrap,
  .pt_sell_brand .brand_list_wrap[class*="column_"] { --brand-cols: 3; gap: 18px 10px; margin: 30px auto 0 auto; }
  .pt_sell_brand .brand_list_wrap .b_logo { margin-bottom: 4px; }
  .pt_sell_brand .brand_list_wrap .txt { font-size: 11px; line-height: 1.35; }
  .pt_sell_brand .brand_list_wrap .mk_name,
  .pt_sell_brand .brand_list_wrap .mk_kana { display: block; }
  .pt_sell_brand .brand_list_wrap .mk_kana { font-size: 10px; color: #666; }
}

/* ========================================================
   メーカー別ページ ヘッダー (.page_header_maker)
======================================================== */
.page_header_maker {
  text-align: center;
  padding: 15px 0 55px 0;
}
.page_header_maker .maker_sub {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin: 0 0 10px 0;
  letter-spacing: 0.05em;
}
.page_header .page_header_maker .maker_title {
  font-size: 32px;
  font-weight: 700;
  color: #111;
  margin: 0;
  padding: 0;
  line-height: 1.35;
  letter-spacing: 0.04em;
}
@media (max-width: 640px) {
  .page_header_maker {
    padding: 10px 0 35px 0;
  }
  .page_header_maker .maker_sub {
    font-size: 13px;
    margin-bottom: 6px;
  }
  .page_header .page_header_maker .maker_title {
    font-size: 21px;
    padding: 0;
  }
}

/* ========================================================
   メーカー別ページ メイン画像・紹介文 (.maker_about)
======================================================== */
.maker_about {
  padding: 60px 0 30px 0;
  background: #fff;
}
.maker_about .maker_main_img {
  max-width: 360px;
  margin: 0 auto 40px auto;
  text-align: center;
}
.maker_about .maker_main_img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: var(--common-radius, 4px);
}
.maker_about .maker_desc_wrap {
  max-width: 900px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 2;
  color: #333;
  text-align: left;
}
.maker_about .maker_desc_wrap p {
  margin: 0 0 1.5em 0;
}
.maker_about .maker_desc_wrap p:last-child {
  margin-bottom: 0;
}
@media (max-width: 640px) {
  .maker_about {
    padding: 30px 0 20px 0;
  }
  .maker_about .maker_main_img {
    margin-bottom: 25px;
  }
  .maker_about .maker_desc_wrap {
    font-size: 14px;
    line-height: 1.85;
  }
}

.sell_case .btn_green {
  margin: 50px auto 0 auto;
}
@media (max-width: 640px) {
  .sell_case .btn_green {
    margin: 30px auto 0 auto;
  }
}



/* ヘッダーのロゴ画像 */
.header_inner .wrap_rogo .site_logo {
  width: auto;
  text-align: left;
  margin: 6px 0;
  line-height: 0;
  font-size: 0;
}
.header_inner .wrap_rogo .site_logo img {
  display: block;
  width: auto;
  height: 68px;
}
@media (max-width: 640px) {
  .header_inner .wrap_rogo .site_logo {
    display: block;
    margin: 8px 0 8px 10px;
  }
  .header_inner .wrap_rogo .site_logo img {
    height: 52px;
  }
}

/* ヘッダー（PC）：幅1200px以下で、ロゴとLINE査定ボタンが画面の端にくっつかないよう左右に余白 */
@media (min-width: 641px) {
  .header_inner.container_large {
    box-sizing: border-box;
    padding-left: clamp(20px, 3vw, 40px);
    padding-right: clamp(20px, 3vw, 40px);
    width: min(calc(1200px + 2 * clamp(20px, 3vw, 40px)), 100%);
  }
}

/* ========================================================
   事例タクソノミーアーカイブ (case-maker, case-device)
   上部余白調整 & メイン画像表示
======================================================== */
.tax-case-maker .column_two .container_large,
.tax-case-device .column_two .container_large,
.column_two.case_tax_two .container_large {
  padding-top: 25px;
}

/* 2カラム内のsell_caseのcontainer_largeがflex化するのを防止 */
.column_two .sell_case .container_large {
  display: block;
  width: 100%;
}

.case_archive_main_img {
  width: 100%;
  text-align: center;
  margin: 0 auto 30px auto;
}

.case_archive_main_img img {
  max-width: 100%;
  max-height: 140px;
  width: auto;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  border-radius: var(--common-radius, 4px);
}

@media (max-width: 640px) {
  .tax-case-maker .column_two .container_large,
  .tax-case-device .column_two .container_large,
  .column_two.case_tax_two .container_large {
    padding-top: 20px;
  }
  .case_archive_main_img {
    margin-bottom: 20px;
  }
  .case_archive_main_img img {
    max-height: 100px;
  }
}

/* フッターのロゴ画像 */
.ft_menu_wrap .ft_logo {
  line-height: 0;
}
.ft_menu_wrap .ft_logo a {
  display: inline-block;
}
.ft_menu_wrap .ft_logo img {
  display: block;
  width: auto;
  height: 76px;
}
@media (max-width: 640px) {
  .ft_menu_wrap .ft_logo img {
    height: 64px;
  }
}

/* 事例ページ4種類：2カラムの下の余白。下の流れの帯の手前の白は PC 100／スマホ 50（2026-11-06 余白の統一。TOPの「選ばれる理由」の帯の手前と同じ） */
.column_two:has(+ .case_common_bottom) > .container_large {
  padding-bottom: 100px;
}
.column_two:has(+ .case_common_bottom) .column_main > :last-child,
.column_two:has(+ .case_common_bottom) .column_side > :last-child { margin-bottom: 0; }
.column_two:has(+ .case_common_bottom) .column_main > .pt_sell_brand:last-child > .container_large { margin-bottom: 0; }
@media (max-width: 640px) {
  .column_two:has(+ .case_common_bottom) > .container_large { padding-bottom: 50px; }
}
.column_two:has(+ .case_common_bottom) .sell_case > .container_large {
  padding-bottom: 0;
}
.case_common_bottom .pt_sell_flow > .container_medium {
  margin-top: 40px;
  margin-bottom: 0;
}
.case_common_bottom .pt_device > .container_large {
  margin-top: 60px;
}

/* 事例ページ4種類：2カラムの下の「買取の流れ」だけを全幅の薄いブルーの帯に。「買取対象機器」から下は白（archive-maker は対象外） */
.column_two + .case_common_bottom {
  padding-bottom: 100px;
}
.column_two + .case_common_bottom .pt_sell_flow {
  background: #eef6f7;
  padding: 90px 0 100px;
}
.column_two + .case_common_bottom .pt_sell_flow > .container_medium {
  margin-top: 0;
  margin-bottom: 0;
}
/* 帯の後の「買取対象機器」はほかのセクションと同じ上 PC 120／スマホ 50 */
.column_two + .case_common_bottom .pt_device > .container_large {
  margin-top: 120px;
  margin-bottom: 0;
}
.column_two + .case_common_bottom .pt_sell_flow .flow_box {
  background-color: #fff;
}
@media (max-width: 640px) {
  .column_two + .case_common_bottom {
    padding-bottom: 50px;
  }
  .column_two + .case_common_bottom .pt_sell_flow {
    padding: 50px 0 60px;
  }
  .column_two + .case_common_bottom .pt_device > .container_large {
    margin-top: 50px;
  }
}

/* ジャンル別の買取事例ページ：見出し下の説明 */
.case_tax_lead {
  max-width: 760px;
  margin: 0 auto 40px;
  line-height: 1.9;
}
.case_tax_lead p {
  margin: 0 0 1em;
}
.case_tax_lead .case_tax_lead_note {
  font-weight: bold;
  color: var(--blue-green);
}

/* メーカー一覧ページ：一覧にないメーカーの案内 */
.maker_archive_note {
  margin-top: -40px;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.9;
}
.maker_archive_note p { margin: 0 0 .4em; }
.maker_archive_note a { color: var(--blue-green); text-decoration: underline; }

/* メーカー一覧：ロゴのないメーカーの文字リンク */
.pt_sell_brand .brand_text_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  justify-content: center;
  margin: 40px 0 0;
  padding: 0;
  list-style: none;
}
.pt_sell_brand .brand_text_list a {
  color: var(--blue-green);
  text-decoration: underline;
}

/* メーカーLP：紹介文の見出し・多いジャンル・相談のボタン */
.maker_about .maker_desc_wrap h2 {
  font-size: 22px;
  margin: 0 0 1em;
  text-align: center;
}
.maker_genres {
  max-width: 900px;
  margin: 40px auto 0;
  text-align: center;
}
.maker_genres_title {
  font-weight: bold;
  margin: 0 0 12px;
}
.maker_genres ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.maker_genres a {
  display: inline-block;
  padding: 6px 16px;
  border: 1px solid var(--blue-green);
  border-radius: 999px;
  color: var(--blue-green);
  text-decoration: none;
}
/* 選択中のジャンル（メーカー別の事例一覧） */
.maker_genres a.is-current { background: var(--blue-green); color: #fff; font-weight: bold; }
.maker_genres a:hover { background: var(--blue-green); color: #fff; }
.maker_about .maker_cta {
  max-width: 900px;
  margin: 40px auto 0;
  padding: 24px;
  background: var(--light-gray);
  border-radius: var(--common-radius, 20px);
  text-align: center;
}
.maker_about .maker_cta p { margin: 0 0 16px; }
.maker_about .maker_cta_btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}
.maker_about .maker_cta_btns a {
  display: inline-block;
  min-width: 240px;
  padding: 14px 24px;
  border-radius: 999px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.maker_about .maker_cta_web { background: var(--blue-green); }
.maker_about .maker_cta_line { background: var(--line-green); }
@media (max-width: 640px) {
  .maker_about .maker_main_img { max-width: 240px; }
  .maker_about .maker_cta_btns a { min-width: 0; width: 100%; }
}
.maker_about .maker_cta .maker_cta_since { font-weight: bold; margin-bottom: 8px; }
.maker_about.maker_about_cta { padding-top: 0; }
.maker_about.maker_about_cta .maker_cta { margin-top: 40px; }
.maker_about.maker_about_lead { padding: 10px 0 40px; }
.maker_about .maker_lead {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  line-height: 2;
}
.maker_about .maker_lead p { margin: 0 0 .8em; }
@media (max-width: 640px) {
  .maker_about .maker_lead { font-size: 15px; text-align: left; }
}

/* メーカー一覧（一部掲載）：スマホは3列なので、3の倍数を超えた分は隠して最後の段を埋める */
@media (max-width: 640px) {
  .pt_sell_brand .brand_list_wrap.column_5 .brand:nth-of-type(n+19),
  .pt_sell_brand .brand_list_wrap.column_4 .brand:nth-of-type(n+16) { display: none; }
}

/* 買取事例の検索（/case/?q=）：型番・メーカー名で探す欄と結果 */
.case_search { margin: 0 0 24px; }
.case_search .case_search_label { display: block; font-weight: bold; font-size: 16px; margin-bottom: 8px; }
.case_search .case_search_row { display: flex; gap: 8px; }
.case_search .case_search_input {
  flex: 1 1 auto;
  min-width: 0;
  height: 48px;
  padding: 0 12px;
  font-size: 16px;
  border: 1px solid #999;
  border-radius: 6px;
  background: #fff;
  box-sizing: border-box;
}
.case_search .case_search_btn {
  flex: 0 0 auto;
  min-width: 88px;
  height: 48px;
  padding: 0 18px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: var(--blue-green);
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
.case_search.case_search_side { background: var(--light-gray); padding: 15px; margin-bottom: 20px; }
.case_search.case_search_side .case_search_label { text-align: center; }
.case_search.case_search_side .case_search_btn { min-width: 64px; padding: 0 12px; }
.case_search_back { margin: -10px 0 20px; font-size: 15px; }
.case_search_back a { color: var(--blue-green); text-decoration: underline; }
.case_search_none { text-align: center; padding: 10px 0 30px; }
.case_search_none .case_search_none_msg { font-size: 17px; font-weight: bold; line-height: 1.8; margin: 0 0 16px; }
.case_search_none .case_search_none_btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
.case_search_none .case_search_none_btns a {
  display: inline-block;
  min-width: 240px;
  padding: 14px 24px;
  border-radius: 999px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.case_search_none .case_search_none_web { background: var(--blue-green); }
.case_search_none .case_search_none_line { background: var(--line-green); }
.case_search_none .case_search_none_note { margin: 16px 0 0; font-size: 15px; }
@media (max-width: 640px) {
  .case_search_none .case_search_none_btns a { min-width: 0; width: 100%; }
}

/* 事例ページ共通：相談の枠 */
.case_cta {
  margin: 60px 0;
  padding: 24px;
  background: var(--light-gray);
  border-radius: var(--common-radius, 20px);
  text-align: center;
  line-height: 1.8;
}
.case_cta p { margin: 0 0 10px; }
.case_cta .case_cta_lead { font-weight: bold; font-size: 17px; }
/* 文の区切りでだけ折り返す（1文字だけ次の行に落ちないように） */
.case_cta .case_cta_seg { display: inline-block; }
.case_cta_btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 16px; }
.case_cta_btns a { display: inline-block; min-width: 220px; padding: 14px 24px; border-radius: 999px; color: #fff; font-weight: bold; text-decoration: none; }
.case_cta_web { background: var(--blue-green); }
.case_cta_line { background: var(--line-green); }
@media (max-width: 640px) { .case_cta_btns a { min-width: 0; width: 100%; } }

/* 検索で見つからなかったときのバナー（キャラクター＋ごめんなさい） */
.case_search_none { text-align: center; padding: 40px 20px; background: var(--light-gray); border-radius: var(--common-radius, 20px); }
.case_search_none .case_search_none_chara { display: block; width: 220px; height: auto; margin: 0 auto 20px; }
.case_search_none .case_search_none_title { font-size: 24px; font-weight: bold; line-height: 1.6; color: #222; margin: 0 0 14px; }
.case_search_none .case_search_none_msg { font-size: 17px; margin: 0 0 20px; }
@media (max-width: 640px) {
  .case_search_none .case_search_none_chara { width: 160px; }
  .case_search_none .case_search_none_title { font-size: 19px; }
  .case_search_none .case_search_none_msg { font-size: 15px; }
}

/* 404 ページ（キャラクター＋ごめんなさい） */
.page_404 { padding: 60px 0 80px; }
.page_404_box { max-width: 760px; margin: 0 auto; padding: 40px 20px; text-align: center; background: var(--light-gray); border-radius: var(--common-radius, 20px); }
.page_404_chara { display: block; width: 220px; height: auto; margin: 0 auto 20px; }
.page_404_title { font-size: 24px; font-weight: bold; line-height: 1.6; color: #222; margin: 0 0 12px; }
.page_404_msg { margin: 0 0 24px; }
.page_404_search { max-width: 560px; margin: 0 auto 24px; text-align: left; }
.page_404_btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-bottom: 18px; }
.page_404_btns a { display: inline-block; min-width: 200px; padding: 14px 24px; border-radius: 999px; font-weight: bold; text-decoration: none; color: #fff; background: var(--blue-green); }
.page_404_btns a.page_404_case { background: #fff; color: var(--blue-green); border: 2px solid var(--blue-green); }
.page_404_note a { color: var(--blue-green); text-decoration: underline; }
@media (max-width: 640px) {
  .page_404_chara { width: 160px; }
  .page_404_title { font-size: 19px; }
  .page_404_btns a { min-width: 0; width: 100%; }
}

/* 事例一覧：導入テキスト */
.case_intro { margin: 0 0 28px; line-height: 1.9; font-size: 16px; }
.case_intro p { margin: 0 0 .4em; }
@media (max-width: 640px) { .case_intro { font-size: 15px; } }

/* 事例ページ4種類：本文の上の余白をなくし、右のサイドと頭をそろえる */
.column_two:has(+ .case_common_bottom) .column_main > .sell_case > .container_large { padding-top: 0; }

/* スマホ（事例ページ）：検索は上、メーカーは下の「メーカーから探す」へ */
@media (max-width: 640px) {
  /* 事例一覧は本文の下に「メーカーから探す」（ロゴ＋文字）があるので右サイドごと隠す */
  .post-type-archive-case .column_two .column_side { display: none; }
  /* ほかの事例ページは、本文の上に検索欄があるのでサイドの検索欄を隠す */
  .column_two:has(+ .case_common_bottom) .column_side .case_search_side { display: none; }
  /* サイドのメーカー一覧は下で2列に詰める */
  .column_two:has(+ .case_common_bottom) .column_side .side_menu ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
  .case_search_sp { margin-bottom: 20px; }
}

/* ========================================================
   選ばれる理由の注意書き（※一部例外があります）を、上の枠(li)の右端にそろえる
   li は3列・justify-content:center・幅 0.33×親 なので、右の余白は 親幅×0.5% + 8px
   ======================================================== */
.pt_point .txt_s {
  font-size: 12px;
  padding-right: calc(0.5% + 8px);
}
@media (max-width: 640px) {
  /* SP は2列・space-between で枠が両端いっぱい。左寄せのまま文字だけ小さく */
  .pt_point .txt_s { font-size: 11px; padding-right: 0; }
}

/* 緑ボタン（買取事例をすべて見る等）: 文字に合わせて横に伸ばす。最小は従来の450px */
.sell_case .btn_green a {
  box-sizing: border-box;
  width: fit-content;
  min-width: 450px;
  max-width: 100%;
  height: 60px;
  padding: 0 48px;
  line-height: 1.4;
}
@media (max-width: 640px) {
  .sell_case .btn_green a {
    width: 92%;
    min-width: 0;
    height: auto;
    min-height: 50px;
    padding: 4px 32px;
    font-size: 13px;
    line-height: 1.5;
  }
  .sell_case .btn_green a span {
    text-wrap: balance;
  }
}

/* 絞り込み・検索結果ページの「○○の買取事例をすべて見る」を小さなボタンにする */
.case_search_back { margin: 12px 0 28px; text-align: center; font-size: 14px; }
.case_search_back a { display: inline-block; padding: 8px 24px; border: 1px solid var(--blue-green); border-radius: 80px; background: #fff; color: var(--blue-green); font-size: 14px; font-weight: bold; line-height: 1.5; text-decoration: none; transition: background-color .2s, color .2s; }
.case_search_back a::before { content: "\2039"; margin-right: .5em; font-size: 1.2em; line-height: 1; }
.case_search_back a:hover { background: var(--blue-green); color: #fff; }
@media (max-width: 640px) {
  .case_search_back a { font-size: 13px; }
}

/* ========================================================
   中間幅(641px以上)で本文の左右の余白が0になるのを防ぐ
   最大幅と「画面幅 - 左右24pxずつ」の小さい方にする。
   ヘッダー内(.header_inner)とフッターの灰色帯(.ft_menu_wrap)は従来どおり。スマホ(640px以下)は common.css のまま。
======================================================== */
@media (min-width: 641px) {
  .container_large:where(:not(.header_inner, .ft_menu_wrap)) { width: min(1200px, calc(100% - 48px)); }
  .container_medium { width: min(1000px, calc(100% - 48px)); }
  .container_small { width: min(900px, calc(100% - 48px)); }
}

/* ========================================================
   画面下の固定帯(査定無料！WEB・LINE査定)：中間幅で中央にそろえる
   1行に収まる幅では1行、収まらない幅では「文を上・ボタン2つを下」で中央
======================================================== */
@media (min-width: 641px) and (max-width: 1250px) {
  .float_ft {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    row-gap: 10px;
  }
  .float_ft .wrap_txt {
    width: auto;
    text-align: center;
  }
  .float_ft .btn_wrap {
    width: auto;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .float_ft .bt_web,
  .float_ft .bt_line {
    width: 200px;
    margin: 0 10px;
  }
}
@media (min-width: 641px) and (max-width: 770px) {
  .float_ft .bt_web,
  .float_ft .bt_line {
    width: 180px;
    margin: 0 5px;
  }
}

/* 画面下の固定帯：スマホ幅でもボタン2つを帯の中央に（2つの間隔10pxはそのまま・1つ最大180px） */
@media (max-width: 640px) {
  .float_ft .btn_wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
  .float_ft .bt_web,
  .float_ft .bt_line {
    width: calc((100% - 10px) / 2);
    max-width: 180px;
    margin: 0;
  }
  .float_ft .bt_line { margin-left: 10px; }
}
@media (min-width: 641px) and (max-width: 770px) {
  .float_ft .bt_line a { padding-left: 30px; }
}

/* ========================================================
   印刷時に背景の色・背景画像も出す(ブラウザの「背景のグラフィック」をオンにしなくてよい)
======================================================== */
@media print {
  *, *::before, *::after {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
}

/* ========================================================
   共通フッターの作り直し(3段：査定の入口／店の情報とメニュー／いちばん下の1行)
   画面下固定の帯(.float_ft)は変更しない
======================================================== */
.ft_satei_wrap { padding: 28px 0 22px; }
.ft_satei_wrap h3 { font-size: 26px; margin-bottom: 16px; }
.ft_satei_set .bt_wt_web a,
.ft_satei_set .bt_wt_line a { height: 60px; }
.ft_satei_wrap .ft_first {
  margin: 14px 0 0;
  padding: 0;
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
  color: #fff;
}
.ft_satei_wrap .ft_first a:link,
.ft_satei_wrap .ft_first a:visited { color: #fff; text-decoration: underline; }
.ft_satei_wrap .ft_first span { margin: 0 0.6em; }

.ft_main { background-color: var(--light-gray); padding: 26px 0 22px; }
.ft_main_inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px;
}
.ft_main .ft_info { flex: 1 1 50%; font-size: 14px; line-height: 1.6; }
.ft_main .ft_info p { margin: 0 0 4px; }
.ft_main .ft_logo { margin-bottom: 10px; line-height: 0; }
.ft_main .ft_logo a { display: inline-block; }
.ft_main .ft_logo img { display: block; width: auto; height: 44px; }
.ft_main .ft_nav {
  flex: 1 1 50%;
  margin: 0;
  padding: 0;
  list-style: none;
  column-count: 2;
  column-gap: 24px;
  font-size: 15px;
  line-height: 1.5;
}
.ft_main .ft_nav li { break-inside: avoid; margin: 0 0 12px; }
.ft_main .ft_nav li a { display: block; position: relative; padding: 0 20px 0 0; }
.ft_main .ft_nav li a:link,
.ft_main .ft_nav li a:visited { color: #000; }
.ft_main .ft_nav li a::after {
  position: absolute;
  content: "";
  top: calc(50% - 3px);
  right: 3px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #888;
  border-right: 1px solid #888;
  transform: rotate(45deg);
}

.ft_bottom { background-color: var(--light-gray); padding: 0 0 80px; }
.ft_bottom_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 16px;
  border-top: 1px solid #ddd;
  padding-top: 12px;
  font-size: 12px;
  line-height: 1.5;
  color: #666;
}
.ft_bottom p { margin: 0; }
.ft_bottom .ft_sister a:link,
.ft_bottom .ft_sister a:visited { color: #333; text-decoration: underline; }
.ft_bottom .ft_sister a::after { content: "\2197"; font-size: 0.9em; margin-left: 1px; }

@media (max-width: 640px) {
  .ft_satei_wrap { padding: 22px 0 18px; }
  .ft_satei_wrap h3 { font-size: 20px; margin-bottom: 12px; }
  .ft_satei_wrap .ft_first { font-size: 13px; }
  .ft_main { padding: 20px 0 16px; }
  .ft_main_inner { flex-direction: column; gap: 16px; }
  .ft_main .ft_info,
  .ft_main .ft_nav { flex: none; width: 100%; }
  .ft_main .ft_info { font-size: 12px; }
  .ft_main .ft_nav { column-gap: 16px; font-size: 14px; }
  .ft_main .ft_nav li { margin-bottom: 10px; }
  .ft_bottom { padding-bottom: 120px; }
  .ft_bottom_inner { flex-direction: column; align-items: flex-start; font-size: 11px; }
}

/* フッター「はじめての方へ」：リンク名の途中で折り返さない */
.ft_satei_wrap .ft_first a { white-space: nowrap; }

/* フッター（スマホ幅）：メニューを上、店の情報を下に並べ替える */
@media (max-width: 640px) {
  .ft_main_inner { gap: 24px; }
  .ft_main .ft_nav { order: 1; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
  .ft_main .ft_info { order: 2; }
}

/* ========================================================
   2026-11-06 定休日の表示・店の情報の整理
   ・フッターの店の情報のロゴを大きく(PC 60px / スマホ 52px)
   ・画面下固定の帯：文が長くなったので、かっこの部分は幅が狭いと次の行へ
======================================================== */
.ft_main .ft_logo img { height: 60px; }
.float_ft .wrap_txt p .ft_note { display: inline-block; font-size: inherit; font-weight: normal; }
.ft_main .ft_info .nw { white-space: nowrap; }
@media (max-width: 640px) {
  .ft_main .ft_logo img { height: 52px; }
  .float_ft .wrap_txt p .ft_note { display: block; }
}

/* 灰色の下端の細い行(姉妹店・©)が下の固定帯にくっつかないよう、帯の高さ+余白ぶんを下に空ける
   帯の高さ：1127px以上=80 / 771〜1126=138 / 641〜770=129 / 640以下=105 (余白は PC 28px・スマホ 20px) */
.ft_bottom { padding-bottom: 108px; }
@media (min-width: 641px) and (max-width: 1126px) { .ft_bottom { padding-bottom: 166px; } }
@media (min-width: 641px) and (max-width: 770px) { .ft_bottom { padding-bottom: 157px; } }
@media (max-width: 640px) { .ft_bottom { padding-bottom: 125px; } }

/* LINE査定（ID32）：買い取れない機器の例を絵つきカードに（2026-11-06）
   PC は横4つ・640px以下は2列。絵が上・文が下・中央寄せ。カッコ書きは小さく改行 */
.pt_subject_ng .sell_ng .example ul.ng_examples { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; column-count: auto; margin: 0 0 20px; padding: 0; }
.pt_subject_ng .sell_ng .example ul.ng_examples li { list-style: none; width: auto; margin: 0; padding: 16px 12px 18px; text-align: center; font-size: 16px; line-height: 1.5; background: #fff; border: 1px solid #e4e4e4; border-radius: 10px; box-sizing: border-box; }
.pt_subject_ng .sell_ng .example ul.ng_examples li img { display: block; width: 100%; max-width: 160px; height: auto; margin: 0 auto 10px; }
.pt_subject_ng .sell_ng .example ul.ng_examples .ng_name { display: block; font-weight: bold; }
.pt_subject_ng .sell_ng .example ul.ng_examples .ng_note { display: block; margin-top: 4px; font-size: 13px; font-weight: normal; }
@media (max-width: 640px) {
  .pt_subject_ng .sell_ng .example ul.ng_examples { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .pt_subject_ng .sell_ng .example ul.ng_examples li { padding: 12px 8px 14px; font-size: 14px; }
  .pt_subject_ng .sell_ng .example ul.ng_examples li img { max-width: 120px; margin-bottom: 8px; }
  .pt_subject_ng .sell_ng .example ul.ng_examples .ng_note { font-size: 11px; }
}

/* 写真撮影のポイント（共通部品 [musen_photo_points]・見本写真4枚・PCもスマホも2×2）
   LINE査定・買取について・WEB査定のポップアップで共用。写真どうしの間は PC 左右40px・上下48px */
.line_point .photo_point_wrap.point_wrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px 40px;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}
.line_point .photo_point_wrap.point_wrap .point {
  width: auto;
}
.line_point .photo_point_wrap.point_wrap .point img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 12px;
  border-radius: 8px;
}
.line_point .photo_point_wrap.point_wrap .point .photo_point_ttl {
  margin: 0 0 6px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}
.line_point .photo_point_wrap.point_wrap .point .photo_point_txt {
  margin: 0 0 8px;
  text-align: center;
  font-size: 14px;
  line-height: 1.7;
}
.line_point .photo_point_notes {
  margin-top: 40px;
  text-align: center;
}
.line_point .photo_point_notes p {
  margin: 0 0 8px;
  line-height: 1.8;
}
/* 見出しの下の短い青緑の線（メーカー別ページの「○○の無線機の買取について」＝.maker_desc_wrap h2 にも同じ線・11/13。写真撮影のポイントと、白地・黒文字の大見出し＝買取事例・対応メーカー・買取対象・流れ に共通）：トップのメインの見出しと同じ（66px×2px・#089ca2）。新しいまとまりの始まりを示す */
.line_point h2.midashi_under01::after,
.pt_sell_flow h2::after,
.sell_case h2:not(.screen-reader-text)::after,
.sell_case h1.midashi_under01::after,
.pt_sell_brand h2::after,
.pt_device h2::after,
.maker_about .maker_desc_wrap h2::after { display: block; width: 66px; height: 2px; margin: 20px auto 0; content: ""; background: #089ca2; }
/* 見出し「写真撮影のポイント」は同じページの他の h2（.pt_sell_flow h2 等）と同じ見た目・中央寄せ */
.line_point h2.midashi_under01 { font-size: 36px; text-align: center; margin: 0 auto; }
@media screen and (max-width: 640px) {
  .line_point h2.midashi_under01 { font-size: 26px; }
  .line_point .photo_point_wrap.point_wrap {
    gap: 28px 16px;
  }
  .line_point .photo_point_wrap.point_wrap .point img {
    margin-bottom: 10px;
  }
  .line_point .photo_point_wrap.point_wrap .point .photo_point_ttl {
    margin-bottom: 4px;
    font-size: 16px;
  }
  .line_point .photo_point_wrap.point_wrap .point .photo_point_txt {
    margin-bottom: 4px;
    font-size: 13px;
    line-height: 1.75;
  }
  .line_point .photo_point_notes {
    margin-top: 28px;
  }
}

/* 事例詳細：写真撮影のポイント（本文の後・相談の枠の上。LINE査定の帯の背景・余白は外し、2×2 はそのまま） */
.column_main .case_photo_points { margin: 80px 0 0; }
.line_point .photo_point_lead { margin: 20px 0 0; text-align: center; font-weight: bold; line-height: 1.7; }
.line_point .photo_point_lead_seg { display: inline-block; }
.column_main .case_photo_points .line_point { padding: 0; background: none; }
.column_main .case_photo_points .container_large { display: block; width: auto; max-width: none; margin: 0; padding: 0; }
.column_main .case_photo_points .line_point .point_wrap { margin-top: 32px; }
@media screen and (max-width: 640px) {
  .column_main .case_photo_points { margin-top: 64px; }
  .column_main .case_photo_points .line_point .point_wrap { margin-top: 20px; }
}

/* 事例詳細：同じメーカーの事例の下のボタン（主＝そのメーカーの事例・塗り／副＝事例一覧・枠線だけ）。PCは横並び・スマホは縦並び */
.sell_case .case_more_btns { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 16px 20px; margin: 50px auto 0; }
.sell_case .case_more_btns .btn_green { margin: 0; }
.sell_case .case_more_btns .btn_green { flex: 0 1 auto; min-width: 0; }
.sell_case .case_more_btns .btn_green a { min-width: 0; height: auto; min-height: 60px; }
.sell_case .case_more_other { flex: 0 0 auto; }
@media (min-width: 641px) { .sell_case .case_more_btns { flex-wrap: nowrap; } }
.sell_case .case_more_other a { box-sizing: border-box; display: flex; align-items: center; justify-content: center; min-height: 60px; padding: 8px 36px; border: 2px solid var(--blue-green); border-radius: 80px; background: #fff; color: var(--blue-green); font-weight: bold; line-height: 1.4; text-align: center; text-decoration: none; transition: background-color .2s, color .2s; }
.sell_case .case_more_other a:hover { background: var(--blue-green); color: #fff; }
@media (max-width: 640px) {
  .sell_case .case_more_btns { flex-direction: column; align-items: stretch; gap: 12px; margin-top: 30px; }
  .sell_case .case_more_btns .btn_green a { width: 92%; min-height: 50px; }
  .sell_case .case_more_other a { width: 92%; min-height: 50px; margin: 0 auto; padding: 8px 32px; font-size: 13px; line-height: 1.5; }
}

/* メーカー別の事例一覧（case-maker）：灰色帯を外し、本文の見出しを h1 に（見た目は h2.midashi_under01 と同じ） */
.sell_case h1.midashi_under01 { font-size: 36px; text-align: center; margin: 0 auto; }
.sell_case .maker_genres { margin: 24px auto 28px; }
@media (max-width: 640px) {
  .sell_case h1.midashi_under01 { font-size: 26px; }
  .sell_case .maker_genres { margin: 18px auto 22px; }
}

/* 買取について（about-sell）：お悩みの丸5つ。丸の実寸と列幅を合わせて（border-box・正方形）上段3つ・下段2つとも見出しと同じ中心に。文字は丸の上下中央 */
@media (min-width: 641px) {
  .sell-intro__reason { box-sizing: border-box; width: 100%; max-width: 280px; height: auto; aspect-ratio: 1; padding: 24px; }
}
@media (min-width: 641px) and (max-width: 980px) {
  .sell-intro__reasons { gap: 14px 20px; }
  .sell-intro__reason { font-size: 17px; }
  .sell-intro__reason img { right: 20px; width: 50px; height: 57px; }
}
@media (max-width: 640px) {
  .sell-intro__reason:last-child { width: calc(50% - 7.5px); }
}

/* 買取について（/about-sell）冒頭：見出しの下に強み3つ・注記・流れの帯・丸の上の小見出し（案A 2026-11-06） */
.sell-intro__strengths{display:flex;justify-content:center;gap:16px;width:min(100%,900px);margin:30px auto 0;padding:0;list-style:none}
.sell-intro__strengths li{flex:1 1 0;display:flex;align-items:center;gap:12px;background:#fff;border:2px solid var(--blue-green);border-radius:var(--common-radius);padding:10px 14px;text-align:left}
.sell-intro__strengths img{width:84px;height:auto;flex:0 0 auto}
.sell-intro__strengths .t{font-size:15px;font-weight:700;line-height:1.35}
.sell-intro__strengths .t b{display:block;font-size:22px;color:var(--blue-green);white-space:nowrap}
.sell-intro__strengths .t sup{font-size:11px;color:#333;vertical-align:top}
.sell-intro__note{width:min(100%,900px);margin:6px auto 0;font-size:12px;text-align:right;color:#555}
.sell-intro__flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;width:min(100%,900px);margin:18px auto 0;padding:12px 18px;background:#f5f4f1;border-radius:999px;font-size:16px;font-weight:700}
.sell-intro__flow .free{background:#efac29;color:#fff;border-radius:999px;padding:2px 12px;font-size:14px}
.sell-intro__flow ol{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;margin:0;padding:0;list-style:none}
.sell-intro__flow ol li{white-space:nowrap}
.sell-intro__flow ol li:not(:last-child):after{content:"→";color:var(--blue-green);margin-left:8px}
.sell-intro__flow a{font-size:14px;font-weight:400;color:var(--blue-green);text-decoration:underline}
.sell-intro__lead{margin:44px 0 0;font-size:22px;font-weight:700}
.sell-intro__lead + .sell-intro__reasons{margin-top:24px}
@media (max-width:640px){
 .sell-intro{padding-top:24px}
 .sell-intro__strengths{gap:6px;margin-top:18px}
 .sell-intro__strengths li{flex-direction:column;gap:2px;padding:6px 4px 8px;text-align:center;border-radius:var(--common-radius-sp)}
 .sell-intro__strengths img{width:72px}
 .sell-intro__strengths .t{font-size:11px}
 .sell-intro__strengths .t b{font-size:14px}
 .sell-intro__note{font-size:10.5px}
 .sell-intro__flow{box-sizing:border-box;border-radius:var(--common-radius-sp);padding:10px 8px;gap:6px;font-size:13px}
 .sell-intro__flow ol{gap:4px}
 .sell-intro__flow ol li:not(:last-child):after{margin-left:4px}
 .sell-intro__flow a{font-size:12px}
 .sell-intro__lead{margin-top:30px;font-size:17px}
}
@media (max-width:360px){
 .sell-intro__lead{font-size:15px}
}

/* 写真撮影のポイントの注記：句の途中で折り返さない（スマホで「い。」だけが次の行に残るのを防ぐ） */
.line_point .photo_point_notes p span{display:inline-block}

/* ========================================================
   2026-11-06 余白・ボタンの統一（全ページの見直し）
   ・セクションの間：PC 170（上120＋下50）／スマホ 100（上50＋下50）
   ・色の帯（「選ばれる理由」・事例ページの流れの帯・よくある質問の帯）の手前の白：PC 100／スマホ 50。帯の後は次のセクションの上（PC 120／スマホ 50）
   ・相談の枠の上下：PC 60／スマホ 40
   ・ページ名の帯 → 本文の始まり：PC 60／スマホ 40
   ・本文の終わり → フッター：PC 124／スマホ 74
   ・主ボタン（塗り）：PC 高さ60・最小幅450／スマホ 高さ50・幅92%・両端まる
   ・WEB・LINE の2つ並び：PC 高さ60・最小幅268・間16／スマホ 高さ50・縦並び・間12
   ・スマホの左右の余白：10px（common.css の .container_* と同じ。大半のページがこの値）
======================================================== */

/* --- セクションの間 --- */
.pt_sell_flow .container_medium { margin-bottom: 50px; }
main > .sell_case > .container_large { padding-top: 120px; padding-bottom: 50px; }
main > section.line_point { padding-bottom: 50px; }
main > section.pt_subject_ng { padding-top: 120px; }
main > section.pt_subject_ng .sell_ng { margin-bottom: 50px; }
/* 「選ばれる理由」の帯の手前 */
.sell-intro { padding-bottom: 100px; }
.maker_about.maker_about_lead { padding-bottom: 100px; }
.maker_about .maker_lead p:last-child { margin-bottom: 0; }
/* メーカーLP：帯の後の相談の枠（上下 60）→ 事例 */
.maker_about.maker_about_cta { padding-bottom: 0; }
.maker_about.maker_about_cta .maker_cta { margin: 60px auto; }
.maker_about.maker_about_cta + .sell_case > .container_large { padding-top: 0; }
@media (max-width: 640px) {
  .pt_sell_flow .container_medium { margin-top: 50px; margin-bottom: 50px; }
  main > .sell_case > .container_large { margin-top: 0; padding-top: 50px; padding-bottom: 50px; }
  main > section.line_point { padding-top: 50px; padding-bottom: 50px; }
  main > section.pt_subject_ng { padding-top: 50px; }
  .sell-intro { padding-bottom: 50px; }
  .maker_about.maker_about_lead { padding-bottom: 50px; }
  .maker_about.maker_about_cta .maker_cta { margin: 40px auto; }
  .case_cta { margin: 40px 0; }
}

/* LINE査定（ID32）：本文の終わりの空の段落・空のコード枠（中身なし）を詰め、買取NGを最後のセクションとして扱う */
.page-id-32 main > p.wp-block-paragraph:has(+ pre.wp-block-code),
.page-id-32 main > pre.wp-block-code { display: none; }
.page-id-32 main > section.pt_device > .container_large { margin-bottom: 50px; }

/* --- 「すべてのメーカーを見る」：「すべての買取事例を見る」と同じ形（中央・PC 450×60／スマホ 92%×50・上 50） --- */
.pt_sell_brand .btn_green { margin: 30px auto 0; }
.pt_sell_brand .btn_green a {
  box-sizing: border-box;
  width: fit-content;
  min-width: 450px;
  max-width: 100%;
  height: 60px;
  margin: 0 auto;
  padding: 0 48px;
  line-height: 1.4;
}
@media (max-width: 640px) {
  .pt_sell_brand .btn_green { margin-top: 35px; }
  .pt_sell_brand .btn_green a {
    width: 92%;
    min-width: 0;
    height: 50px;
    padding: 0 32px;
    font-size: 16px;
  }
}

/* --- 主ボタン：高さをそろえる（トップの「無料でWEB査定する」・お問合わせの「WEB査定はこちら」） --- */
#top_mv .mv_content p:last-child a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  min-width: min(100%, 450px);
  padding-top: 0;
  padding-bottom: 0;
}
.contact_box .btn_orange a { box-sizing: border-box; width: min(100%, 450px); height: 60px; }
@media (max-width: 640px) {
  #top_mv .mv_content p:last-child a { height: 50px; min-width: 92%; }
  .contact_box .btn_orange a { width: 92%; height: 50px; }
}

/* --- WEB・LINE の2つ並び（買取の流れ・事例の相談の枠・メーカーLP・検索0件・404） --- */
.pt_sell_flow .flow_box .wrap_btn { flex-wrap: wrap; gap: 12px 16px; }
.pt_sell_flow .flow_box .btn_web,
.pt_sell_flow .flow_box .btn_line { width: auto; height: auto; margin-left: 0; }
.pt_sell_flow .flow_box .wrap_btn { padding-left: 10px; padding-right: 10px; }
.pt_sell_flow .flow_box .btn_web a,
.pt_sell_flow .flow_box .btn_line a,
.case_cta_btns a,
.maker_about .maker_cta_btns a,
.case_search_none .case_search_none_btns a,
.page_404_btns a {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  min-width: 268px;
  padding: 0 36px;
  line-height: 1.3;
  text-align: center;
}
.case_cta_btns,
.maker_about .maker_cta_btns,
.case_search_none .case_search_none_btns,
.page_404_btns { gap: 16px; }
@media (min-width: 641px) and (max-width: 960px) {
  /* 中間幅：流れの枠の中で2つを横に並べたまま縮める */
  .pt_sell_flow .flow_box .btn_web,
  .pt_sell_flow .flow_box .btn_line { flex: 1 1 0; }
  .pt_sell_flow .flow_box .btn_web a,
  .pt_sell_flow .flow_box .btn_line a { min-width: 0; }
}
@media (max-width: 640px) {
  .pt_sell_flow .flow_box .wrap_btn { flex-direction: column; padding-left: 0; padding-right: 0; }
  .pt_sell_flow .flow_box .btn_web,
  .pt_sell_flow .flow_box .btn_line { width: 100%; }
  .pt_sell_flow .flow_box .btn_web a,
  .pt_sell_flow .flow_box .btn_line a,
  .case_cta_btns a,
  .maker_about .maker_cta_btns a,
  .case_search_none .case_search_none_btns a,
  .page_404_btns a { width: 100%; min-width: 0; height: 50px; padding: 0 24px; }
  .case_cta_btns,
  .maker_about .maker_cta_btns,
  .case_search_none .case_search_none_btns,
  .page_404_btns { flex-direction: column; gap: 12px; }
}

/* --- 事例詳細：同じメーカーの事例（主）とほかのメーカー（副）。PC は最小幅 450・高さ 60、スマホは2行になっても高さ 50 --- */
.sell_case .case_more_btns .btn_green a { min-width: 450px; height: auto; min-height: 60px; padding: 8px 48px; text-align: center; }
.sell_case .case_more_other a { min-height: 60px; }
@media (max-width: 640px) {
  .sell_case .case_more_btns .btn_green a,
  .sell_case .case_more_other a { min-width: 0; min-height: 50px; padding: 4px 32px; font-size: 13px; line-height: 1.4; }
}

/* --- フッターの査定ボタンもほかのボタンと同じ両端まる --- */
.ft_satei_set .bt_wt_web a,
.ft_satei_set .bt_wt_line a { border-radius: 999px; }

/* --- 事例ページ：中間幅（960px以下）はスマホと同じ1列。本文を全幅にし、「メーカーから探す」は下へ --- */
@media (max-width: 960px) {
  .column_two:has(+ .case_common_bottom) > .container_large { display: block; }
  .column_two:has(+ .case_common_bottom) .column_main,
  .column_two:has(+ .case_common_bottom) .column_side { width: 100%; }
  .column_two:has(+ .case_common_bottom) .column_side { margin-top: 60px; }
  .post-type-archive-case .column_two .column_side { display: none; }
  .column_two:has(+ .case_common_bottom) .case_search_sp.sp_only { display: block; margin-bottom: 20px; }
  .column_two:has(+ .case_common_bottom) .column_side .case_search_side { display: none; }
  .column_two:has(+ .case_common_bottom) .column_side .side_menu ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; }
  .sell_case .case_more_btns { flex-wrap: wrap; }
}
@media (max-width: 640px) {
  .column_two:has(+ .case_common_bottom) .column_side { margin-top: 40px; }
  .column_two:has(+ .case_common_bottom) .column_side .side_menu ul { gap: 0 12px; }
}

/* --- ページ名の見出し（本文に h1 が無い固定ページ・お知らせ）：中央・PC 36／スマホ 26・太字（事例一覧の見出しと同じ） --- */
.page_header h1 { font-weight: 700; }
@media (max-width: 640px) {
  .page_header h1 { font-size: 26px; line-height: 1.35; }
}
/* ページ名の帯 → 本文の始まり：PC 60／スマホ 40 */
.page_header + .intro_wrap { margin-top: 60px; }
.page_header + .intro_wrap > .faq_txt:first-child { padding-top: 0; text-align: center; }
.intro_wrap:has(> .faq_txt) { margin-bottom: 50px; }
.page_header + .company_info table { margin-top: 60px; }
.page_header + .news_wrap .news_list_wrap { padding-top: 60px; }
.page_header + .contact_box { margin-top: 60px; }
@media (max-width: 640px) {
  .page_header + .intro_wrap { margin-top: 40px; }
  .intro_wrap:has(> .faq_txt) { margin-bottom: 50px; }
  .page_header + .company_info table { margin-top: 40px; }
  .page_header + .news_wrap .news_list_wrap { padding-top: 40px; }
  .page_header + .contact_box { margin-top: 40px; }
  .page_404 { padding-top: 40px; }
}

/* よくある質問：説明文 → 質問の一覧 PC 60／スマホ 40 */
.intro_wrap:has(> .faq_txt) { margin-bottom: 0; }
.intro_wrap > .faq_txt { padding-bottom: 0; }
.faq_wrap { padding-top: 60px; }
/* お知らせ一覧：本文の始まりの文字までを PC 60／スマホ 40 に */
.page_header + .news_wrap .news_list_wrap { padding-top: 34px; }
/* LINE査定：導入文 → 買取の流れ を PC 170／スマホ 100 に */
.page-id-32 main > .intro_wrap { margin-bottom: 30px; }
/* 写真撮影のポイント：最後の注記の下の余白を足さない */
.line_point .photo_point_notes p:last-child { margin-bottom: 0; }
@media (max-width: 640px) {
  .faq_wrap { padding-top: 40px; }
  .page_header + .news_wrap .news_list_wrap { padding-top: 11px; }
}

/* --- 本文の終わり → フッター：PC 124／スマホ 74 --- */
.page_404 { padding-bottom: 124px; }
.faq_wrap { padding-bottom: 68px; }
.page-id-34 .company_info table { margin-bottom: 122px; }
.page_header + .news_wrap .news_list_wrap { padding-bottom: 93px; }
.page-id-36 main > .intro_wrap:last-of-type,
.page-id-36 main > .intro_wrap:last-of-type > .intro_wrap:last-of-type { margin-bottom: 78px; }
.page-id-30 main > div.contact_box:last-of-type { margin-bottom: 124px; }
.page-id-32 main > section.pt_subject_ng .sell_ng { margin-bottom: 124px; }
@media (max-width: 640px) {
  .page_404 { padding-bottom: 74px; }
  .faq_wrap { padding-bottom: 40px; }
  .page-id-34 .company_info table { margin-bottom: 72px; }
  .page_header + .news_wrap .news_list_wrap { padding-bottom: 41px; }
  .page-id-36 main > .intro_wrap:last-of-type,
  .page-id-36 main > .intro_wrap:last-of-type > .intro_wrap:last-of-type { margin-bottom: 30px; }
  .page-id-30 main > div.contact_box:last-of-type { margin-bottom: 74px; }
  .page-id-32 main > section.pt_subject_ng .sell_ng { margin-bottom: 74px; }
}

/* --- スマホの左右の余白を 10px にそろえる --- */
@media (max-width: 640px) {
  .sell-intro { padding-left: 10px; padding-right: 10px; }
  .intro_wrap .intro_wrap { margin-left: 0; margin-right: 0; }
}
/* 個人情報保護方針：長いURLで横にはみ出さない */
.intro_wrap a { overflow-wrap: anywhere; }

/* 「必要書類」リンク（フロー・LINE査定の流れ → /faq#faq-id-docs） */
.txt a[href="/faq#faq-id-docs"], .pt_sell_flow .txt a { color: var(--blue-green); text-decoration: underline; text-underline-offset: 2px; }
/* 流れの本文の中のリンクは、どれも同じ色（2026-11-09 LINE査定 step1 の「写真撮影のポイント」が標準の青だった） */
.txt a[href="/faq#faq-id-docs"]:hover, .pt_sell_flow .txt a:hover { text-decoration: none; }
#faq-id-docs { scroll-margin-top: 20px; }

/* 会社概要：ご挨拶（2026-11-06） */
.company_info .company_greeting{margin:20px 0 70px}
.company_info .company_greeting p{margin:0 0 1.1em;line-height:1.95}
.company_info .company_greeting p.company_greeting_sign{margin:1.6em 0 0;font-weight:bold}
@media screen and (max-width:767px){
  .company_info .company_greeting{margin:10px 0 44px}
  .company_info .company_greeting p{font-size:15px;line-height:1.9}
}

/* お問合わせ（2026-11-06 改修）：最初の一文・買取の帯・LINE・よくある質問・フォーム */
.contact_intro { margin: 60px auto 50px; max-width: 890px; padding: 0 20px; text-align: center; line-height: 1.9; }
.contact_intro p { padding-bottom: 0; }
.contact_intro .contact_lead { font-size: 17px; font-weight: bold; margin: 0 0 28px; }
.contact_intro .contact_satei { margin: 0 0 28px; }
.contact_line { margin: 0 0 28px; padding: 22px 20px; background: #fff; border: 2px solid var(--line-green); border-radius: var(--common-radius, 20px); }
.contact_line p { margin: 0 0 12px; }
.contact_line .contact_line_add { display: inline-block; line-height: 0; }
.contact_line .contact_line_add img { width: auto; height: 48px; }
.contact_faq a { color: var(--blue-green); text-decoration: underline; text-underline-offset: 2px; }
.contact .contact_box p.contact_form_note { text-align: center; margin: 30px auto 10px; }
.contact .contact_box p.contact_form_note.is_sales { font-weight: bold; color: #c03030; }
.contact .contact_box .nini,
.contact-confirm .nini { background-color: #888; color: #fff; margin: 0 10px; padding: 3px; font-size: 14px; }
.contact .contact_box form select { width: 100%; padding: 10px; font-size: 16px; box-sizing: border-box; }
.contact .contact_box form .contact_check { display: block; margin: 6px 0; }
.contact .contact_box form .contact_check a { color: var(--blue-green); text-decoration: underline; }
.contact .contact_box form .wpcf7-submit:disabled { opacity: .5; }
/* 入力内容の確認ボタンはフォームの中央（チェック欄は左のまま） */
.contact .contact_box form p:has(> .wpcf7-submit) { text-align: center; }
.contact .contact_box form .wpcf7-turnstile,
.contact-confirm form .wpcf7-turnstile { margin: 16px 0; }
@media (max-width: 640px) {
  .contact_intro { margin: 40px auto 40px; padding: 0 10px; }
  .contact_intro .contact_lead { font-size: 16px; text-align: left; }
  .contact_intro .case_cta_lead, .contact_line p { text-align: left; }
  .contact_line .contact_line_add img { height: 50px; }
}

/* お問合わせ：入力欄の文字 16px（iOS の自動拡大を防ぐ）・行間と余白／ボタンは中央・高さ PC 60／スマホ 50（入力画面・確認画面だけ） */
.page-id-30 .contact_box form p { box-sizing: border-box; }
.page-id-30 .contact_box form label,
.contact-confirm form label { line-height: 1.6; }
.page-id-30 .contact_box form .wpcf7-form-control-wrap { display: block; margin-top: 8px; }
.page-id-30 .contact_box form input[type="text"],
.page-id-30 .contact_box form input[type="email"],
.page-id-30 .contact_box form select,
.page-id-30 .contact_box form textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 12px 14px;
  font-size: 16px;
  line-height: 1.6;
  color: #222;
  background: #fff;
  border: 1px solid #b9b9b9;
  border-radius: 6px;
}
.page-id-30 .contact_box form input[type="text"],
.page-id-30 .contact_box form input[type="email"],
.page-id-30 .contact_box form select { height: 52px; }
.page-id-30 .contact_box form textarea { min-height: 200px; }
.page-id-30 .contact_box form .contact_check { font-size: 16px; line-height: 1.7; }
.page-id-30 .contact_box form .contact_check input[type="checkbox"] { width: 18px; height: 18px; vertical-align: -3px; margin-right: 6px; }
/* ボタン：中央。読み込み中の印はボタンの下に出して中央をずらさない */
.page-id-30 .contact_box form p:has(> .wpcf7-submit),
.contact-confirm form p:has(> .wpcf7-submit) { position: relative; text-align: center; }
.page-id-30 .contact_box form .wpcf7-spinner,
.contact-confirm form .wpcf7-spinner { position: absolute; left: 50%; top: 100%; margin: 8px 0 0 -12px; }
.page-id-30 .contact_box .wpcf7-submit,
.contact-confirm form .wpcf7-submit,
.contact-confirm form .wpcf7-previous {
  box-sizing: border-box;
  height: 60px;
  min-width: 268px;
  margin: 0 8px;
  padding: 0 36px;
  font-size: 18px;
  line-height: 1.3;
  vertical-align: middle;
  cursor: pointer;
}
.contact-confirm form .wpcf7-previous { min-width: 180px; }
.page-id-30 .contact_box form .contact_check .wpcf7-list-item { margin: 0; }
.contact-confirm form p:has(> .wpcf7-submit) { margin-top: 36px; }
@media (max-width: 640px) {
  .page-id-30 .contact_box .wpcf7-submit,
  .contact-confirm form .wpcf7-submit,
  .contact-confirm form .wpcf7-previous {
    display: block;
    width: 100%;
    max-width: 320px;
    min-width: 0;
    height: 50px;
    margin: 0 auto 12px;
    padding: 0 24px;
    font-size: 16px;
  }
  /* スマホの確認画面：送信を上、戻るを下に */
  .contact-confirm form p:has(> .wpcf7-submit) { display: flex; flex-direction: column-reverse; align-items: center; }
  .contact-confirm form p:has(> .wpcf7-submit) > br { display: none; }
}

/* 事例カードの写真枠を 4:3 にそろえ、写真は全体を収める（白背景） */
.case > .img{aspect-ratio:4/3;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}
.case > .img > a{display:block;width:100%;height:100%}
.case > .img img{width:100%;height:100%;object-fit:contain;display:block}

/* FAQ：分野の目次（ページ内リンク）と分野の見出し 2026-11-07 */
.faq_wrap .faq_nav{margin:0 0 40px}
.faq_wrap .faq_nav ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.faq_wrap .faq_nav li{margin:0;padding:0}
.faq_wrap .faq_nav a{display:flex;align-items:center;justify-content:center;min-height:56px;padding:8px 10px;border:2px solid var(--blue-green,#1f96a6);border-radius:50px;background:#fff;color:var(--blue-green,#1f96a6);font-weight:700;font-size:15px;line-height:1.4;text-align:center;text-decoration:none}
.faq_wrap .faq_nav a:hover{background:#eff7f8}
.faq_wrap h2.faq_genre{margin:56px 0 8px;padding:0 0 8px;border-bottom:2px solid var(--blue-green,#1f96a6);color:#176873;font-size:22px;font-weight:700;scroll-margin-top:20px}
.faq_wrap .faq_nav + h2.faq_genre{margin-top:0}
.faq_wrap #faq-id-docs{scroll-margin-top:20px}
@media (max-width:860px){.faq_wrap .faq_nav ul{grid-template-columns:repeat(2,minmax(0,1fr))}.faq_wrap .faq_nav a{min-height:52px;font-size:14px}.faq_wrap h2.faq_genre{font-size:19px;margin-top:44px}}

/* ========================================================
   2026-11-07 総点検のまとめ直し（折り返し・はみ出し・画面端）
   言葉の途中で割らない：列を減らす→文字を少し小さく→意味の切れ目で改行、の順
======================================================== */

/* A1 フッターのメニュー：右の矢印の余白を詰める。狭いスマホ（374px以下）は1列 */
.ft_main .ft_nav li a { padding-right: 14px; }
.ft_main .ft_nav li a::after { right: 2px; }
@media (min-width: 641px) and (max-width: 900px) {
  .ft_main .ft_nav { column-gap: 16px; font-size: 14px; }
}
@media (max-width: 374px) {
  .ft_main .ft_nav { column-count: 1; }
}

/* A3 機器のタイル：名前は中黒（・）の後ろでだけ改行（device_list.php が <wbr> を入れる）。スマホは少し小さく */
.pt_device .device_list_wrap .device .txt { word-break: keep-all; overflow-wrap: anywhere; }
@media (max-width: 640px) {
  .pt_device .device_list_wrap .device .txt { font-size: 12px; line-height: 1.45; }
}

/* A4 事例カードの題名：言葉の切れ目（sell-item.php の <wbr>）でだけ折り返し、真ん中寄せ（おじさん 2026-11-08）。
   balance は日本語を言葉の途中で割る（「買い取｜らせて」）ので使わない */
.case_list_wrap .case h3 { word-break: keep-all; overflow-wrap: anywhere; font-feature-settings: "palt"; text-align: center; }

/* A6・A7・A12 相談の枠の文：意味の切れ目（.case_cta_seg）でだけ折り返す。狭いスマホは文字を少し小さく */
.maker_about .maker_cta .case_cta_seg { display: inline-block; }
@media (max-width: 400px) {
  .case_cta .case_cta_lead { font-size: 16px; }
  .case_cta { padding: 20px 16px; }
}

/* A9 会社概要の表：スマホは見出しと中身を縦に積む（見出しの「ホームページURL」等を途中で割らない） */
@media (max-width: 640px) {
  .company_info .wp-block-table th,
  .company_info .wp-block-table td { display: block; width: auto; box-sizing: border-box; }
  .company_info .wp-block-table th { border-bottom: none; padding-bottom: 2px; }
  .company_info .wp-block-table td { padding-top: 2px; overflow-wrap: anywhere; }
}

/* A10 事例ページの「メーカーから探す」：カナ（括弧書き）は名前の下にまとめて、括弧の途中で割らない */
.column_two .column_side ul li a { padding-right: 14px; }
.column_two .column_side ul li a .mk_kana { display: inline-block; font-size: 12px; word-break: keep-all; overflow-wrap: anywhere; font-feature-settings: "palt"; text-wrap: balance; }

/* A5 よくある質問の分野タブ：狭いスマホは文字を少し小さく、左右の余白を詰める（長い名前は「・」の後ろで改行：本文側の <br class="sp_only">） */
@media (max-width: 414px) {
  .faq_wrap .faq_nav a { padding: 8px 4px; font-size: 13px; }
}

/* B2・C2 買取について（/about-sell）冒頭の強み・注記・流れの帯：画面端にくっつかないよう、ヘッダーと同じ左右余白（clamp 20〜40px）を確保。帯は枠線ぶんもはみ出さない */
.sell-intro__flow { box-sizing: border-box; }
@media (min-width: 641px) {
  .sell-intro__strengths,
  .sell-intro__note,
  .sell-intro__flow { width: min(calc(100% - 2 * clamp(20px, 3vw, 40px)), 900px); }
  .sell-intro__strengths li { min-width: 0; }
}
@media (min-width: 641px) and (max-width: 900px) {
  .sell-intro__strengths { gap: 10px; }
  .sell-intro__strengths li { gap: 8px; padding: 10px; }
  .sell-intro__strengths img { width: 60px; }
  .sell-intro__strengths .t b { font-size: 19px; }
}

/* C1 個人情報保護方針など、本文が .intro_wrap だけの固定ページ：641px〜の幅で画面の左端にくっつかないよう、ヘッダーと同じ左右余白 */
@media (min-width: 641px) {
  .intro_wrap { box-sizing: border-box; padding-left: clamp(20px, 3vw, 40px); padding-right: clamp(20px, 3vw, 40px); }
}

/* A11 「○○の買取事例をすべて見る」：狭いスマホは左右の余白を詰めて1行に */
@media (max-width: 374px) {
  .sell_case .btn_green a,
  .sell_case .case_more_btns .btn_green a { padding-left: 14px; padding-right: 14px; }
}

/* A10 補足：320px前後のスマホ（サイドが2列）では、カナを1段小さく（「（日本無線株式会社）」を1行に） */
@media (max-width: 374px) {
  .column_two .column_side ul li a { padding-right: 12px; }
  .column_two .column_side ul li a .mk_kana { font-size: 11px; }
}

/* 2026-11-08 表示速度：本文の「流れ(step)」「選ばれる理由(img_point)」の画像に、幅・高さ（比率）の指定を足した（読み込み前に場所を確保して画面のずれを防ぐ）。
   高さは今までどおり幅に合わせて自動にする */
img[src*="/assets/images/common/step0"],
img[src*="/assets/images/common/img_point0"] { height: auto; }

/* 2026-11-08 表示速度の補足：幅・高さ（width/height）を付けた画像は、高さを幅に合わせて自動にする（比率を保つ）。
   全体の img{width:100%} に高さの指定がなく、事例の主役の写真（1024×768 指定）が縦に伸びたため。
   :where() で強さ 0 にしているので、高さを決めている他の指定（流れる写真の切り抜きなど）があればそちらが優先される */
:where(img[width][height]) { height: auto; }

/* 見出しの言葉のかたまり（functions.php musen_h1_seg）。かたまりの中では折り返さない。画面より長いときだけ中で折る（おじさん 2026-11-08） */
.h_seg { display: inline-block; max-width: 100%; overflow-wrap: anywhere; }

/* トップ（パソコン）：画面下の固定帯は、メインビジュアルが見えている間は隠し、過ぎたら出す（MV のボタンと3組並ぶのを避ける。おじさん 2026-11-09）。
   出し入れは common.js が body に .is-past-mv を付け外しする。新しい MV（#top_mv.mv_v2）のときだけ効く。スマホは常に出す。 */
@media (min-width: 641px) {
  body.toppage:has(#top_mv.mv_v2) .float_ft { transition: transform .3s ease, opacity .3s ease; z-index: 50; }
  body.toppage:has(#top_mv.mv_v2):not(.is-past-mv) .float_ft { transform: translateY(110%); opacity: 0; pointer-events: none; }
}

/* お知らせの記事（2026-11-09）
   「お知らせ一覧へ戻る」の矢印：ほかのボタンと同じ「＞」に（content.css の丸い矢印の絵と共通の「＞」が重なって崩れていた）
   本文のリンク：サイトの青緑に（ブラウザ標準の青・紫のままだった） */
.news_detail_wrap .btn_orange a span::after { background-image: none; width: 9px; height: 9px; translate: none; }
.news_detail_wrap .text a { color: var(--blue-green); text-decoration: underline; text-underline-offset: 2px; }
.news_detail_wrap .text a:hover { text-decoration: none; }
@media (max-width: 640px) {
  .news_detail_wrap .btn_orange a span::after { width: 8px; height: 8px; }
}

/* トップのお知らせ欄：題名の前に日付（2026-11-09 おじさん） */
.news_wrap .topics .news_date { margin-right: 1em; color: #6b625b; font-size: 0.9em; white-space: nowrap; }