/* 郵送買取／店頭買取の切り替え部品（.common-tab-menus）の手順アイコンだけを、新しい 3D アイコンに差し替える。
   レイアウト・色・文言は今のまま。画像はテーマの images/buyshops/icon3d/ に置く（このファイルは css/ に置く想定で ../images/… を参照）。
   ファイル名で対応させているので、/buyshops/ と /delivery-purchase/ の両方に効く（ファイル名ごとの意味は両ページで同じ）。 */
/* 元の svg は白い丸の背景ごとの絵なので、差し替えた画像に白い丸を付け、アイコンは丸の内側に収める */
.common-tab-menus .content-block .block-icon img[src*="flow-mail-block"],
.common-tab-menus .content-block .block-icon img[src*="flow-store-block"] {
  object-fit: contain; box-sizing: border-box; padding: 18%; background: #fff; border-radius: 50%;
}
.common-tab-menus .content-block .block-icon img[src$="flow-mail-block1.svg"]  { content: url("../images/buyshops/icon3d/flow-form.webp"); }            /* 申込み */
.common-tab-menus .content-block .block-icon img[src$="flow-mail-block2.svg"]  { content: url("../images/buyshops/icon3d/flow-truck-map.webp"); }       /* 梱包・発送／お引取 */
.common-tab-menus .content-block .block-icon img[src$="flow-mail-block3.svg"]  { content: url("../images/buyshops/icon3d/flow-phone-check.webp"); }     /* 査定・査定結果のお知らせ */
.common-tab-menus .content-block .block-icon img[src$="flow-mail-block4.svg"]  { content: url("../images/buyshops/icon3d/flow-wallet-transfer.webp"); } /* お支払い（振込） */
.common-tab-menus .content-block .block-icon img[src$="flow-store-block1.svg"] { content: url("../images/buyshops/icon3d/flow-erase.webp"); }           /* データ消去 */
.common-tab-menus .content-block .block-icon img[src$="flow-store-block2.svg"] { content: url("../images/buyshops/icon3d/flow-storefront.webp"); }      /* ご来店・店舗で申込み */
.common-tab-menus .content-block .block-icon img[src$="flow-store-block3.svg"] { content: url("../images/buyshops/icon3d/flow-magnifier.webp"); }       /* その場で査定 */
.common-tab-menus .content-block .block-icon img[src$="flow-store-block4.svg"] { content: url("../images/buyshops/icon3d/flow-money.webp"); }           /* 即日現金・お支払い */

/* タブの見出しの線画アイコンも、手順と同じ 3D アイコンにそろえる（郵送＝トラック、店頭＝店舗） */
.common-tab-menus .common-tab-menu .menu-title i.iconsending,
.common-tab-menus .common-tab-menu .menu-title i.iconshop {
  display: inline-block; width: 30px; height: 30px; flex: none; vertical-align: middle;
  background: center / contain no-repeat;
}
.common-tab-menus .common-tab-menu .menu-title i.iconsending { background-image: url("../images/buyshops/icon3d/flow-truck-map.webp"); }
.common-tab-menus .common-tab-menu .menu-title i.iconshop { background-image: url("../images/buyshops/icon3d/flow-storefront.webp"); }
.common-tab-menus .common-tab-menu .menu-title i.iconsending svg,
.common-tab-menus .common-tab-menu .menu-title i.iconshop svg { display: none; }