/*
 * pb-lp-redesign.css — toreca-kaitori LP 改修（2026-10-07 決定・見本 lp_final.html）の CSS をまとめたもの。
 * mu-plugin pb-lp-redesign.php が、本文に追加CSSクラス pb-lpr を含むページだけで読み込む（公開中のページには出ない）。
 * 生成: tools/build_assets.py（手で直さず、見本の CSS を直して作り直す）
 */
/* ===== pb-cv-v4.css ===== */
/*
 * PRICE BASE 申込ボタン（HTML/CSS版）見本 2026-10-07
 * 今の画像（cv-caption*.png / cv-btn*.png）を置き換える想定。
 * キャプションのぷるぷる（scale 0.95↔1、0.7秒、往復）は今と同じ動き。
 */
.pb-cv {
  --pb-cv-green: #60d613;
  --pb-cv-ink: #231815;
  --pb-cv-pc-top: #ff7b6f;
  --pb-cv-pc-bottom: #ff3422;
  --pb-cv-sp-top: #ee8174;
  --pb-cv-sp-bottom: #ea4834;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 900;
  text-align: center;
  margin: 20px auto !important;
  max-width: 820px;
  padding-inline: 12px;
  box-sizing: border-box;
}
.pb-cv *, .pb-cv *::before, .pb-cv *::after { box-sizing: border-box; }

/* ---- キャプション（上の一言） ---- */
.pb-cv__caption {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: .5em;
  margin: 0 0 12px;
  color: var(--pb-cv-ink);
  font-size: clamp(18px, 3.4vw, 38px);
  line-height: 1.35;
  letter-spacing: .02em;
  transform-origin: 50% 100%;
  animation: pb-cv-caption .7s ease 0s infinite alternate;
}
.pb-cv__slash {
  flex: 0 0 auto;
  font-weight: 700;
  transform: scaleY(1.15);
  padding-bottom: .1em;
}
.pb-cv__text { display: inline-block; }
.pb-cv__green { color: var(--pb-cv-green); }
.pb-cv__em {
  color: var(--pb-cv-green);
  -webkit-text-emphasis: filled circle var(--pb-cv-ink);
  text-emphasis: filled circle var(--pb-cv-ink);
  -webkit-text-emphasis-position: over right;
  text-emphasis-position: over right;
}
.pb-cv__br-sp { display: none; }

@keyframes pb-cv-caption {
  0% { transform: scale(.95); }
  100% { transform: scale(1); }
}

/* ---- ボタン ---- */
.pb-cv__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 800px;
  min-height: 88px;
  margin: 0 auto;
  padding: 14px 84px;
  border-radius: 999px;
  background: linear-gradient(var(--pb-cv-pc-top) 0 50%, var(--pb-cv-pc-bottom) 50% 100%);
  color: #fff !important;
  font-size: clamp(22px, 3.6vw, 46px);
  line-height: 1.25;
  letter-spacing: .04em;
  text-decoration: none !important;
  text-shadow: 0 2px 3px rgba(120, 20, 10, .35);
  transition: transform .15s ease, filter .15s ease;
}
.pb-cv__btn:hover { filter: brightness(1.05); transform: translateY(-1px); }
.pb-cv__btn:active { transform: translateY(1px); }
/* 右の黒丸 ▼（::after が黒丸、::before が白い三角） */
.pb-cv__btn::after,
.pb-cv__btn::before {
  content: "";
  position: absolute;
  top: 50%;
}
.pb-cv__btn::after {
  right: 36px;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  border-radius: 50%;
  background: #030101;
}
.pb-cv__btn::before {
  z-index: 1;
  right: 49px;
  margin-top: -5px;
  border-style: solid;
  border-width: 13px 8px 0 8px;
  border-color: #fff transparent transparent transparent;
}
.pb-cv__btn-br { display: none; }

/* ---- スマホ（v4：ワッピー風にコンパクト。一言は1行・小さめ、ボタンも1行の横長） ---- */
@media (max-width: 599px) {
  .pb-cv { padding-inline: 12px; margin: 14px auto !important; }
  .pb-cv__caption {
    font-size: clamp(14px, 4.3vw, 17px);
    gap: .3em;
    align-items: center;
    line-height: 1.9;           /* 傍点の分の高さ */
    margin-bottom: 4px;
    white-space: nowrap;
  }
  .pb-cv__slash { font-size: 1.1em; padding-bottom: 0; }
  .pb-cv__br-sp { display: none; }
  .pb-cv__btn {
    min-height: 58px;
    padding: 12px 52px 12px 20px;
    border-radius: 999px;
    background: linear-gradient(var(--pb-cv-sp-top) 0 50%, var(--pb-cv-sp-bottom) 50% 100%);
    font-size: clamp(17px, 5.1vw, 20px);
    line-height: 1.3;
    letter-spacing: .02em;
    box-shadow: 0 4px 0 rgba(0, 0, 0, .22);
  }
  .pb-cv__btn::after { right: 14px; width: 28px; height: 28px; margin-top: -14px; }
  .pb-cv__btn::before { right: 23px; margin-top: -3px; border-width: 9px 5px 0 5px; }
  .pb-cv__btn-br { display: none; }
}

/* FV直下に移したかたまりの背景（今の「特徴」セクションのクリーム色に合わせる） */
.pb-cv-wrap { background: #fff8dc; padding: 16px 0 8px; }
.pb-cv-wrap .p-blogParts { margin-bottom: 0 !important; }

@media (prefers-reduced-motion: reduce) {
  .pb-cv__caption { animation: none; }
}

/* v5：特徴セクションの中の一番上に置く（背景は特徴セクションのものをそのまま使う） */
.pb-cv-top { margin: 0 0 28px; }
.pb-cv-top .p-blogParts { margin-bottom: 0 !important; }
@media (max-width: 599px) { .pb-cv-top { margin-bottom: 20px; } }

/* v6C：キャンペーンの細い帯（スマホのみ。押すと既存のポップアップが開く） */
.pb-cv-campaign {
  display: none;
  cursor: pointer;
  margin: 0 auto 14px;
  max-width: 420px;
  border: 2px solid #e8463a;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 900;
  -webkit-tap-highlight-color: transparent;
}
@media screen and (max-width: 600px) {
  body .pb-cv-campaign.popup-btn.sp_only {
    display: flex !important;
    align-items: stretch;
  }
}
.pb-cv-campaign__tag {
  display: flex;
  align-items: center;
  padding: 0 10px;
  background: #e8463a;
  color: #fff;
  font-size: 13px;
  letter-spacing: .04em;
  white-space: nowrap;
}
.pb-cv-campaign__text {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 4px;
  color: #231815;
  font-size: 15px;
  white-space: nowrap;
}
.pb-cv-campaign__text b { color: #e8463a; font-size: 1.15em; margin: 0 .1em; }
.pb-cv-campaign__more {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 0 10px 0 4px;
  color: #e8463a;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.pb-cv-campaign__more span { font-size: 16px; line-height: 1; }

/* 幅360px未満（iPhone SE 初代など）：ボタン文言が「申し込／む」と割れないよう詰める（2026-10-07） */
@media (max-width: 359px) {
  .pb-cv__btn { padding: 12px 46px 12px 14px; font-size: 16px; white-space: nowrap; letter-spacing: .02em; }
  .pb-cv__caption { font-size: 13.5px; }
}

/* ===== pb-camp.css ===== */
/*
 * キャンペーンバナー（スマホ）作り直し見本 2026-10-07
 * 文言は今のバナーのまま（買取応援／現金 最大1万円 プレゼント！／くわしくはこちら）。
 * 色も今のバナーから拾った赤 #FF3131・黄 #F7FF00・白。
 * どれも .popup-btn を付けているので、押すと今と同じキャンペーンのポップアップが開く想定。
 * テーマの CSS が「.popup-btn.sp_only は 600px 以下で display:block」にするので、中身は内側の要素で並べる。
 */
.pb-camp {
  --pb-camp-red: #ff3131;
  --pb-camp-yellow: #f7ff00;
  display: none;
  cursor: pointer;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 900;
  line-height: 1;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
}
.pb-camp b { font-weight: 900; }

/* ---- ① カード型：赤い見出し帯＋白地に大きい「1万円」＋赤い下帯（今のバナーの構成を小さくまとめ直す） ---- */
.pb-camp--card {
  max-width: 360px;
  margin: 0 auto 14px;
  border: 3px solid var(--pb-camp-red);
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 3px 0 rgba(0, 0, 0, .12);
}
.pb-camp--card .pb-camp__head {
  display: block;
  padding: 5px 0 6px;
  background: var(--pb-camp-red);
  color: #fff;
  font-size: 14px;
  letter-spacing: .3em;
}
.pb-camp--card .pb-camp__body {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
  padding: 8px 8px 7px;
  color: var(--pb-camp-red);
}
.pb-camp--card .pb-camp__cash { font-size: 26px; }
.pb-camp--card .pb-camp__max {
  display: inline-flex;
  flex-direction: column;
  font-size: 12px;
  line-height: 1.05;
  margin-bottom: 2px;
}
.pb-camp--card .pb-camp__amount { font-size: 34px; letter-spacing: -.02em; }
.pb-camp--card .pb-camp__present { font-size: 18px; margin-bottom: 2px; }
.pb-camp--card .pb-camp__more {
  display: block;
  padding: 5px 0;
  background: var(--pb-camp-red);
  color: var(--pb-camp-yellow);
  font-size: 12px;
  letter-spacing: .08em;
}

/* ---- ② ボタン一体型：申込ボタンのすぐ上に、ボタンを指す赤いふきだしタグ ---- */
.pb-camp--tag {
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 10px;
  position: relative;
}
.pb-camp--tag .pb-camp__inner {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px 7px 12px;
  border-radius: 999px;
  background: var(--pb-camp-red);
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
  box-shadow: 0 2px 0 rgba(0, 0, 0, .15);
}
.pb-camp--tag .pb-camp__inner b { color: var(--pb-camp-yellow); font-size: 14px; }
.pb-camp--tag .pb-camp__more {
  padding-left: 6px;
  border-left: 1px solid rgba(255, 255, 255, .55);
  color: var(--pb-camp-yellow);
  font-size: 9.5px;
}
.pb-camp--tag::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -7px;
  margin-left: -7px;
  border-style: solid;
  border-width: 8px 7px 0 7px;
  border-color: var(--pb-camp-red) transparent transparent transparent;
}

/* ---- ③ 細身の帯：赤地に白文字。左に大きめの「買取応援」を2段の真ん中に、右に2段で本文と「くわしくはこちら」 ---- */
.pb-camp--band {
  margin: 0 0 14px;
  border-radius: 6px;
  background: var(--pb-camp-red);
  color: #fff;
}
.pb-camp--band .pb-camp__inner {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  row-gap: 5px;
  padding: 8px 10px 8px;
  white-space: nowrap;
}
.pb-camp--band .pb-camp__label {
  grid-column: 1;
  grid-row: 1 / span 2;          /* 2段の真ん中に置く */
  align-self: center;
  padding: 7px 8px;
  border: 2px solid #fff;
  border-radius: 5px;
  font-size: 15px;
  letter-spacing: .06em;
}
.pb-camp--band .pb-camp__main { grid-column: 2; grid-row: 1; font-size: 16px; }
.pb-camp--band .pb-camp__main b { color: var(--pb-camp-yellow); font-size: 22px; margin: 0 1px; }
.pb-camp--band .pb-camp__more { grid-column: 2; grid-row: 2; color: var(--pb-camp-yellow); font-size: 11px; letter-spacing: .08em; }

@media screen and (max-width: 600px) {
  body .pb-camp.popup-btn.sp_only { display: block !important; }
}

/* 幅360px未満：帯の文字がはみ出さないよう詰める（2026-10-07） */
@media screen and (max-width: 359px) {
  .pb-camp--band .pb-camp__inner { column-gap: 7px; padding: 7px 6px; }
  .pb-camp--band .pb-camp__label { font-size: 13px; padding: 6px 6px; letter-spacing: .03em; }
  .pb-camp--band .pb-camp__main { font-size: 14px; }
  .pb-camp--band .pb-camp__main b { font-size: 19px; }
  .pb-camp--band .pb-camp__more { font-size: 10px; }
}

/* ===== pb-feat-v2.css ===== */
/* 案② 特徴セクション：スマホだけ 1列×4行の横長リスト（PCは変更なし） */
@media (max-width: 600px) {

  /* ---- 見出し画像：画像はそのまま、表示だけ小さく ---- */
  .feature .pb-feat-v2-ttl {
    margin: 0 0 8px !important;
  }
  .feature .pb-feat-v2-ttl figure {
    margin: 0 auto !important;
    text-align: center;
  }
  .feature .pb-feat-v2-ttl img {
    display: block;
    width: auto !important;
    height: 64px !important;
    max-width: 100%;
    margin: 0 auto !important;
    object-fit: contain;
  }

  /* ---- リスト全体：白い1枚のカード（細い黒枠） ---- */
  .feature .pb-feat-v2.feature-list {
    margin: 0 !important;
    background: #fff;
    border: 3px solid #000;
    border-radius: 10px;
    overflow: hidden;
  }
  .feature .pb-feat-v2.feature-list > .swell-block-columns__inner {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* ---- 1行：左に丸写真、右に文字 ---- */
  .feature .pb-feat-v2.feature-list .swell-block-column {
    display: grid !important;
    grid-template-columns: 56px 1fr;
    grid-template-rows: auto auto;
    column-gap: 12px;
    row-gap: 2px;
    align-items: center;
    align-content: center;
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    margin: 0 !important;
    padding: 6px 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .feature .pb-feat-v2.feature-list .swell-block-column + .swell-block-column {
    border-top: 1px solid #d9d9d9 !important;
  }

  /* 丸い写真 */
  .feature .pb-feat-v2.feature-list .swell-block-column > figure.wp-block-image {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 56px !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #000;
    box-sizing: border-box;
    background: #f3f3f3;
  }
  .feature .pb-feat-v2.feature-list .swell-block-column > figure.wp-block-image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
  }

  /* 説明（上） */
  .feature .pb-feat-v2.feature-list .swell-block-column > p.has-large-font-size {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13.5px !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }
  /* 改行は詰めて1行に（「ベテラン鑑定士による」「買取承諾後3営業日以内に」）。
     2枚目「査定料／発送時の送料」は続けると読みにくいので改行を残す */
  .feature .pb-feat-v2.feature-list .swell-block-column > p.has-large-font-size br {
    display: none;
  }
  .feature .pb-feat-v2.feature-list .swell-block-column:nth-child(2) > p.has-large-font-size br {
    display: inline;
  }

  /* キーワード（下）：色は既存のインライン指定のまま */
  .feature .pb-feat-v2.feature-list .swell-block-column > p.has-huge-font-size {
    grid-column: 2;
    grid-row: 2;
    display: block !important;
    align-self: start !important;
    flex-grow: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 21px !important;
    line-height: 1.15 !important;
    text-align: left !important;
  }
  .feature .pb-feat-v2.feature-list .swell-block-column > p.has-huge-font-size strong {
    line-height: 1.15 !important;
  }
  .feature .pb-feat-v2.feature-list .swell-block-column > p.has-huge-font-size .swl-fz {
    font-size: 1.15em !important;
    line-height: 1 !important;
  }
}

/* ===== pb-feat-v4.css ===== */
/* v8_4：案②（横長の4行リスト）への追加分。スマホのみ */
@media (max-width: 600px) {
  /* 5つ目（高速査定）：LPの「宅配買取の流れ」のイラスト（カード＋虫眼鏡）を白地の丸に収める */
  .feature .pb-feat-v2.feature-list .pb-feat-extra > figure.wp-block-image { background: #fff; }
  .feature .pb-feat-v2.feature-list .pb-feat-extra > figure.wp-block-image img {
    object-fit: cover !important;
    object-position: 52% 46% !important;   /* 時計の中心 */
  }
}
/* PCでは5つ目を出さない（テーマの sp_only に加えて念のため） */
@media (min-width: 601px) {
  .feature .feature-list .pb-feat-extra { display: none !important; }
}

/* ===== pb-merge-B.css ===== */
/* 案B：お悩み × 強み 比較表（スマホのみ） lp_v9_B.html 用 */

/* PC では統合ブロックを出さない（PCの見た目は変えない） */
@media (min-width: 601px) {
  .pb-merge { display: none !important; }
}

@media (max-width: 600px) {
  /* ---- 既存ブロックの非表示（スマホのみ） ---- */
  /* お悩みカード群（見出しの黄色い箱は残す） */
  .swell-block-fullWide.solution.display-sp .swell-block-columns.solution-list { display: none !important; }
  /* 強みセクション：中身は隠し、先頭の「色々詰めて送るだけ！手数料・送料無料」画像(.appeal)と
     末尾のバナー(p-blogParts)だけ残す（PC用の .appeal はテーマ側の display-none-sp でスマホでは出ない） */
  .swell-block-fullWide.strength:not(.display-sp) > .swell-block-fullWide__inner > :not(.p-blogParts):not(.appeal) { display: none !important; }
  /* 強みセクションの背景（水色のドット）と、先頭の .appeal の全幅表示は元のまま使う。
     下の余白だけ、カードを隠した分に合わせて詰める */
  .swell-block-fullWide.strength:not(.display-sp) {
    padding-bottom: 24px !important;
  }
  .swell-block-fullWide.strength:not(.display-sp) .p-blogParts {
    margin: 0 !important;
    padding: 4px 0 0 !important;
  }
  /* 元のLPと同じく、「手数料・送料無料」の画像は画面の端から端まで */
  .swell-block-fullWide.strength:not(.display-sp) .appeal.display-sp {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }
  .swell-block-fullWide.strength:not(.display-sp) .p-blogParts figure.sp_only {
    margin: 0 auto !important;
  }
  /* 直後の高さ30pxの空 strength ブロック */
  .swell-block-fullWide.strength.display-sp { display: none !important; }

  /* ---- 統合ブロック ---- */
  .swell-block-fullWide.solution .pb-merge.pb-merge--B {
    display: block !important;
    margin: 6px 0 4px !important;
    padding: 0 !important;
  }
  .pb-merge--B .pb-merge__tbl {
    background: #fff;
    border: 3px solid #191a1e;
    border-radius: 10px;
    box-shadow: 4px 4px 0 #191a1e;
    overflow: hidden;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    letter-spacing: 0;
  }
  .pb-merge--B .pb-merge__head,
  .pb-merge--B .pb-merge__row {
    display: grid !important;
    grid-template-columns: 49% 51%;
    margin: 0 !important;
  }
  .pb-merge--B .pb-merge__head > div {
    padding: 8px 4px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center;
    border-bottom: 3px solid #191a1e;
  }
  .pb-merge--B .pb-merge__hq { background: #e4e4e4; color: #4a4a4a; border-right: 2px solid #191a1e; }
  .pb-merge--B .pb-merge__ha { background: #e53422; color: #fff; }

  .pb-merge--B .pb-merge__row + .pb-merge__row > div { border-top: 1.5px dashed #b9b9b9; }
  .pb-merge--B .pb-merge__q {
    display: flex !important;
    align-items: center;
    gap: 5px;
    background: #f4f4f4;
    border-right: 2px solid #191a1e;
    padding: 9px 12px 9px 6px !important;
    min-width: 0;
  }
  /* イラストは白地のPNGなので、白い丸に収めて灰色の背景から浮かないようにする */
  .pb-merge--B img.pb-merge__ic {
    flex: 0 0 32px;
    width: 32px !important;
    height: 32px !important;
    object-fit: contain;
    padding: 3px !important;
    box-sizing: border-box;
    background: #fff;
    border: 1.5px solid #191a1e;
    border-radius: 50%;
    margin: 0 !important;
    max-width: none !important;
  }
  .pb-merge--B .pb-merge__qt {
    flex: 1 1 auto;
    min-width: 0;
    color: #5a5a5a;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    margin: 0 !important;
  }
  .pb-merge--B .pb-merge__qt .pb-merge__em { color: #2a2a2a; font-weight: 900; }
  .pb-merge--B .pb-merge__u { display: inline-block; }

  .pb-merge--B .pb-merge__a {
    position: relative;
    display: flex !important;
    align-items: center;
    padding: 9px 8px 9px 16px !important;
    min-width: 0;
  }
  .pb-merge--B .pb-merge__arw {
    position: absolute;
    left: -9.5px;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #e53422;
    border: 2px solid #191a1e;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    line-height: 12px;
    text-align: center;
    box-sizing: border-box;
    padding-left: 1px;
    z-index: 1;
  }
  .pb-merge--B .pb-merge__at {
    color: #e53422;
    font-size: 14.5px !important;
    font-weight: 900 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
  }
  .pb-merge--B .pb-merge__at .pb-merge__lead { color: #e53422; }
  .pb-merge--B .pb-merge__at .pb-merge__mk {
    background: linear-gradient(transparent 62%, #ffe14d 62%);
  }
  .pb-merge--B .pb-merge__note {
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    color: #191a1e;
    vertical-align: top;
    margin-left: 1px;
    line-height: 1.2;
  }
}

/* ===== pb-rec-A.css ===== */
/* =========================================================
   案A：「PRICE BASEのトレカ買取がおすすめな理由」スマホだけ詰める
   - 対象：.recommend.display-sp に付けた .pb-rec-A のみ
   - PCは一切変えない（すべて max-width:600px の中）
   - カード枠は背景画像をやめて CSS（白地＋黒枠＋右下の黄色い立体縁）
   - 文言・注釈は HTML のまま（テキスト変更なし）
   ========================================================= */
@media (max-width: 600px) {

  /* --- セクション --- */
  .swell-block-fullWide.recommend.pb-rec-A {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  /* 見出しの黄色い箱：見た目はそのまま、下の余白だけ少し調整 */
  .pb-rec-A .wp-block-cover.recommend-title {
    margin-bottom: 10px !important;
  }

  /* --- カード本体：背景画像 → CSSの枠 --- */
  .pb-rec-A .wp-block-cover.recommend-list {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    width: calc(100% - 6px) !important;      /* 右下の立体縁ぶん */
    max-width: calc(100% - 6px) !important;
    margin: 0 6px 10px 0 !important;
    padding: 12px !important;
    background: #fff !important;
    border: 2px solid #191a1e !important;
    border-radius: 2px !important;
    box-shadow: 5px 5px 0 #fff200, 5px 5px 0 2px #191a1e !important;
    overflow: visible !important;
    align-items: center !important;
  }
  .pb-rec-A .wp-block-cover.recommend-list:last-child {
    margin-bottom: 6px !important;
  }
  .pb-rec-A .recommend-list > .wp-block-cover__image-background,
  .pb-rec-A .recommend-list > noscript,
  .pb-rec-A .recommend-list > .wp-block-cover__background {
    display: none !important;
  }
  .pb-rec-A .recommend-list > .wp-block-cover__inner-container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* --- 2カラム：アイコン列を狭く、文字列を広く --- */
  .pb-rec-A .recommend-list .swell-block-columns {
    margin: 0 !important;
  }
  .pb-rec-A .recommend-list .swell-block-columns__inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .pb-rec-A .recommend-list .swell-block-columns__inner > .swell-block-column {
    margin: 0 !important;
    padding: 0 !important;
  }
  .pb-rec-A .recommend-list .swell-block-columns__inner > .swell-block-column:nth-of-type(1) {
    flex: 0 0 42px !important;
    width: 42px !important;
    max-width: 42px !important;
  }
  .pb-rec-A .recommend-list .swell-block-columns__inner > .swell-block-column:nth-of-type(2) {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    padding-left: 0 !important;
  }
  .pb-rec-A .recommend-list .wp-block-image,
  .pb-rec-A .recommend-list .wp-block-image figure {
    margin: 0 !important;
  }
  .pb-rec-A .recommend-list .wp-block-image img {
    display: block !important;
    width: 42px !important;
    max-width: 42px !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  /* --- 文字 --- */
  .pb-rec-A .recommend-list p.recommend-list-title {
    font-size: 16.5px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
  }
  .pb-rec-A .recommend-list p:not(.recommend-list-title) {
    font-size: 13px !important;
    line-height: 1.42 !important;
    margin: 0 !important;
  }
  /* 注釈（※…）：10.5px・グレーは元の指定のまま */
  .pb-rec-A .recommend-list p:not(.recommend-list-title) span {
    font-size: 10.5px !important;
    line-height: 1.38 !important;
  }
  .pb-rec-A .recommend-list p:not(.recommend-list-title) > span.swl-fz {
    margin-top: 2px;
  }
  /* 「※2」は本文の直後に並べる（注釈番号なので行を分けない） */
  .pb-rec-A .recommend-list p:not(.recommend-list-title) span.u-fz-s {
    display: inline !important;
    margin: 0 0 0 2px !important;
    vertical-align: baseline;
  }
}

/* ===== pb-genre-B.css ===== */
/* =========================================================
   pb-genre-B.css  案B：高額買取ジャンル 12ジャンル＋その他 3列マス目（SPのみ）
   対象：lp_v11_B.html の div.swell-block-fullWide.genre
   PC（601px以上）は追加マスを非表示にするだけで、既存の見た目は変えない
   ========================================================= */

/* 追加5マスはPC・タブレットでは出さない */
.swell-block-fullWide.genre .genre-panel .swell-block-column.pb-genreB-add {
  display: none !important;
}

@media (max-width: 600px) {

  /* ---- サブ見出し画像（＼買取査定をお断りする…／）を少し小さく ---- */
  .swell-block-fullWide.genre .genre-subtitle {
    margin-bottom: 10px !important;
  }
  .swell-block-fullWide.genre .genre-subtitle figure img {
    width: 82% !important;
    max-width: 82% !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }

  /* ---- 3列グリッド ---- */
  .swell-block-fullWide.genre .swell-block-columns.genre-panel {
    margin-bottom: 16px !important;
  }
  .swell-block-fullWide.genre .genre-panel > .swell-block-columns__inner {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  /* ---- マス共通 ---- */
  .swell-block-fullWide.genre .genre-panel > .swell-block-columns__inner > .swell-block-column {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 7px 3px 6px !important;
    background: #fff !important;
    border: 1px solid #e3e3e3 !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
  }
  .swell-block-fullWide.genre .genre-panel > .swell-block-columns__inner > .swell-block-column.pb-genreB-add {
    display: flex !important;
  }

  /* ロゴ：高さ40pxの共通ボックスに contain で中央寄せ */
  .swell-block-fullWide.genre .genre-panel .swell-block-column > figure.wp-block-image {
    width: 100% !important;
    height: 40px !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: none !important;
    overflow: hidden !important;
  }
  .swell-block-fullWide.genre .genre-panel .swell-block-column > figure.wp-block-image img {
    width: 100% !important;
    height: 40px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 !important;
  }

  /* ジャンル名：10.5px・太字・ロゴの下（上端そろえで1行目のベースラインを統一） */
  .swell-block-fullWide.genre .genre-panel .swell-block-column > p.wp-block-paragraph {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10.5px !important;
    line-height: 1.3 !important;
    letter-spacing: -0.02em !important;
    color: #222 !important;
    text-align: center !important;
    width: 100% !important;
  }
  .swell-block-fullWide.genre .genre-panel .swell-block-column > p.wp-block-paragraph strong {
    font-weight: 700 !important;
  }

  /* ドラゴンボールヒーローズは「ドラゴンボール／ヒーローズ」で折り返す */
  .swell-block-fullWide.genre .genre-panel > .swell-block-columns__inner > .swell-block-column:nth-child(6) > p.wp-block-paragraph {
    max-width: 7.4em !important;
    margin: 0 auto !important;
  }

  /* ---- 並び順（DOM順：1ポケ 2ワンピ 3ヴァイス 4遊戯王 5デュエマ 6DBH 7FW 8コナン 9ロルカナ 10ホロ 11UA 12MTG 13その他） ---- */
  .swell-block-fullWide.genre .genre-panel > .swell-block-columns__inner > .swell-block-column:nth-child(1) { order: 1 !important; }
  .swell-block-fullWide.genre .genre-panel > .swell-block-columns__inner > .swell-block-column:nth-child(2) { order: 2 !important; }
  .swell-block-fullWide.genre .genre-panel > .swell-block-columns__inner > .swell-block-column:nth-child(4) { order: 3 !important; }
  .swell-block-fullWide.genre .genre-panel > .swell-block-columns__inner > .swell-block-column:nth-child(5) { order: 4 !important; }
  .swell-block-fullWide.genre .genre-panel > .swell-block-columns__inner > .swell-block-column:nth-child(7) { order: 5 !important; }
  .swell-block-fullWide.genre .genre-panel > .swell-block-columns__inner > .swell-block-column.pb-genreB-conan { order: 6 !important; }
  .swell-block-fullWide.genre .genre-panel > .swell-block-columns__inner > .swell-block-column:nth-child(6) { order: 7 !important; }
  .swell-block-fullWide.genre .genre-panel > .swell-block-columns__inner > .swell-block-column:nth-child(3) { order: 8 !important; }
  .swell-block-fullWide.genre .genre-panel > .swell-block-columns__inner > .swell-block-column.pb-genreB-lorcana { order: 9 !important; }
  .swell-block-fullWide.genre .genre-panel > .swell-block-columns__inner > .swell-block-column.pb-genreB-hololive { order: 10 !important; }
  .swell-block-fullWide.genre .genre-panel > .swell-block-columns__inner > .swell-block-column.pb-genreB-unionarena { order: 11 !important; }
  .swell-block-fullWide.genre .genre-panel > .swell-block-columns__inner > .swell-block-column.pb-genreB-mtg { order: 12 !important; }

  /* 透明・白の余白が大きいロゴは見た目の大きさをそろえるため表示だけ拡大（画像自体は無加工）
     1ポケモン：内容79%×38%／2ワンピース：67%×28%／5デュエマ：84%×63%／ユニオンアリーナ：82%×51% */
  .swell-block-fullWide.genre .genre-panel > .swell-block-columns__inner > .swell-block-column:nth-child(1) > figure.wp-block-image img { transform: scale(2.1) !important; }
  .swell-block-fullWide.genre .genre-panel > .swell-block-columns__inner > .swell-block-column:nth-child(2) > figure.wp-block-image img { transform: scale(2.2) !important; }
  .swell-block-fullWide.genre .genre-panel > .swell-block-columns__inner > .swell-block-column:nth-child(5) > figure.wp-block-image img { transform: scale(1.45) !important; }
  .swell-block-fullWide.genre .genre-panel .swell-block-column.pb-genreB-unionarena > figure.wp-block-image img { transform: scale(1.6) !important; }

  /* ロルカナ：OGP画像（余白が大きい）を他の横長ロゴと同じ 76×40 の枠で少し拡大表示 */
  .swell-block-fullWide.genre .genre-panel .swell-block-column.pb-genreB-lorcana > figure.wp-block-image {
    width: 76px !important;
    margin: 0 auto 5px !important;
    overflow: hidden !important;
    border-radius: 2px !important;
  }
  .swell-block-fullWide.genre .genre-panel .swell-block-column.pb-genreB-lorcana > figure.wp-block-image img {
    object-fit: cover !important;
    transform: scale(1.4) !important;
  }

  /* ---- 「その他」マス：最下段を横いっぱいのバーに（クラス・popup-btn-4 はそのまま） ---- */
  .swell-block-fullWide.genre .genre-panel > .swell-block-columns__inner > .swell-block-column.popup-btn-4 {
    order: 13 !important;
    grid-column: 1 / -1 !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 5px 12px !important;
    min-height: 50px !important;
    border-color: #f43442 !important;
    cursor: pointer !important;
  }
  .swell-block-fullWide.genre .genre-panel .swell-block-column.popup-btn-4 > .wp-block-image {
    width: 52px !important;
    height: 38px !important;
    margin: 0 !important;
    flex: none !important;
    display: flex !important;
    overflow: hidden !important;
    border-radius: 4px !important;
  }
  .swell-block-fullWide.genre .genre-panel .swell-block-column.popup-btn-4 > .wp-block-image figure {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
  }
  .swell-block-fullWide.genre .genre-panel .swell-block-column.popup-btn-4 > .wp-block-image img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
    margin: 0 !important;
  }
  /* 画像内の「その他▶」文字は小さくなるので、空の段落に文字ラベルを出す */
  .swell-block-fullWide.genre .genre-panel .swell-block-column.popup-btn-4 > p.wp-block-paragraph {
    width: auto !important;
    margin: 0 !important;
    text-align: left !important;
    line-height: 1.25 !important;
  }
  .swell-block-fullWide.genre .genre-panel .swell-block-column.popup-btn-4 > p.wp-block-paragraph::before {
    content: "その他のジャンル・商品";
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #191a1e;
    letter-spacing: 0;
  }
  .swell-block-fullWide.genre .genre-panel .swell-block-column.popup-btn-4 > p.wp-block-paragraph::after {
    content: "買取対象商品一覧を見る ▶";
    display: block;
    margin-top: 2px;
    font-size: 11px;
    font-weight: 700;
    color: #f43442;
    letter-spacing: 0;
  }
}

/* ===== pb-cmp-B.css ===== */
/* =========================================================
   案B：「他社との比較表」スマホだけ組み替え
   - 対象：#compare の fullWide に付けた .pb-cmp-B のみ
   - PCは一切変えない（すべて max-width:600px の中）
   - HTML（表ブロック）はそのまま。CSS だけで各行を
       ┌────────── 項目名（横いっぱいの帯）──────────┐
       │ PRICE BASE（広い・大きい字） │ A社 │ B社 │
     の形に並べ替える。文言・★・行の順番は変えない
   - 列幅：PRICE BASE 46% / A社 27% / B社 27%
   - 項目名の左側の列をなくしたぶん、各社の欄を広くできる
   ========================================================= */
@media (max-width: 600px) {

  .pb-cmp-B .compare-table {
    padding-top: 20px !important;
    --pbB-col1: 46%;
    --pbB-red: #f33442;
  }

  /* 本番の JS で描く2列目のグラデーション帯は、組み替え後は位置がずれるので消して
     PRICE BASE のセル自体に色を付ける */
  .pb-cmp-B .compare-table::after {
    display: none;
  }

  /* --- 表をグリッドに --- */
  .pb-cmp-B .compare-table table {
    --swl-cell1-width: auto !important;  /* テーブルのインライン指定 170px を無効化 */
    display: block;
    width: 100%;
  }
  .pb-cmp-B .compare-table table thead,
  .pb-cmp-B .compare-table table tbody {
    display: block;
    width: 100%;
  }
  .pb-cmp-B .compare-table table tr {
    display: grid;
    grid-template-columns: var(--pbB-col1) 1fr 1fr;
  }
  .pb-cmp-B .compare-table table th,
  .pb-cmp-B .compare-table table td {
    box-sizing: border-box;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
  }

  /* --- 見出し行：左上の空セルは消す --- */
  .pb-cmp-B .compare-table table thead tr th:first-of-type {
    display: none;
  }
  .pb-cmp-B .compare-table table thead tr th {
    height: 38px;
    display: block;
    font-size: 15px;
    line-height: 38px;
    white-space: nowrap;
  }
  .pb-cmp-B .compare-table table thead tr th:nth-of-type(2) {
    font-size: 16px;
    line-height: 28px;   /* 赤枠 5px×2 のぶんを引いて上下中央 */
    border-bottom: 0;
  }
  .pb-cmp-B .compare-table table thead tr th:nth-of-type(2) br.sp_ {
    display: none !important;   /* 「PRICE BASE」を1行に（広い列なので折り返し不要）。テーマの br.sp_{display:block!important} を上書き */
  }
  .pb-cmp-B .compare-table table thead tr th:nth-of-type(2)::before {
    height: 14px;
  }
  .pb-cmp-B .compare-table table thead tr th:nth-of-type(2) strong {
    top: -3px !important;
  }
  .pb-cmp-B .compare-table table thead tr th:nth-of-type(4) {
    border-left: 1px solid rgba(255, 255, 255, .25);
  }

  /* --- 本文セル共通 --- */
  .pb-cmp-B .compare-table table tbody tr td {
    border: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 5px 4px;
    font-size: 10px;
    line-height: 1.3;
    text-wrap: balance;
  }

  /* 項目名：横いっぱいの細い帯。PRICE BASE の赤い縦線は帯の上もつなげる */
  .pb-cmp-B .compare-table table tbody tr td:first-of-type {
    grid-column: 1 / -1;
    display: block;
    text-align: left;
    padding: 2px 8px 2px 12px;
    font-size: 10.5px;
    line-height: 1.4;
    color: #333;
    border: 0;
    background:
      linear-gradient(90deg,
        var(--pbB-red) 0 5px,
        transparent 5px calc(var(--pbB-col1) - 5px),
        var(--pbB-red) calc(var(--pbB-col1) - 5px) var(--pbB-col1),
        transparent var(--pbB-col1)),
      #dcdcdc !important;
  }
  .pb-cmp-B .compare-table table tbody tr td:first-of-type::before {
    content: none;
  }

  /* PRICE BASE：広く・字を大きく・★も大きく */
  .pb-cmp-B .compare-table table tbody tr td:nth-of-type(2) {
    border-left: 5px solid var(--pbB-red);
    border-right: 5px solid var(--pbB-red);
    padding: 5px 4px;
    font-size: 11px;
    line-height: 1.3;
    background: radial-gradient(ellipse at 50% 50%, #fff 0 45%, #fdf7cb 100%) !important;
  }
  .pb-cmp-B .compare-table table tbody tr:last-of-type td:nth-of-type(2) {
    border-bottom: 5px solid var(--pbB-red);
  }
  .pb-cmp-B .compare-table table tbody tr td:nth-of-type(2) .swl-inline-color {
    font-size: 12px;
    letter-spacing: .02em;
    line-height: 1.15;
    margin-top: 1px;
  }

  /* A社・B社：字は控えめ（グレー寄り）、★は小さめ */
  .pb-cmp-B .compare-table table tbody tr td:nth-of-type(3),
  .pb-cmp-B .compare-table table tbody tr td:nth-of-type(4) {
    color: #555;
    font-size: 9.5px;
    padding: 4px 3px;
    background: #fff !important;
  }
  .pb-cmp-B .compare-table table tbody tr td:nth-of-type(4) {
    border-left: 1px solid #dcdcdc;
  }
  .pb-cmp-B .compare-table table tbody tr:last-of-type td:nth-of-type(3),
  .pb-cmp-B .compare-table table tbody tr:last-of-type td:nth-of-type(4) {
    border-bottom: 1px solid #dcdcdc;
  }
  .pb-cmp-B .compare-table table tbody tr td:nth-of-type(3) .swl-inline-color,
  .pb-cmp-B .compare-table table tbody tr td:nth-of-type(4) .swl-inline-color {
    font-size: 9.5px;
    letter-spacing: -.02em;
    line-height: 1.15;
    margin-top: 1px;
  }
}

/* ===== pb-flow-B.css ===== */
/* =========================================================
   案B：「宅配買取の流れ」＋「宅配キットで安心のトレカ買取サービス」
   スマホだけ、少し大胆に詰める
   - 流れ：STEPバッジ（既存画像）を縦の線でつないだタイムライン。▼矢印の代わりに線
   - キット：写真＋見出しの2列を白いカードに。集荷手配サービスは段ボール画像を見出しのアイコンに
   - 対象：.flow.display-sp に付けた .pb-flowB、.service.display-sp に付けた .pb-kitB
   - PCは一切変えない（すべて max-width:600px の中）
   - 文言・注釈・画像は HTML のまま（テキスト変更なし、画像の差し替え・切り抜きなし）
   ========================================================= */
@media (max-width: 600px) {

  /* =========================================
     1) 宅配買取の流れ（タイムライン）
     ========================================= */
  .swell-block-fullWide.pb-flowB {
    padding-top: 20px !important;
    padding-bottom: 22px !important;
  }
  .pb-flowB .wp-block-cover.recommend-title {
    margin-bottom: 14px !important;
  }
  .pb-flowB .wp-block-cover.recommend-title .wp-block-spacer {
    display: none !important;
  }
  /* ▼矢印と空スペーサーは線に置きかえるので出さない */
  .pb-flowB .swell-block-fullWide__inner > .wp-block-spacer,
  .pb-flowB .swell-block-fullWide__inner > .wp-block-image {
    display: none !important;
  }

  /* --- カード --- */
  .pb-flowB .wp-block-cover.flow-list {
    position: relative !important;
    min-height: 0 !important;
    height: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 0 12px 52px !important;
    padding: 10px 10px 10px 12px !important;
    background: #fff !important;
    border: 2px solid #191a1e !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 0 #191a1e !important;
    overflow: visible !important;
    align-items: center !important;
  }
  .pb-flowB .wp-block-cover.flow-list:last-child {
    margin-bottom: 0 !important;
  }
  .pb-flowB .flow-list > .wp-block-cover__image-background,
  .pb-flowB .flow-list > noscript,
  .pb-flowB .flow-list > .wp-block-cover__background {
    display: none !important;
  }

  /* 縦の線：このカードのバッジから次のカードのバッジまで */
  .pb-flowB .wp-block-cover.flow-list::after {
    content: "";
    position: absolute;
    left: -35px;             /* バッジの中心 */
    top: 20px;
    bottom: -36px;           /* 次のカードの上端＋バッジ位置まで */
    width: 4px;
    background: #191a1e;
    border-radius: 2px;
    z-index: 0;
  }
  .pb-flowB .wp-block-cover.flow-list:last-child::after {
    display: none;
  }
  /* 線とカードのつなぎ（バッジ→カードの短い横線） */
  .pb-flowB .wp-block-cover.flow-list::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 21px;
    width: 12px;
    height: 3px;
    background: #191a1e;
    z-index: 0;
  }

  /* 中身：左にタイトル＋説明、右にイラスト */
  .pb-flowB .flow-list > .wp-block-cover__inner-container {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 52px;
    grid-template-rows: auto auto;
    column-gap: 8px;
    align-items: center;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* STEPバッジ（既存の黄色い丸の画像）＝タイムラインの点 */
  .pb-flowB .flow-list .flow-list-num {
    position: absolute !important;
    top: 0 !important;
    left: -56px !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    z-index: 2;
  }
  .pb-flowB .flow-list .flow-list-num img {
    width: 44px !important;
    height: 44px !important;
    max-width: none !important;
    display: block;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #191a1e;
  }

  /* イラスト（右） */
  .pb-flowB .flow-list .wp-block-cover__inner-container > .wp-block-image {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    margin: 0 !important;
  }
  .pb-flowB .flow-list .wp-block-cover__inner-container > .wp-block-image figure {
    margin: 0 !important;
    display: block !important;
  }
  .pb-flowB .flow-list .wp-block-cover__inner-container > .wp-block-image img {
    display: block;
    width: 50px !important;
    height: 50px !important;
    max-width: none !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }

  /* タイトル（赤） */
  .pb-flowB .flow-list p.flow-list-title {
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    min-width: 0;
    margin: 0 0 3px !important;
    padding: 0 0 3px !important;
    border-bottom: 2px dotted #f2b8bc;
    font-size: 16.5px !important;
    line-height: 1.3 !important;
    text-align: left !important;
  }
  /* 説明 */
  .pb-flowB .flow-list p:not(.flow-list-title) {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    text-align: left !important;
    text-wrap: pretty;
  }
  .pb-flowB .flow-list p:not(.flow-list-title) .swl-fz {
    display: block;
    margin-top: 3px;
    white-space: normal !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
    color: #707072;
  }
  .pb-flowB .flow-list p:not(.flow-list-title) .swl-fz * {
    white-space: normal !important;
  }
  .pb-flowB .flow-list p:not(.flow-list-title) .swl-fz br {
    display: none;
  }

  /* =========================================
     2) 宅配キットで安心のトレカ買取サービス
     ========================================= */
  .swell-block-fullWide.pb-kitB {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pb-kitB > .swell-block-fullWide__inner {
    display: grid !important;
    grid-template-columns: 140px minmax(0, 1fr);
    column-gap: 10px;
    align-items: center;
  }
  .pb-kitB > .swell-block-fullWide__inner > * {
    grid-column: 1 / -1;
    min-width: 0;
  }
  .pb-kitB > .swell-block-fullWide__inner > :not(.pb-cv) {
    position: relative;
    z-index: 1;
  }
  /* 写真〜説明文をまとめる白いカード（疑似要素で背景だけ描く） */
  .pb-kitB > .swell-block-fullWide__inner::before {
    content: "" !important;
    display: block !important;
    grid-column: 1 / -1;
    grid-row: 2 / 4;
    align-self: stretch;
    background: #fff;
    border: 2px solid #191a1e;
    border-radius: 12px;
    box-shadow: 0 3px 0 #191a1e;
    z-index: 0;
  }
  .pb-kitB > .swell-block-fullWide__inner::after {
    display: none !important;
  }

  .pb-kitB .wp-block-cover.review-title {
    grid-row: 1;
    justify-self: center;
    width: 95% !important;
    margin: 0 0 12px !important;
  }
  .pb-kitB .wp-block-cover.review-title .wp-block-spacer {
    display: none !important;
  }

  /* キット写真（左）＋見出し（右） */
  .pb-kitB > .swell-block-fullWide__inner > .wp-block-image {
    grid-row: 2;
    grid-column: 1;
    margin: 12px 0 0 12px !important;
  }
  .pb-kitB > .swell-block-fullWide__inner > .wp-block-image figure {
    margin: 0 !important;
  }
  .pb-kitB > .swell-block-fullWide__inner > .wp-block-image img {
    display: block;
    width: 128px !important;
    height: auto !important;
    margin: 0 !important;
  }
  .pb-kitB p.service-subtitle {
    grid-row: 2;
    grid-column: 2;
    margin: 12px 12px 0 0 !important;
    font-size: 19px !important;
    line-height: 1.45 !important;
    text-align: left !important;
  }
  .pb-kitB p.service-subtitle span[style*="color"] {
    display: inline-block;
  }

  /* 説明文 */
  .pb-kitB > .swell-block-fullWide__inner > .swell-block-columns {
    grid-row: 3;
    margin: 8px 12px 12px !important;
  }
  .pb-kitB > .swell-block-fullWide__inner > .swell-block-columns > .swell-block-columns__inner {
    margin: 0 !important;
    display: block !important;
  }
  .pb-kitB .price-caption {
    margin: 0 !important;
    width: auto !important;
  }
  .pb-kitB p.service-caption {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
    text-wrap: pretty;
  }
  .pb-kitB p.service-caption br {
    display: none;
  }

  /* 集荷手配サービス：段ボール画像を見出しバーのアイコンに */
  .pb-kitB .cap_box.service-box {
    grid-row: 4;
    margin: 12px 0 0 !important;
    border-radius: 12px !important;
    border: 2px solid #191a1e;
    box-shadow: 0 3px 0 #191a1e;
    overflow: hidden;
    position: relative;
  }
  .pb-kitB .cap_box.service-box .cap_box_ttl {
    display: flex !important;
    align-items: center;
    min-height: 46px;
    padding: 4px 10px 4px 74px !important;
    text-align: left !important;
    justify-content: flex-start !important;
  }
  .pb-kitB .cap_box.service-box .cap_box_ttl .swl-fz {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }
  .pb-kitB .cap_box.service-box .cap_box_content {
    display: block !important;
    position: static !important;
    margin: 0 !important;
    padding: 10px 12px 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
  /* 段ボール画像：見出しバーの左に（白い丸の上） */
  .pb-kitB .cap_box_content > .wp-block-image:first-child {
    position: absolute;
    top: 3px;
    left: 10px;
    width: 52px;
    height: 40px;
    margin: 0 !important;
    z-index: 2;
  }
  .pb-kitB .cap_box_content > .wp-block-image:first-child figure {
    margin: 0 !important;
  }
  .pb-kitB .cap_box_content > .wp-block-image:first-child img {
    display: block;
    width: 52px !important;
    height: 40px !important;
    object-fit: contain !important;
    margin: 0 !important;
  }
  .pb-kitB .cap_box_content > p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
    text-wrap: pretty;
  }
  .pb-kitB .cap_box_content > p br {
    display: none;
  }
  .pb-kitB .cap_box_content > .wp-block-image:last-child {
    margin: 8px 0 0 !important;
  }
  .pb-kitB .cap_box_content > .wp-block-image:last-child figure {
    margin: 0 auto !important;
  }
  .pb-kitB .cap_box_content > .wp-block-image:last-child img {
    display: block;
    width: 100% !important;
    max-width: 300px !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  /* 申込ボタン（既存部品 .pb-cv）は触らない */
}

/* 幅の狭い端末（〜359px）：キット写真を少し小さくして見出しの折り返しを保つ */
@media (max-width: 359px) {
  .pb-kitB > .swell-block-fullWide__inner { grid-template-columns: 112px minmax(0, 1fr); }
  .pb-kitB > .swell-block-fullWide__inner > .wp-block-image img { width: 100px !important; }
  .pb-kitB p.service-subtitle { font-size: 17px !important; }
}

/* ===== pb-flow-B-fix.css ===== */
/* 流れB 微調整（v13）：イラスト列を少し細くして本文の幅を確保し、1〜2文字だけの最終行を減らす */
@media (max-width: 600px) {
  .pb-flowB .flow-list > .wp-block-cover__inner-container { grid-template-columns: minmax(0, 1fr) 44px; column-gap: 6px; }
  .pb-flowB .flow-list .wp-block-cover__inner-container > .wp-block-image img { width: 44px !important; height: 44px !important; }
}
@media (max-width: 600px) {
  .pb-flowB .flow-list p:not(.flow-list-title) { letter-spacing: -0.01em; }
}

/* ===== pb-price-A.css ===== */
/* 買取目安表 案A（SPのみ）2026-10-07
   対象：買取目安表の fullWide ブロックに追加クラス pb-priceA（他ページのショートコードには効かない）
   ① 申込ボタンを価格表の直後へ … ブロックの並べ替え（CSS なし）
   ② 長い注意書きを「続きを見る」で畳む … 段落ブロックに追加クラス pb-pricenote ＋ pb-pricenote.js
   ③ 検索欄を詰める … 下の .pbtpx 指定（プラグインの CSS/JS は無変更。ジャンルタブ・表示枚数・表の中のスクロール箱は触らない）
   PC（601px 以上）は CSS の変化なし。 */
@media (max-width: 600px) {

  /* ---------- ③ 検索欄を詰める ---------- */
  /* その他のタイトル（コンボボックス）：下の余白 22→12、ラベル下 7→4。入力欄の高さ 36px は現状のまま */
  .pb-priceA .pbtpx .pbtpx__other {
    margin-bottom: 12px !important;
  }
  .pb-priceA .pbtpx .pbtpx__combobox label {
    margin-bottom: 4px !important;
  }
  /* カード名／型番・レアリティ／検索・条件をリセット（2列グリッドは現状のまま） */
  .pb-priceA .pbtpx .pbtpx__filters {
    gap: 8px !important;
    margin-bottom: 10px !important;
  }
  .pb-priceA .pbtpx .pbtpx__filters input,
  .pb-priceA .pbtpx .pbtpx__filters select {
    height: 40px !important;
    min-height: 40px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 8px !important;
  }
  /* レアリティの▼（背景で描画、元は高さ46pxに合わせて top 20px）を高さ40pxの中央へ */
  .pb-priceA .pbtpx .pbtpx__filters select {
    background-position: calc(100% - 18px) 17px, calc(100% - 13px) 17px !important;
  }
  .pb-priceA .pbtpx .pbtpx__search,
  .pb-priceA .pbtpx .pbtpx__reset {
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 8px !important;
    line-height: 1 !important;
  }
  /* パック名の横スクロール：上下の内側余白 10→6 */
  .pb-priceA .pbtpx .pbtpx__pack-scroll {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  /* 表の下の余白：価格表の直後に申込ボタンが来るので 30→0（表の箱の下余白 20px と申込ボタンの上余白で間は空く） */
  .pb-priceA .pbtpx {
    margin-bottom: 0 !important;
  }

  /* ---------- ② 注意書き：頭の3行＋フェード、「続きを見る／閉じる」で全文 ---------- */
  .pb-priceA .pb-pricenote {
    position: relative;
    margin-bottom: 0 !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
  }
  .pb-priceA .pb-pricenote .mininote {
    font-size: inherit !important;
    line-height: inherit !important;
  }
  /* JS なし（ボタンが無い）ときは今まで通りの下余白 */
  .pb-priceA .pb-pricenote:not(.is-closed):not(:has(+ .pb-pricenote-toggle)) {
    margin-bottom: 30px !important;
  }
  .pb-priceA .pb-pricenote.is-closed {
    max-height: calc(12px * 1.7 * 3);
    overflow: hidden;
  }
  .pb-priceA .pb-pricenote.is-closed::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: calc(12px * 1.7 * 1.5);
    background: linear-gradient(to bottom, rgba(249, 249, 249, 0), #f9f9f9 85%); /* セクション背景 #f9f9f9 */
    pointer-events: none;
  }
  /* 開閉ボタン（pb-note-A.css の .pb-note-toggle と同じ見た目） */
  .pb-priceA .pb-pricenote-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 180px;
    height: 40px;
    margin: 8px auto 24px;
    padding: 0;
    border: 1px solid #c8c8c8;
    border-radius: 999px;
    background: #fff;
    color: #191a1e;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .pb-priceA .pb-pricenote-toggle::after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 2px solid #4bbf00;
    border-bottom: 2px solid #4bbf00;
    transform: translateY(-2px) rotate(45deg);
  }
  .pb-priceA .pb-pricenote-toggle[aria-expanded="true"]::after {
    transform: translateY(2px) rotate(-135deg);
  }
  .pb-priceA .pb-pricenote-toggle__close { display: none; }
  .pb-priceA .pb-pricenote-toggle[aria-expanded="true"] .pb-pricenote-toggle__open { display: none; }
  .pb-priceA .pb-pricenote-toggle[aria-expanded="true"] .pb-pricenote-toggle__close { display: inline; }
  .pb-priceA .pb-pricenote-toggle:focus-visible {
    outline: 2px solid #4bbf00;
    outline-offset: 2px;
  }
}

/* ===== pb-pricebox.css ===== */
/*
 * 買取目安表の下の注意書き（※表に掲載している買取価格は…）を、申込フォームの「個人情報の取扱について」と同じ
 * 高さ固定・中でスクロールする枠にする（SPのみ）。JSなし、文言はそのまま。2026-10-07
 * 本番：注意書きの段落ブロックに追加CSSクラス pb-pricenote、価格表の fullWide に pb-priceA
 */
@media (max-width: 600px) {
  .pb-priceA .pb-pricenote {
    height: 118px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin: 4px 0 0 !important;
    padding: 8px 10px !important;
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    background: #fff;
    text-align: left;
  }
  .pb-priceA .pb-pricenote .mininote {
    font-size: 12px !important;
    line-height: 1.7 !important;
    color: #333;
  }
}

/* ===== pb-featw-C.css ===== */
/*
 * 案C「A＋メダル風バッジ」 2026-10-07 見本（スマホのみ）
 *  1) FV直下の「特徴」：写真5行リスト（pb-feat-v2 / pb-feat-extra）をスマホだけ隠し、
 *     wappy風（テーマ見出し赤 × カード2枚：黄色の見出し帯＋アイコン左＋説明右）に置き換え
 *  2) メダル風バッジ3つ（CSSだけで描画、画像追加なし）
 * 本番：通常ブロック（グループ・段落・画像）＋追加CSSクラスで再現。PCは一切変えない。
 */
@media (max-width: 600px) {

  /* ---------- 既存の特徴リスト（スマホ版）を隠す ---------- */
  .feature .pb-feat-v2-ttl,
  .feature .pb-feat-v2.feature-list { display: none !important; }

  /* ================================================================
     メダル風バッジ（グループ .pb-medals ＞ 段落 .pb-medal ×3）
     段落の中身：<strong>…</strong>（強調部分は SWELL のインライン文字色 span）
     ================================================================ */
  main .pb-medals.display-sp {
    display: flex !important;
    justify-content: center;
    align-items: flex-start;
    gap: 14px;
    margin: 0 auto 12px !important;
    padding: 0;
    max-width: 360px;
  }
  .pb-medals > p.pb-medal {
    position: relative;
    isolation: isolate;
    flex: 0 0 auto;
    width: 88px;
    height: 100px;           /* 円 88px ＋ リボンのはみ出し */
    margin: 0 !important;
    padding: 0 !important;
    display: block;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    text-align: center;
    color: #191a1e;
  }
  /* 金のギザギザ縁（ロゼット） */
  .pb-medals > p.pb-medal::after {
    content: "";
    position: absolute;
    left: 0; top: 0;
    width: 88px; height: 88px;
    z-index: -1;
    background:
      radial-gradient(circle at 34% 28%, #fff7b0 0%, #ffe14a 30%, #f5bf12 62%, #d39a00 100%);
    clip-path: polygon(50.0% 0.0%, 57.9% 5.2%, 67.1% 3.0%, 72.8% 10.6%, 82.1% 11.7%, 84.9% 20.8%, 93.3% 25.0%, 92.8% 34.4%, 99.2% 41.3%, 95.5% 50.0%, 99.2% 58.7%, 92.8% 65.6%, 93.3% 75.0%, 84.9% 79.2%, 82.1% 88.3%, 72.8% 89.4%, 67.1% 97.0%, 57.9% 94.8%, 50.0% 100.0%, 42.1% 94.8%, 32.9% 97.0%, 27.2% 89.4%, 17.9% 88.3%, 15.1% 79.2%, 6.7% 75.0%, 7.2% 65.6%, 0.8% 58.7%, 4.5% 50.0%, 0.8% 41.3%, 7.2% 34.4%, 6.7% 25.0%, 15.1% 20.8%, 17.9% 11.7%, 27.3% 10.6%, 32.9% 3.0%, 42.1% 5.2%);
  }
  /* 下のリボン（赤・燕尾2本） */
  .pb-medals > p.pb-medal::before {
    content: "";
    position: absolute;
    left: 50%; bottom: 0;
    width: 58px; height: 40px;
    transform: translateX(-50%);
    z-index: -2;
    background: linear-gradient(90deg, #b8231b 0 50%, #e8382f 50% 100%);
    clip-path: polygon(24% 0, 50% 18%, 76% 0, 100% 100%, 86% 88%, 70% 100%, 50% 42%, 30% 100%, 14% 88%, 0 100%);
  }
  /* 中の円（白地・金と赤の細い二重線） */
  .pb-medals > p.pb-medal > strong {
    position: absolute;
    left: 9px; top: 9px;
    width: 70px; height: 70px;
    box-sizing: border-box;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 3px;
    background: radial-gradient(circle at 50% 35%, #ffffff 0%, #fffbe0 100%);
    box-shadow:
      0 0 0 2px #e8382f,
      inset 0 0 0 2px #fff,
      inset 0 0 0 3px #e9b400,
      0 1px 2px rgba(0,0,0,.25);
    font-weight: 900;
    font-size: 12px;
    line-height: 1.15;
    letter-spacing: 0;
    color: #191a1e;
    word-break: keep-all;
  }
  .pb-medals > p.pb-medal .swl-inline-color {
    display: block;
    font-size: 20px;
    line-height: 1.05;
    letter-spacing: .02em;
  }
  .pb-medals > p.pb-medal .pb-medal__s { font-size: 10.5px; letter-spacing: -.02em; }

  /* ================================================================
     新しい特徴ブロック（グループ .pb-featw）
     ================================================================ */
  main .pb-featw.display-sp { display: block !important; }
  .pb-featw {
    margin: 0 !important;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    color: #191a1e;
  }
  .pb-featw *, .pb-featw *::before, .pb-featw *::after { box-sizing: border-box; }

  /* セクション見出し画像（既存 feature-title-sp.png） */
  .pb-featw .pb-featw-ttl { margin: 0 0 4px !important; }
  .pb-featw .pb-featw-ttl figure { margin: 0 auto !important; text-align: center; }
  .pb-featw .pb-featw-ttl img {
    display: block;
    width: auto !important;
    height: 64px !important;
    max-width: 100%;
    margin: 0 auto !important;
    object-fit: contain;
  }

  /* テーマ（見出し＋カード2枚） */
  .pb-featw .pb-featw-theme { margin: 0 0 14px !important; }
  .pb-featw .pb-featw-theme:last-child { margin-bottom: 0 !important; }
  .pb-featw .pb-featw-theme__ttl {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0 0 7px !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    color: #e8382f !important;
    font-size: min(18px, 4.5vw) !important;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
  }
  .pb-featw .pb-featw-theme__ttl::before,
  .pb-featw .pb-featw-theme__ttl::after {
    content: "";
    flex: 0 0 12px;
    height: 3px;
    border-radius: 2px;
    background: #e8382f;
    position: static !important;   /* テーマ既定の見出し装飾を打ち消す */
    transform: none !important;
  }
  .pb-featw .pb-featw-theme__ttl::before { transform: rotate(60deg) !important; }
  .pb-featw .pb-featw-theme__ttl::after  { transform: rotate(-60deg) !important; }

  /* カード2枚（2列）。subgrid で左右のカードの見出し帯・本文の高さをそろえる */
  .pb-featw .pb-featw-cards {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    column-gap: 8px;
    row-gap: 0;
    margin: 0 !important;
  }
  .pb-featw .pb-featw-card {
    grid-row: span 2;
    display: grid !important;
    grid-template-rows: subgrid;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff;
    border: 1.5px solid #191a1e;
    border-radius: 8px;
    overflow: hidden;
  }
  /* 見出し帯（黄） */
  .pb-featw .pb-featw-card__head {
    margin: 0 !important;
    padding: 5px 4px 4px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fff200;
    border-bottom: 1.5px solid #191a1e;
    font-size: 12px !important;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: -.01em;
    text-align: center;
  }
  .pb-featw .pb-featw-card__head .swl-inline-color {
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: .02em;
  }
  /* 本文：アイコン左＋説明右 */
  .pb-featw .pb-featw-card__body {
    flex: 1 1 auto;
    display: flex !important;
    align-items: center;
    gap: 4px;
    margin: 0 !important;
    padding: 6px 4px !important;
  }
  .pb-featw .pb-featw-card__icon {
    flex: 0 0 48px;
    width: 48px !important;
    margin: 0 !important;
  }
  .pb-featw .pb-featw-card__icon img {
    display: block;
    width: 48px !important;
    height: 48px !important;
    max-width: none !important;
    object-fit: contain;
    margin: 0 !important;
  }
  .pb-featw .pb-featw-card__desc {
    flex: 1 1 0;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -.02em;
    text-align: left;
    line-break: strict;
    text-wrap: pretty;
  }
  .pb-featw .pb-featw-card__desc .pb-featw-note { font-size: 10px; }
}

/* 狭い端末（〜359px）：カードを1列のコンパクト表示に（見出しは1行、説明の手動改行は無効） */
@media (max-width: 359px) {
  .pb-featw .pb-featw-cards { grid-template-columns: 1fr; grid-template-rows: none; row-gap: 6px; }
  .pb-featw .pb-featw-card { grid-row: auto; grid-template-rows: auto auto; }
  .pb-featw .pb-featw-card__head { flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 0 .3em; padding: 4px 6px !important; }
  .pb-featw .pb-featw-card__head br,
  .pb-featw .pb-featw-card__desc br { display: none; }
  .pb-featw .pb-featw-card__body { padding: 5px 8px !important; gap: 8px; }
  .pb-featw .pb-featw-card__desc { text-wrap: balance; }   /* 2行を均等に（1〜2文字の泣き別れ防止） */
  main .pb-medals.display-sp { gap: 8px; }
}

/* PC：新規ブロックは出さない（テーマの display-sp に加えて念のため） */
@media (min-width: 601px) {
  .pb-medals, .pb-featw { display: none !important; }
}

/* ===== pb-foot-F2.css ===== */
/*
 * PRICE BASE 画面下の追従申込バナー（スマホ）F2「wappy風の横並び」見本 2026-10-07
 * 上：赤い小タグ「買取応援！現金最大1万円プレゼント！」（飾り。押しても申込フォームへ飛ぶだけ）
 * 下：画面幅いっぱいの黄色（PRICE BASE #fff200）の帯。左に白いふきだし「最短当日集荷＆最短即日査定」、右に「今すぐ無料査定に申し込む ›」
 * 帯全体が1つのリンク（#contact-sp）。文言は今のLPにあるものだけ（「PRICE BASE」は外す）。
 */
.pb-foot2 {
  --pb-foot-red: #ff3131;
  --pb-foot-ink-red: #e8261b;      /* 黄色の上で読める濃いめの赤 */
  --pb-foot-yellow: #fff200;
  --pb-foot-ink: #231815;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 90;                     /* 本文より上・ポップアップ（開いたとき z-index:100）より下 */
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  color: var(--pb-foot-ink);
  pointer-events: none;            /* タグの左右の透明部分は本文をふさがない */
  -webkit-tap-highlight-color: transparent;
}
.pb-foot2 *, .pb-foot2 *::before, .pb-foot2 *::after { box-sizing: border-box; }

/* ---- 赤い小タグ（帯の上辺に重ねる） ---- */
.pb-foot2__tag {
  position: relative;
  z-index: 1;
  display: block;
  width: fit-content;
  max-width: calc(100% - 16px);
  margin: 0 auto -10px;
  padding: 3px 12px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: var(--pb-foot-red);
  color: #fff;
  font-size: clamp(11px, 3.3vw, 12.5px);
  line-height: 1.2;
  letter-spacing: .03em;
  white-space: nowrap;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .22);
  pointer-events: auto;
}
.pb-foot2__tag b { color: var(--pb-foot-yellow); font-size: 1.22em; font-weight: 900; line-height: 1; margin: 0 .05em; }

/* ---- 黄色の帯 ---- */
.pb-foot2__bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, 3.4vw, 16px);
  min-height: 72px;
  padding: 14px 12px calc(8px + env(safe-area-inset-bottom, 0px));
  background: var(--pb-foot-yellow);
  border-top: 2px solid var(--pb-foot-ink);
  box-shadow: 0 -3px 10px rgba(0, 0, 0, .15);
  pointer-events: auto;
}

/* 左：白いふきだし（右向きのしっぽ） */
.pb-foot2__bubble {
  position: relative;
  flex: 0 0 auto;
  display: block;
  padding: 6px 9px 5px;
  border: 2px solid var(--pb-foot-ink);
  border-radius: 10px;
  background: #fff;
  color: var(--pb-foot-ink);
  font-size: clamp(10.5px, 3.25vw, 12.5px);
  line-height: 1.5;
  letter-spacing: .02em;
  text-align: center;
  white-space: nowrap;
}
.pb-foot2__bubble em { font-style: normal; color: var(--pb-foot-ink-red); }
.pb-foot2__bubble::before,
.pb-foot2__bubble::after {
  content: "";
  position: absolute;
  top: 50%;
  border-style: solid;
}
.pb-foot2__bubble::before {        /* しっぽの黒い縁 */
  right: -10px;
  margin-top: -7px;
  border-width: 7px 0 7px 9px;
  border-color: transparent transparent transparent var(--pb-foot-ink);
}
.pb-foot2__bubble::after {         /* しっぽの白い中身 */
  right: -6.5px;
  margin-top: -5px;
  border-width: 5px 0 5px 6.5px;
  border-color: transparent transparent transparent #fff;
}

/* 右：申込の文言（2段）＋黒丸の › */
.pb-foot2__cta {
  position: relative;
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-right: 34px;
  white-space: nowrap;
}
.pb-foot2__cta-s {
  display: block;
  font-size: clamp(13px, 4.1vw, 16px);
  line-height: 1.3;
  letter-spacing: .03em;
  color: var(--pb-foot-ink);
}
.pb-foot2__cta-l {
  display: block;
  font-size: clamp(21px, 6.6vw, 26px);
  line-height: 1.15;
  letter-spacing: .08em;
  color: var(--pb-foot-ink-red);
}
.pb-foot2__cta::after,
.pb-foot2__cta::before {
  content: "";
  position: absolute;
  top: 50%;
}
.pb-foot2__cta::after {
  right: 0;
  width: 26px;
  height: 26px;
  margin-top: -13px;
  border-radius: 50%;
  background: var(--pb-foot-ink-red);
}
.pb-foot2__cta::before {
  z-index: 1;
  right: 10px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: 2.5px solid #fff;
  border-right: 2.5px solid #fff;
  transform: rotate(45deg);
}
.floating-banner-wrap:active .pb-foot2__bar { filter: brightness(.97); }

@media (max-width: 345px) {
  .pb-foot2__bar { padding-inline: 8px; }
  .pb-foot2__bubble { padding-inline: 7px; }
  .pb-foot2__cta { padding-right: 30px; }
  .pb-foot2__cta::after { width: 24px; height: 24px; margin-top: -12px; }
  .pb-foot2__cta::before { right: 9px; }
}

/* 「トップへ戻る」ボタン（SWELL .p-fixBtnWrap）を帯に重ならない高さへ */
@media (max-width: 799px) {
  body:has(.pb-foot2) .p-fixBtnWrap { bottom: calc(104px + env(safe-area-inset-bottom, 0px)); }
}

/* ===== pb-foot-F3.css ===== */
/*
 * PRICE BASE 追従申込バナー F3「F1＋出し方の工夫」見本 2026-10-07
 * 見た目は pb-foot-F1.css をそのまま使い、この数行だけ足す。出し入れは pb-sticky.js が .is-armed / .is-show を付け外しする。
 * JS が動かない（古い端末・JSエラー）ときは .is-armed が付かないので、今と同じく常に表示。
 */
.pb-foot.is-armed.is-ready {        /* 読み込み直後は動かさない（.is-ready は JS が1フレーム後に付ける） */
  transition: transform .28s ease, opacity .28s ease, visibility 0s linear .28s;
}
.pb-foot.is-armed.is-ready.is-show {
  transition: transform .28s ease, opacity .28s ease, visibility 0s linear 0s;
}
.pb-foot.is-armed:not(.is-show) {
  transform: translateY(110%);
  opacity: 0;
  visibility: hidden;              /* 隠れている間は押せない・読み上げない */
}
.pb-foot.is-armed:not(.is-show),
.pb-foot.is-armed:not(.is-show) * {
  pointer-events: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .pb-foot.is-armed.is-ready,
  .pb-foot.is-armed.is-ready.is-show { transition: none; }
  .pb-foot.is-armed:not(.is-show) { transform: none; }
}

/* ===== pb-faq-B.css ===== */
/* よくある質問 案B（SPのみ）：白い1枚のパネルに全質問を並べ、細い区切り線で区切るリスト型。
   Qアイコン＋質問文＋右端の＋/−（CSSで描画）。答えはその場で下に開く。
   本番：FAQ の fullWide ブロック（.qa）に追加CSSクラス「pb-faqB」を付け、このCSSをサイト共通に1回入れる。
   SWELL の開閉クラス .is-opened に対応（見本用の補助ルールは外した）。 */
@media (max-width: 600px) {
  /* 白い1枚のパネル（質問グループの内側コンテナ） */
  .swell-block-fullWide.pb-faqB .qa-list { padding-bottom: 0 !important; margin-bottom: 18px !important; }
  .swell-block-fullWide.pb-faqB .qa-list > .wp-block-group__inner-container {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 3px 0 rgba(0, 0, 0, .08);
  }

  /* 1問ずつのカードはやめて、区切り線で並べる */
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion,
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion:first-of-type,
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion:last-of-type {
    margin: 0 !important;
    border-radius: 0 !important;
  }
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion:not(:last-of-type)::before {
    display: block !important;
    top: auto;
    bottom: 0;
    left: 14px;
    right: 14px;
    border-top: 1px solid #e3edf2;
    z-index: 1;
  }

  /* 質問行：Qアイコン＋質問文＋右端の＋/− */
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion .swell-block-accordion__title,
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion__item.is-opened .swell-block-accordion__title {
    position: relative !important;
    flex-wrap: nowrap !important;
    align-items: center;
    min-height: 48px;
    padding: 12px 40px 12px 14px !important;
  }
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion__label {
    padding: 0 !important;
    /* 1〜2文字だけの最終行（「か？」など）を減らす。対応ブラウザのみ効く（未対応は従来どおりの改行） */
    word-break: normal !important;
    word-break: auto-phrase !important;
    text-wrap: pretty;
  }
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion__label span,
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion__label strong {
    font-size: 14.5px !important;
    line-height: 1.45 !important;
  }
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion__label img {
    flex: 0 0 auto;
    width: 20px !important;
    margin-right: 9px !important;
  }

  /* SWELLのアイコン（全幅の青い帯）はSPでは出さない */
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion__icon { display: none !important; }

  /* ＋/−：横棒＋縦棒を背景で描画、開くと縦棒を消して − */
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion__title::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 14px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    pointer-events: none;
    background:
      linear-gradient(#2fb2f0, #2fb2f0) center / 14px 2px no-repeat,
      linear-gradient(#2fb2f0, #2fb2f0) center / 2px 14px no-repeat;
    transition: transform .25s;
  }
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion__item.is-opened > .swell-block-accordion__title::after {
    background: linear-gradient(#2fb2f0, #2fb2f0) center / 14px 2px no-repeat;
    transform: rotate(180deg);
  }

  /* 答え：淡い水色の枠に Aアイコン＋本文（13px / 1.7） */
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion__body {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion__item.is-opened > .swell-block-accordion__body {
    padding-top: 0 !important;
    padding-bottom: 14px !important;
  }
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion__body > .swell-block-columns {
    margin: 0 !important;
    padding: 10px 12px;
    border-radius: 8px;
    background: #f0f8fc;
  }
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion__body .swell-block-columns__inner {
    flex-wrap: nowrap !important;
    gap: 8px;
    margin: 0 !important;
  }
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion__body .swell-block-column {
    margin: 0 !important;
    padding: 0 !important;
  }
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion__body .swell-block-column:first-child {
    flex: 0 0 20px;
    width: 20px !important;
  }
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion__body .swell-block-column:last-child {
    flex: 1 1 auto;
    min-width: 0;
  }
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion__body .wp-block-image,
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion__body figure {
    min-width: 0 !important;
    margin: 0 !important;
  }
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion__body img {
    display: block;
    width: 20px !important;
    margin-top: 1px;
  }
  .swell-block-fullWide.pb-faqB .qa-list .swell-block-accordion__body .swell-block-columns__inner p {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    text-wrap: pretty;
  }
}

/* ===== pb-media-A.css ===== */
/* 掲載実績（SP）案A：3つのロゴを1行・同じ幅の白タイルに並べる
   対象：掲載実績の fullWide（.reputation）に追加クラス pb-mediaA
   PC は変更なし（すべて max-width:600px の中） */
@media (max-width: 600px) {
  /* 上下の余白を詰める（sp-py-20 = 2em !important を上書き） */
  .swell-block-fullWide.reputation.pb-mediaA {
    padding-top: 22px !important;
    padding-bottom: 16px !important;
  }

  /* 吹き出し「大手サイトでも」：見出しに合わせて少し小さく */
  .swell-block-fullWide.reputation.pb-mediaA .reputation-balloon {
    width: 214px !important;
    margin: 0 !important;
  }
  .swell-block-fullWide.reputation.pb-mediaA .reputation-balloon img {
    width: 100% !important;
    height: auto !important;
  }

  /* 見出し画像「良い評価をいただいてます!!」（SP用画像）：345px → 280px */
  .swell-block-fullWide.reputation.pb-mediaA .wp-block-image.display-sp {
    margin-bottom: 10px !important;
  }
  .swell-block-fullWide.reputation.pb-mediaA .wp-block-image.display-sp figure {
    margin: 0 auto !important;
  }
  .swell-block-fullWide.reputation.pb-mediaA .wp-block-image.display-sp img {
    display: block;
    width: 280px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  /* ロゴ3つ：1行・同じ幅のタイル */
  .swell-block-fullWide.reputation.pb-mediaA .reputation-list {
    margin-bottom: 6px !important;
  }
  .swell-block-fullWide.reputation.pb-mediaA .reputation-list > .swell-block-columns__inner {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .swell-block-fullWide.reputation.pb-mediaA .reputation-list > .swell-block-columns__inner > .swell-block-column {
    width: auto !important;
    min-width: 0 !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 6px 6px !important;
    box-sizing: border-box !important;
    border-radius: 6px !important;
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .swell-block-fullWide.reputation.pb-mediaA .reputation-list figure.wp-block-image {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
  }
  .swell-block-fullWide.reputation.pb-mediaA .reputation-list figure.wp-block-image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 !important;
  }

  /* 注記「2025年8月時点での掲載実績」 */
  .swell-block-fullWide.reputation.pb-mediaA .reputation-caption {
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
  }
}

/* ===== pb-fv-1.css ===== */
/*
 * FV1「詰めるだけ」 2026-10-07 見本（スマホ ≤600px のみ）
 *  SP用FV（.mainvisual.sp_only）に追加CSSクラス pb-fvS を付けるだけ。画像・文言・並びは変えない。
 *  ・タイトル画像 350→290px、サブ見出し画像 300→260px、丸2つ 120→84px
 *  ・FVの上の負マージン（ヘッダーの下に約31px潜っていた分）を0にし、余白を詰める
 * 本番：FVのフル幅ブロックの「追加CSSクラス」に pb-fvS。CSSはサイト共通に1回。PCは変わらない（FV自体がSP専用）。
 */
@media (max-width: 600px) {
  .mainvisual.pb-fvS {
    margin-top: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .pb-fvS > .swell-block-fullWide__inner > p.is-style-section_ttl {
    margin: 0 0 4px !important;
    line-height: 0;
  }
  .pb-fvS > .swell-block-fullWide__inner > p.is-style-section_ttl img {
    width: 290px !important;
    max-width: 100%;
    height: auto !important;
  }
  .pb-fvS > .swell-block-fullWide__inner > .wp-block-image {
    margin: 0 0 6px !important;
  }
  .pb-fvS > .swell-block-fullWide__inner > .wp-block-image figure { margin: 0 auto !important; line-height: 0; }
  .pb-fvS > .swell-block-fullWide__inner > .wp-block-image img {
    width: 260px !important;
    max-width: 100%;
    height: auto !important;
  }
  .pb-fvS > .swell-block-fullWide__inner > .wp-block-group.is-row {
    gap: 16px !important;
    margin: 0 !important;
  }
  .pb-fvS > .swell-block-fullWide__inner > .wp-block-group.is-row figure { margin: 0 !important; line-height: 0; }
  .pb-fvS > .swell-block-fullWide__inner > .wp-block-group.is-row img {
    width: 84px !important;
    height: auto !important;
  }
}

/* ===== pb-fv-1b.css ===== */
/*
 * FV1＋：FV直下の黄色い余白を詰めて、iPhone 15 Pro（393×660）でもFV直下の申込ボタンが追従フッターに隠れないようにする 2026-10-07
 * FVに pb-fvS があるページだけ（main:has(.pb-fvS)）。SPのみ。文言・画像は変えない。
 */
@media (max-width: 600px) {
  /* FVの下余白 10→4 */
  .mainvisual.pb-fvS { padding-bottom: 4px !important; }
  .pb-fvS > .swell-block-fullWide__inner > .wp-block-image { margin-bottom: 4px !important; }
  /* FV直下の特徴セクション：上の余白 約31→10（帯の上の黄色） */
  main:has(.pb-fvS) .swell-block-fullWide:has(.pb-cv-top) { padding-top: 10px !important; }
  /* 帯と一言の間 14→6、一言とボタンの間を詰める */
  main:has(.pb-fvS) .pb-camp--band { margin-bottom: 6px !important; }
  main:has(.pb-fvS) .pb-cv-top .pb-cv { margin-top: 6px !important; }
  main:has(.pb-fvS) .pb-cv-top .pb-cv__caption { line-height: 1.5; margin-bottom: 2px; }
}

/* ===== pb-fv-3.css ===== */
/*
 * FV3「FV2＋ヘッダーを細く」 2026-10-07 見本（スマホ ≤600px のみ）。pb-fv-2.css と併用
 *  SP用FV に追加CSSクラス pb-fvH を足したページだけ、固定ヘッダーを 80→56px に。
 *  ヘッダーはブログパーツ（91854）で他ページと共通の可能性があるため、ヘッダー自体にはクラスを付けず
 *  main:has(.pb-fvH) で「FVに pb-fvH があるページ」に限定する（:has 非対応の古いiOSは現行の80pxのまま＝崩れない）。
 *  ・ロゴ 高さ27→22px
 *  ・ボタン画像（200×200の正方形、文字は中央）を 64×40 の横長の枠で見せる（枠の外＝上下の余白と細い枠線を隠すだけ。画像は加工しない）
 *    文字の大きさは今の本番60px表示より少し大きい（0.35倍）。タップ領域 64×40
 *  ・本文の上マージン（main の margin-top）も 56px に合わせる
 */
@media (max-width: 600px) {
  main:has(.pb-fvH) {
    margin-top: 56px !important;
  }
  main:has(.pb-fvH) .header.display-tablet {
    height: 56px !important;
  }
  main:has(.pb-fvH) .header.display-tablet .header-wrap-sp > .swell-block-columns__inner {
    height: 56px;
    align-items: center !important;
    padding: 0 0 0 16px !important;
  }
  main:has(.pb-fvH) .header.display-tablet .header-wrap-sp > .swell-block-columns__inner > .swell-block-column {
    margin-bottom: 0 !important;
  }
  /* ロゴ */
  main:has(.pb-fvH) .header.display-tablet .c-bannerLink__figure {
    height: 22px !important;
  }
  main:has(.pb-fvH) .header.display-tablet .c-bannerLink__img {
    height: 22px !important;
    width: auto !important;
    margin: 0 !important;
  }
  /* ボタン（緑「買取目安表」・赤「無料査定」） */
  main:has(.pb-fvH) .header-btn-sp-wrap .swell-block-columns__inner {
    align-items: center !important;
    gap: 6px;
    margin: 0 !important;
    padding-right: 10px;
  }
  main:has(.pb-fvH) .header-btn-sp-wrap .swell-block-column {
    width: auto !important;
    margin: 0 !important;
  }
  /* 64×40 の枠で、画像（200×200）を 70px 相当に表示して中央の文字部分だけ見せる（枠線・上下の余白は枠外。画像自体は無加工） */
  main:has(.pb-fvH) .header-btn-sp-wrap figure {
    position: relative;
    width: 64px !important;
    height: 40px !important;
    margin: 0 !important;
    overflow: hidden;
    border-radius: 4px;
    line-height: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
  }
  main:has(.pb-fvH) .header-btn-sp-wrap figure > a {
    position: absolute;
    inset: 0;
    display: block;
  }
  main:has(.pb-fvH) .header-btn-sp-wrap img {
    position: absolute;
    left: -3px;
    top: -14px;
    width: 70px !important;
    height: 70px !important;
    max-width: none !important;
  }
}

/* ===== 下書き用の追加（見本ではブログパーツ17249のSP画像を帯に差し替えていたが、
   ブログパーツは共通なので触らず、FV直下のかたまり（.pb-cv-top）の中でだけSP画像を隠して帯を出す） ===== */
@media screen and (max-width: 600px) {
  body .pb-cv-top .p-blogParts > figure.popup-btn.sp_only { display: none !important; }
}

/* ===== 買取応援の帯（SP）：案D 2026-10-09 =====
 * HTMLの赤い帯（.pb-camp--band）をやめ、PCと同じ細い帯画像（ブログパーツ17249の kaitori_banner_PC_V2、pc_only・popup-btn）を
 * スマホでもそのまま縮小して出す。端は申込ボタンにそろえる。押すとキャンペーンのポップアップ（今と同じ）。 */
@media (max-width: 600px) {
  body .pb-camp.pb-camp--band.popup-btn.sp_only { display: none !important; }
  .pb-cv-top figure.wp-block-image.pc_only.popup-btn { display: block !important; width: auto !important; max-width: none !important; margin: 0 14px 14px !important; cursor: pointer; }
  .pb-cv-top figure.wp-block-image.pc_only.popup-btn img { display: block; width: 100% !important; height: auto !important; }
}

/* ===== M型（旧型LP：FV が mainvisual 画像・特徴セクション無し）用の差分 2026-10-09 =====
 * pb-lp-draft-m.php が付けるクラス（pb-mcv / pb-mstr / pb-mfv / pb-mfv-nocircle）だけで書く。
 * toreca-kaitori（pb-lp-draft.php）にはこれらのクラスが付かないので、toreca の見た目は変わらない。 */
@media (max-width: 600px) {
  /* 強み（SP）：比較表に統合したので、中身は隠し「色々詰めて送るだけ」画像（.appeal）と末尾のバナー（まとめてプラス）だけ残す。
     toreca 用の「strength display-sp は丸ごと隠す」を M型では打ち消す */
  .swell-block-fullWide.strength.display-sp.pb-mstr { display: block !important; padding-bottom: 24px !important; }
  .swell-block-fullWide.strength.display-sp.pb-mstr > .swell-block-fullWide__inner > :not(.p-blogParts):not(.appeal) { display: none !important; }
  .swell-block-fullWide.strength.display-sp.pb-mstr .p-blogParts { margin: 0 !important; padding: 4px 0 0 !important; }
  .swell-block-fullWide.strength.display-sp.pb-mstr .p-blogParts figure.sp_only { margin: 0 auto !important; }
  .swell-block-fullWide.strength.display-sp.pb-mstr .appeal {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }
}
@media (max-width: 600px) {
  /* FV（SP）で丸画像が別ブロックでないもの（グッズ系など：サブ画像に丸が描き込まれている）は、サブ画像を縮めすぎない */
  .mainvisual.pb-mfv-nocircle > .swell-block-fullWide__inner > .wp-block-image img { width: 300px !important; }
}

/* ===== 共通部品のブログパーツ化（2026-10-09）=====
 * 申込ボタン・特徴カードをブログパーツで差し込むと、SWELL がパーツを <div class="p-blogParts post_content"> で囲む。
 * 囲みを display: contents にして箱を無くし、直書きと同じ並び・余白にする（余白の相殺も直書きと同じになる）。
 * 中身がこれらの部品だけの囲みにしか効かない（:has）。今の toreca-kaitori（直書き）には囲みが無いので変わらない。 */
.p-blogParts:has(> .pb-cv:only-child),
.p-blogParts:has(> .pb-featw:only-child) { display: contents !important; }
/* 追従フッター F2 のパーツの囲みは触らない（今の 91704 と同じ「本文の最後の空の囲み」になるだけ。91704 の囲みに効かせないため） */
/* 宅配キット（SP・pb-kitB）は中身を grid で並べている。囲みを外したボタンにも、直書きのときと同じ「横いっぱい」の指定を当てる */
@media (max-width: 600px) {
  .pb-kitB > .swell-block-fullWide__inner > .p-blogParts > .pb-cv { grid-column: 1 / -1; min-width: 0; }
}
/* 囲みの中ではボタンが「最初かつ最後の子」になり、テーマの「div の最初/最後の子は上下の余白0」が効いてしまう。
   直書きと同じ余白（SP 14px・PC 20px。囲みがセクションの最初/最後なら0）に戻す。FV直下のかたまり（.pb-cv-top）の中は対象外 */
.swell-block-fullWide__inner > .p-blogParts > .pb-cv:only-child { margin-top: 20px !important; margin-bottom: 20px !important; }
@media (max-width: 599px) { .swell-block-fullWide__inner > .p-blogParts > .pb-cv:only-child { margin-top: 14px !important; margin-bottom: 14px !important; } }
.swell-block-fullWide__inner > .p-blogParts:first-child > .pb-cv:only-child { margin-top: 0 !important; }
.swell-block-fullWide__inner > .p-blogParts:last-child > .pb-cv:only-child { margin-bottom: 0 !important; }

/* M型：FV直下の申込ブロック（SP）にもとからある「無料宅配キットプレゼント中!!」画像（cv-appeal-sp, wp-image-7453）は隠す（10/9 ユーザー「邪魔」。特徴カードの宅配キット無料と重複） */
@media (max-width: 600px) {
  .pb-mcv figure:has(img.wp-image-7453),
  .pb-mcv .wp-block-image:has(img.wp-image-7453) { display: none !important; }
}

/* 申込ボタン上の一言が「最短当日〜翌日集荷＆高速査定！」（15字）になったので、スマホは1行のまま文字を小さく（2026-10-09） */
@media (max-width: 599px) {
  .pb-lpr .pb-cv__caption { font-size: clamp(12.5px, 3.7vw, 14.5px); gap: .25em; }
}
@media (max-width: 359px) {
  .pb-lpr .pb-cv__caption { font-size: 12px; }
}

/* M型：高額買取ジャンルを汎用の種類別（「シングルカード（SAR・SR・UR など）」等）にしたページ（pb-mgenre）は、長い項目名を折り返す（2026-10-09） */
.swell-block-fullWide.genre.pb-mgenre .genre-list > .swell-block-columns__inner > .swell-block-column:first-child > :is(p, h3) { white-space: normal !important; line-height: 1.35 !important; }
@media (max-width: 599px) {
  .swell-block-fullWide.genre.pb-mgenre .genre-list > .swell-block-columns__inner > .swell-block-column:first-child > p { font-size: 14px !important; }
}

/* ===== pb-foot iOS 26 対策（2026-10-10。iPhone 実機で確認済みの見本 pb-foot2-v2.css ＋ v3 と同じ内容）=====
 * 上の F2（見た目）・F3（出し入れ）の「後ろ」に足して上書きする。このブロックを消せば F2/F3 だけの前の状態に戻る。
 * 背景（iOS 26.6.2 Safari の実測）:
 *   - ツールバーが出ているとき innerHeight = 100svh。下へスクロールしてツールバーが小さな丸になると innerHeight が増え、
 *     bottom:0 の固定要素は新しい下端へ移るが、Safari は下から約 90pt を描かないのでフッターが消える・欠ける。100svh 基準の要素は見える
 *   - 画面の下端に色付きの固定要素が触れていると、Safari はその色をツールバーの下まで塗り広げる（フッターが巨大に見える）
 *   - Chrome（iOS を含む）は下端に固定でべったり付くのが良い
 * 方針:
 *   1) 最初は隠す（.is-show が付くまで）… FV で一瞬見える対策。見える動きは透明度だけ（上下にスライドしない）
 *   2) 外枠は透明で、黄色は左右・下に余白のある角丸カード（下端に色が触れない）。低くする（約64px）
 *   3) 位置: Safari 以外は下から 3px。iPhone の Safari だけ（html.pb-ios-safari。<head> の小さな JS が付ける。pb-lp-redesign.php）は
 *      「100svh の 8px 上」に下辺を合わせる
 * F3 との関係: F3 の隠し方 transform: translateY(110%)（Safari 以外）はそのまま使う。ただし見える動きは透明度だけにするため、transform の
 *   transition は「消えるときは .2s 待ってから退場・出るときは待たずに定位置」にする（visibility と同じ）。Safari は表示中 translateY(-100%)・
 *   隠れている間 translateY(100vh)（どちらも .pb-foot2.pb-foot…／html.pb-ios-safari … で詳細度が F3 より上）。
 *   prefers-reduced-motion の F3 の transform: none（詳細度が低い）は、この隠し方にも Safari の位置指定にも勝たない（位置はずれない）。
 */
.pb-foot2 {
  left: 10px;
  right: 10px;
  bottom: calc(3px + env(safe-area-inset-bottom, 0px));
  width: auto;
  max-width: 580px;
  background: transparent;
}

/* 1) .is-show が付くまで隠す。見える動きは透明度だけ（出るときは一瞬で定位置・消えるときは透明になってから退場）。
 *    隠れている間は画面の外（下）へ置く: pb-lp-analytics は追従バナーを IntersectionObserver で見ていて、opacity/visibility は見ないため、
 *    隠れたまま画面の中にあると「CTA 表示」を数えてしまう（F3 の translateY(110%) と同じく、隠れている間は交差しない位置に） */
.pb-foot2.pb-foot:not(.is-show),
.pb-foot2.pb-foot.is-armed:not(.is-show) {
  transform: translateY(110%);
  opacity: 0;
  visibility: hidden;
}
.pb-foot2.pb-foot:not(.is-show),
.pb-foot2.pb-foot:not(.is-show) * { pointer-events: none !important; }
.pb-foot2.pb-foot.is-armed.is-ready {
  transition: opacity .2s ease, visibility 0s linear .2s, transform 0s linear .2s;
}
.pb-foot2.pb-foot.is-armed.is-ready.is-show {
  transition: opacity .2s ease, visibility 0s linear 0s, transform 0s linear 0s;
}

/* 赤い小タグ：少し小さく */
.pb-foot2__tag {
  margin-bottom: -8px;
  padding: 2px 10px;
  font-size: clamp(10.5px, 3.1vw, 12px);
}

/* 2) 黄色：角丸カード */
.pb-foot2__bar {
  min-height: 0;
  gap: clamp(8px, 3vw, 14px);
  padding: 10px 10px 7px;
  border: 2px solid var(--pb-foot-ink);
  border-radius: 14px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .28);
}
.pb-foot2__bubble {
  padding: 4px 8px 3px;
  font-size: clamp(10px, 3vw, 11.5px);
  line-height: 1.4;
}
.pb-foot2__cta { padding-right: 30px; }
.pb-foot2__cta-s { font-size: clamp(12px, 3.6vw, 14px); line-height: 1.25; }
.pb-foot2__cta-l { font-size: clamp(18px, 5.6vw, 22px); line-height: 1.1; }
.pb-foot2__cta::after { width: 24px; height: 24px; margin-top: -12px; }
.pb-foot2__cta::before { right: 9px; }

@media (max-width: 345px) {
  .pb-foot2 { left: 6px; right: 6px; }
  .pb-foot2__bar { padding-inline: 7px; }
}

/* 3) iPhone の Safari だけ 100svh 基準（html.pb-ios-safari が付かなければ上の「下から 3px」のまま） */
html.pb-ios-safari .pb-foot2.pb-foot {
  top: calc(100svh - 8px);
  bottom: auto;
  transform: translateY(-100%);
}
/* Safari の隠れている間は、大きい方の画面の高さ（100vh）だけ下へ（ツールバーが小さな丸のときの下端より外） */
html.pb-ios-safari .pb-foot2.pb-foot:not(.is-show),
html.pb-ios-safari .pb-foot2.pb-foot.is-armed:not(.is-show) {
  transform: translateY(100vh);
}

/* 「トップへ戻る」ボタンはカードの上へ */
@media (max-width: 799px) {
  body:has(.pb-foot2) .p-fixBtnWrap { bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
  html.pb-ios-safari body:has(.pb-foot2) .p-fixBtnWrap { bottom: auto; top: calc(100svh - 150px); }
}
@media (prefers-reduced-motion: reduce) {
  .pb-foot2.pb-foot.is-armed.is-ready,
  .pb-foot2.pb-foot.is-armed.is-ready.is-show { transition: none; }
}