/* ============================================================
   コミック（2026-10-31 作り直し・本機オリジナル）
   ユーザー指示「AME-C のほぼ丸写しなので大幅変更」「💀マークも変更」「使いやすさ重視」。
   左に機能の一覧（スマホは上に横並び）、右に検索と結果。結果は1件ずつのカード。
   ============================================================ */
#purchase-panel-setsearch {
  --cm-ink: #1c2333;
  --cm-sub: #5b6475;
  --cm-line: #e3e7ee;
  --cm-soft: #f6f8fb;
  --cm-blue: #2f6feb;
  --cm-blue-d: #1f55c9;
  --cm-blue-soft: #eaf1ff;
  --cm-orange: #ea7a12;
  --cm-green: #15803d;
  --cm-red: #d92d20;
  background: transparent !important;
}
#purchase-panel-setsearch .cm-shell { display: grid; grid-template-columns: 236px minmax(0, 1fr); gap: 18px; align-items: start; }
#purchase-panel-setsearch .cm-main { min-width: 0; }

/* ---------- 左の機能一覧 ---------- */
#purchase-panel-setsearch .cm-side {
  position: sticky; top: 12px; background: #fff; border: 1px solid var(--cm-line); border-radius: 12px; padding: 12px 10px;
}
#purchase-panel-setsearch .cm-side__home { display: flex; align-items: center; gap: 10px; padding: 4px 6px 12px; margin-bottom: 8px;
  border-bottom: 1px solid var(--cm-line); text-decoration: none; color: var(--cm-ink); }
#purchase-panel-setsearch .cm-side__logo { flex: 0 0 36px; height: 36px; border-radius: 9px; display: grid; place-items: center;
  background: linear-gradient(135deg, #1c2333, #2f6feb); color: #fff; font-weight: 900; font-size: 18px; font-family: Georgia, serif; }
#purchase-panel-setsearch .cm-side__home b { display: block; font-size: 15px; }
#purchase-panel-setsearch .cm-side__home small { display: block; font-size: 11px; color: var(--cm-sub); }
#purchase-panel-setsearch .cm-rail { display: grid; gap: 2px; padding: 0; flex-wrap: nowrap; }
#purchase-panel-setsearch .cm-rail .cm-rail__item {
  display: flex !important; align-items: center; gap: 10px; width: auto; height: auto; padding: 7px 8px; margin: 0;
  border: 0 !important; border-radius: 8px; background: transparent !important; color: var(--cm-ink); text-decoration: none; box-shadow: none !important;
}
#purchase-panel-setsearch .cm-rail .cm-rail__item:hover { background: var(--cm-soft) !important; }
#purchase-panel-setsearch .cm-rail .cm-rail__item.is-current { background: var(--cm-blue-soft) !important; color: var(--cm-blue-d); }
#purchase-panel-setsearch .cm-rail .hs-ame-mark { flex: 0 0 32px; width: 32px !important; height: 32px !important; border-radius: 8px;
  display: grid; place-items: center; background: var(--cm-soft); color: var(--cm-sub); margin: 0 !important; }
#purchase-panel-setsearch .cm-rail .is-current .hs-ame-mark { background: var(--cm-blue); color: #fff; }
#purchase-panel-setsearch .cm-rail .hs-ame-mark .hs-ic { width: 18px; height: 18px; }
#purchase-panel-setsearch .cm-rail__txt { display: grid; line-height: 1.25; min-width: 0; }
#purchase-panel-setsearch .cm-rail__txt b { font-size: 13.5px; font-weight: 700; }
#purchase-panel-setsearch .cm-rail__txt small { font-size: 11px; color: var(--cm-sub); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ---------- 検索 ---------- */
#purchase-panel-setsearch .cm-search { background: #fff; border: 1px solid var(--cm-line); border-radius: 12px; padding: 16px; margin: 0 0 14px; }
#purchase-panel-setsearch .cm-search__q { position: relative; display: flex; gap: 8px; align-items: center; }
#purchase-panel-setsearch .cm-search__icon { position: absolute; left: 12px; width: 20px; height: 20px; color: var(--cm-sub); pointer-events: none; }
#purchase-panel-setsearch .cm-search .input-kw { flex: 1 1 auto; height: 48px; padding: 0 12px 0 40px !important; font-size: 16px; border: 1.5px solid var(--cm-line);
  border-radius: 10px; background: var(--cm-soft); }
#purchase-panel-setsearch .cm-search .input-kw:focus { background: #fff; border-color: var(--cm-blue); outline: none; }
#purchase-panel-setsearch .cm-ico { flex: 0 0 auto; width: auto !important; min-width: 48px; height: 48px !important; padding: 0 12px; gap: 6px;
  display: inline-flex !important; align-items: center; border: 1.5px solid var(--cm-line) !important; border-radius: 10px !important; background: #fff !important; color: var(--cm-ink); font-size: 13px; font-weight: 700; }
#purchase-panel-setsearch .cm-ico svg { width: 20px; height: 20px; }
#purchase-panel-setsearch .cm-search__opts { display: grid; grid-template-columns: auto auto minmax(160px, 1fr); gap: 10px 16px; margin: 12px 0 0; align-items: end; }
#purchase-panel-setsearch .cm-opt { display: grid; gap: 4px; margin: 0; }
#purchase-panel-setsearch .cm-opt > span:first-child { font-size: 11.5px; color: var(--cm-sub); font-weight: 700; }
#purchase-panel-setsearch .cm-range { display: inline-flex; align-items: center; gap: 4px; }
#purchase-panel-setsearch .cm-range em { font-style: normal; color: var(--cm-sub); }
#purchase-panel-setsearch .cm-search .input-num { width: 64px; height: 38px; border-radius: 8px; border: 1px solid var(--cm-line); }
#purchase-panel-setsearch .cm-chips { display: inline-flex; gap: 6px; }
#purchase-panel-setsearch .cm-search .tag-btn { height: 38px; padding: 0 12px; border-radius: 8px; border: 1px dashed #b9c2d0; background: #fff; font-size: 13px; color: var(--cm-ink); }
#purchase-panel-setsearch .cm-search .sel-cate { width: 100%; height: 38px; border-radius: 8px; border: 1px solid var(--cm-line); background: #fff; }
#purchase-panel-setsearch .cm-search__go { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
#purchase-panel-setsearch .cm-search__go button { height: auto; min-height: 56px; display: grid; gap: 2px; place-content: center; text-align: center; border-radius: 10px; cursor: pointer; }
#purchase-panel-setsearch .cm-search__go button b { font-size: 15px; }
#purchase-panel-setsearch .cm-search__go button small { font-size: 11px; font-weight: 400; opacity: .85; }
#purchase-panel-setsearch .cm-search__go .btn-main { background: var(--cm-blue); border: 0; color: #fff; }
#purchase-panel-setsearch .cm-search__go .btn-main:hover { background: var(--cm-blue-d); }
#purchase-panel-setsearch .cm-search__go .btn-sub { background: #fff; border: 1.5px solid var(--cm-blue); color: var(--cm-blue-d); }
#purchase-panel-setsearch .cm-search__go button.is-searching { opacity: .7; }

/* ---------- 検索結果 ---------- */
#purchase-panel-setsearch .ame-result { padding: 0; font-size: 14px; line-height: 1.55; }
#purchase-panel-setsearch .cm-results a { color: var(--cm-blue-d); }
#purchase-panel-setsearch .cm-head { font-size: 16px; font-weight: 800; color: var(--cm-ink); margin: 2px 0 10px; }
#purchase-panel-setsearch .cm-head span { margin-left: 8px; font-size: 12px; font-weight: 400; color: var(--cm-sub); }
#purchase-panel-setsearch .cm-research { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 12px !important; padding: 10px 12px;
  background: #fff; border: 1px solid var(--cm-line); border-left: 4px solid var(--cm-blue); border-radius: 10px; }
#purchase-panel-setsearch .cm-research__lbl { font-size: 12px; font-weight: 700; color: var(--cm-sub); }
#purchase-panel-setsearch .cm-results .cm-research input[type=text] { flex: 1 1 200px; height: 36px; border: 1px solid var(--cm-line); border-radius: 8px; padding: 0 10px; font-size: 15px; }
#purchase-panel-setsearch .cm-results .cm-research input[type=submit] { width: auto; height: 36px; padding: 0 16px; border: 0; border-radius: 8px; background: var(--cm-ink); color: #fff; font-size: 14px; font-weight: 700; }
#purchase-panel-setsearch .cm-research small { flex-basis: 100%; color: var(--cm-sub); font-size: 12px; }
#purchase-panel-setsearch .cm-empty { padding: 18px; background: #fff; border: 1px dashed #c7cfdb; border-radius: 10px; color: var(--cm-sub); }
#purchase-panel-setsearch .cm-took { text-align: right; color: var(--cm-sub); font-size: 11.5px; margin: 6px 2px 12px; }

#purchase-panel-setsearch .cm-card { background: #fff; border: 1px solid var(--cm-line); border-radius: 12px; padding: 14px 16px; margin: 0 0 12px; }
#purchase-panel-setsearch .cm-card--main { border-color: #c9d8f7; box-shadow: 0 4px 14px rgba(47, 111, 235, .07); }
#purchase-panel-setsearch .cm-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 6px; }
#purchase-panel-setsearch .cm-tag { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 4px; background: var(--cm-soft); color: var(--cm-sub); border: 1px solid var(--cm-line); }
#purchase-panel-setsearch .cm-tag--kind { background: var(--cm-blue-soft); color: var(--cm-blue-d); border-color: #cddcfb; }
#purchase-panel-setsearch .cm-card__title { margin: 0; font-size: 17px; line-height: 1.4; }
#purchase-panel-setsearch .cm-card__title a { color: var(--cm-ink) !important; text-decoration: none; }
#purchase-panel-setsearch .cm-card__title a:hover { text-decoration: underline; }
#purchase-panel-setsearch .cm-card__setlink { margin-top: 2px; font-size: 13px; }
#purchase-panel-setsearch .cm-card__body { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 14px; margin: 12px 0 8px; }
#purchase-panel-setsearch .cm-cover { margin: 0; }
#purchase-panel-setsearch .cm-cover img { width: 92px; height: auto; border-radius: 6px; border: 1px solid var(--cm-line); display: block; }
#purchase-panel-setsearch .cm-noimg { width: 92px; height: 120px; display: grid; place-items: center; background: var(--cm-soft); color: var(--cm-sub); font-size: 11px; border-radius: 6px; }
#purchase-panel-setsearch .cm-statgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; align-content: start; }
#purchase-panel-setsearch .cm-stat { background: var(--cm-soft); border-radius: 8px; padding: 6px 10px; min-width: 0; }
#purchase-panel-setsearch .cm-stat > span { display: block; font-size: 11px; color: var(--cm-sub); font-weight: 700; }
#purchase-panel-setsearch .cm-stat > b { display: block; font-size: 16px; color: var(--cm-ink); }
#purchase-panel-setsearch .cm-stat--rank { grid-column: span 2; }
#purchase-panel-setsearch .cm-stat--rank b span { color: inherit !important; }
#purchase-panel-setsearch .cm-stat--rank a { color: var(--cm-blue-d) !important; }
#purchase-panel-setsearch .cm-stat .ame-subrank { font-size: 12px; font-weight: 400; }
#purchase-panel-setsearch .cm-counts { display: flex; flex-wrap: wrap; gap: 4px 10px; }
#purchase-panel-setsearch .cm-counts i { font-style: normal; font-size: 14px; }
#purchase-panel-setsearch .cm-small { font-size: 13px !important; font-weight: 600; }
#purchase-panel-setsearch .cm-card__tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
#purchase-panel-setsearch .cm-card__tools .ame-cardacts { margin: 0; }
#purchase-panel-setsearch .cm-card__tools .ame-volsel { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: var(--cm-sub); }
#purchase-panel-setsearch .cm-results button, #purchase-panel-setsearch .cm-results input[type=submit] { border-radius: 8px; border: 1px solid #c9d0db; background: #fff; }
#purchase-panel-setsearch .cm-results select, #purchase-panel-setsearch .cm-results input[type=text], #purchase-panel-setsearch .cm-results input[type=number] { border: 1px solid #c9d0db; border-radius: 6px; }

#purchase-panel-setsearch .cm-restr { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 10px 0; padding: 8px 10px; background: var(--cm-soft); border-radius: 8px; font-size: 13px; }
#purchase-panel-setsearch .cm-ok { padding: 1px 8px; border-radius: 4px; background: #dcfce7; color: var(--cm-green); }
#purchase-panel-setsearch .cm-ok.is-ng { background: #fee2e2; color: var(--cm-red); }
#purchase-panel-setsearch .cm-anime { display: inline-block; padding: 2px 9px; border-radius: 999px; background: #fff1e3; color: #b45309; border: 1px solid #fbd3a5; font-weight: 800; font-size: 12px; }

/* 利益の試算 */
#purchase-panel-setsearch .cm-sim { max-width: none; margin: 8px 0 12px; padding: 12px; background: linear-gradient(180deg, #f7faff, #fff); border: 1px solid #d8e3f8; border-radius: 10px; }
#purchase-panel-setsearch .cm-sim__row { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; }
#purchase-panel-setsearch .cm-sim__in { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-weight: 700; }
#purchase-panel-setsearch .cm-sim__in em { font-style: normal; color: var(--cm-sub); }
#purchase-panel-setsearch .cm-sim .shiire-input { width: 120px; height: 42px; font-size: 20px; font-weight: 800; text-align: right; border: 1.5px solid #b9c8e8 !important; border-radius: 8px !important; }
#purchase-panel-setsearch .cm-sim__disc { margin: 0; gap: 4px; flex-wrap: wrap; }
#purchase-panel-setsearch .cm-sim__disc > span:first-child { font-size: 12px; color: var(--cm-sub); font-weight: 700; margin-right: 2px; }
#purchase-panel-setsearch .cm-sim .ame-discbtn, #purchase-panel-setsearch .cm-sim .ame-shiire-reset { height: 32px; min-width: 0; flex: 0 0 auto; padding: 0 10px; font-size: 13px; border-radius: 6px; }
#purchase-panel-setsearch .cm-sim__result { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; margin: 12px 0 8px; white-space: normal; }
#purchase-panel-setsearch .cm-sim__result > div { background: #fff; border: 1px solid var(--cm-line); border-radius: 10px; padding: 8px 12px; }
#purchase-panel-setsearch .cm-sim__result span { display: block; font-size: 12px; color: var(--cm-sub); font-weight: 700; }
#purchase-panel-setsearch .cm-sim__result b { font-size: 24px !important; color: var(--cm-green) !important; margin: 0 !important; }
#purchase-panel-setsearch .cm-sim__result b.minus { color: var(--cm-red) !important; }

/* 出品の一覧 */
#purchase-panel-setsearch .cm-sec { font-weight: 800; font-size: 14px; margin: 4px 0 6px; }
#purchase-panel-setsearch .cm-sec small { font-weight: 400; font-size: 11.5px; color: var(--cm-sub); margin-left: 6px; }
#purchase-panel-setsearch .cm-offers__scroll { max-height: 320px; overflow: auto; border: 1px solid var(--cm-line); border-radius: 8px; }
#purchase-panel-setsearch .cm-offers table { width: 100%; border-collapse: collapse; font-size: 13px; }
#purchase-panel-setsearch .cm-offers th { position: sticky; top: 0; background: #eef1f6; color: var(--cm-sub); font-size: 11.5px; text-align: left; padding: 6px 8px; }
#purchase-panel-setsearch .cm-offers td { padding: 6px 8px; border-top: 1px solid var(--cm-line); vertical-align: top; white-space: nowrap; }
#purchase-panel-setsearch .cm-offers .num { text-align: right; }
#purchase-panel-setsearch .cm-offers td small { display: block; color: var(--cm-sub); font-size: 11px; }
#purchase-panel-setsearch .cm-offers tr.is-base td { background: #fff7e6; }
#purchase-panel-setsearch .cm-offers tr.is-base td:first-child { box-shadow: inset 4px 0 0 var(--cm-orange); font-weight: 800; }
#purchase-panel-setsearch .cm-offers tr.is-flag td { color: #9aa3b2; }
#purchase-panel-setsearch .cm-fba { font-style: normal; font-size: 10px; font-weight: 800; color: #fff; background: #f59e0b; border-radius: 3px; padding: 0 4px; margin-left: 4px; }
#purchase-panel-setsearch .cm-flag { display: inline-block; font-size: 10px; font-weight: 800; color: #fff; background: var(--cm-red); border-radius: 3px; padding: 0 5px; margin-left: 4px; vertical-align: 1px; cursor: help; }
#purchase-panel-setsearch .cm-mark { margin-left: 4px; }

/* いくらまでなら買えるか */
#purchase-panel-setsearch .cm-maxbuy { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 12px 0 4px; padding: 10px 12px; background: #f3faf5; border: 1px solid #cfe8d6; border-radius: 10px; font-size: 14px; }
#purchase-panel-setsearch .cm-maxbuy em { font-style: normal; }
#purchase-panel-setsearch .cm-maxbuy .ame-ratio { width: 56px; height: 36px; font-size: 18px; text-align: center; }
#purchase-panel-setsearch .cm-maxbuy b { font-size: 22px; color: var(--cm-green); }

/* 下の帯 */
#purchase-panel-setsearch .cm-card__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: 12px; padding-top: 10px; border-top: 1px dashed var(--cm-line); font-size: 12.5px; color: var(--cm-sub); }
#purchase-panel-setsearch .cm-ids { display: inline-flex; align-items: center; gap: 6px; }
#purchase-panel-setsearch .cm-ids label { display: inline-flex; align-items: center; gap: 4px; margin: 0; font-weight: 700; }
#purchase-panel-setsearch .cm-ids .ame-asin-copy { width: 112px; height: 30px; font-size: 13px; font-family: ui-monospace, Consolas, monospace; }
#purchase-panel-setsearch .cm-ids .ame-copy { height: 30px; padding: 0 10px; font-size: 12px; }
#purchase-panel-setsearch .cm-casin { display: inline-flex; align-items: center; gap: 6px; }
#purchase-panel-setsearch .cm-casin form { display: inline-flex; gap: 4px; margin: 0; }
#purchase-panel-setsearch .cm-links { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-left: auto; }
#purchase-panel-setsearch .cm-links img { height: 28px !important; border-radius: 6px; }

/* ---------- スマホ ---------- */
@media (max-width: 900px) {
  #purchase-panel-setsearch .cm-shell { display: block; }
  #purchase-panel-setsearch .cm-side { position: static; padding: 6px; margin-bottom: 10px; }
  #purchase-panel-setsearch .cm-side__home { display: none; }
  #purchase-panel-setsearch .cm-rail { display: flex; overflow-x: auto; gap: 4px; scrollbar-width: none; }
  #purchase-panel-setsearch .cm-rail::-webkit-scrollbar { display: none; }
  #purchase-panel-setsearch .cm-rail .cm-rail__item { flex: 0 0 auto; flex-direction: column; gap: 3px; padding: 6px 6px; min-width: 64px; }
  #purchase-panel-setsearch .cm-rail__txt small { display: none; }
  #purchase-panel-setsearch .cm-rail__txt b { font-size: 11px; text-align: center; white-space: nowrap; }
  #purchase-panel-setsearch .cm-search { padding: 12px; }
  #purchase-panel-setsearch .cm-ico span { display: none; }
  #purchase-panel-setsearch .cm-search__opts { grid-template-columns: 1fr 1fr; }
  #purchase-panel-setsearch .cm-search__opts .cm-opt:last-child { grid-column: 1 / -1; }
  #purchase-panel-setsearch .cm-card { padding: 12px; }
  #purchase-panel-setsearch .cm-card__body { grid-template-columns: 72px minmax(0, 1fr); gap: 10px; }
  #purchase-panel-setsearch .cm-cover img { width: 72px; }
  #purchase-panel-setsearch .cm-statgrid { grid-template-columns: 1fr 1fr; }
  #purchase-panel-setsearch .cm-stat--rank { grid-column: 1 / -1; }
  #purchase-panel-setsearch .cm-sim__result b { font-size: 20px !important; }
  #purchase-panel-setsearch .cm-links { margin-left: 0; }
}
#purchase-panel-setsearch .cm-rail .hs-ame-lbl { display: none !important; }

/* 左の一覧の並びを揃える（古いアイコン用の中央寄せ・幅を打ち消す） */
#purchase-panel-setsearch .cm-rail .cm-rail__item { width: 100% !important; justify-content: flex-start !important; text-align: left; }
@media (max-width: 900px) { #purchase-panel-setsearch .cm-rail .cm-rail__item { width: auto !important; justify-content: center !important; text-align: center; } }

/* ---------- ホーム（使い方の3ステップ＋映像化ニュース） ---------- */
#purchase-panel-setsearch .cm-home { display: grid; gap: 14px; }
#purchase-panel-setsearch .cm-hometips { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
#purchase-panel-setsearch .cm-hometips > div { display: flex; gap: 10px; align-items: center; background: #fff; border: 1px solid var(--cm-line); border-radius: 12px; padding: 12px; font-size: 13px; color: var(--cm-sub); }
#purchase-panel-setsearch .cm-hometips b { flex: 0 0 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--cm-ink); color: #fff; font-size: 14px; }
#purchase-panel-setsearch .cm-hometips em { font-style: normal; font-weight: 800; color: var(--cm-ink); }
#purchase-panel-setsearch .cm-news { background: #fff; border: 1px solid var(--cm-line); border-radius: 12px; overflow: hidden; }
#purchase-panel-setsearch .cm-news__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 12px 14px; border-bottom: 1px solid var(--cm-line); }
#purchase-panel-setsearch .cm-news__head b { font-size: 15px; color: var(--cm-ink); }
#purchase-panel-setsearch .cm-news__head small { font-size: 11.5px; color: var(--cm-sub); }
#purchase-panel-setsearch .cm-news__list { max-height: 560px; overflow-y: auto; }
#purchase-panel-setsearch .cm-news__item { display: grid; grid-template-columns: 112px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 14px; border-bottom: 1px solid var(--cm-line); text-decoration: none; color: var(--cm-ink); }
#purchase-panel-setsearch .cm-news__item:hover { background: var(--cm-soft); }
#purchase-panel-setsearch .cm-news__item img { width: 112px; height: 63px; object-fit: cover; border-radius: 6px; }
#purchase-panel-setsearch .cm-news__txt { display: grid; gap: 2px; min-width: 0; }
#purchase-panel-setsearch .cm-news__txt b { font-size: 13.5px; line-height: 1.4; }
#purchase-panel-setsearch .cm-news__txt small { font-size: 12px; color: var(--cm-sub); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#purchase-panel-setsearch .cm-news__item time { font-size: 12px; color: var(--cm-sub); white-space: nowrap; }
@media (max-width: 900px) {
  #purchase-panel-setsearch .cm-hometips { grid-template-columns: 1fr; }
  #purchase-panel-setsearch .cm-news__item { grid-template-columns: 84px minmax(0, 1fr); padding: 10px; }
  #purchase-panel-setsearch .cm-news__item img { width: 84px; height: 48px; }
  #purchase-panel-setsearch .cm-news__item time { display: none; }
}
@media (max-width: 900px) { #purchase-panel-setsearch .cm-hometips { display: none; } }

/* 2026-10-31: 映像化ニュースは中で切らずに全部表示 */
#purchase-panel-setsearch .cm-news__list { max-height: none; overflow: visible; }
/* よく使うキーワード */
#purchase-panel-setsearch .cm-search__opts { grid-template-columns: auto minmax(0, 1.4fr) minmax(150px, 1fr); }
#purchase-panel-setsearch .cm-kw > span:first-child { display: flex; align-items: center; gap: 8px; }
#purchase-panel-setsearch .cm-kw__edit { border: 0; background: none; padding: 0; color: var(--cm-blue-d); font-size: 11.5px; font-weight: 700; cursor: pointer; }
#purchase-panel-setsearch .cm-kw__edit.is-on { color: var(--cm-red); }
#purchase-panel-setsearch .cm-kw .cm-chips { flex-wrap: wrap; min-height: 38px; align-items: center; }
#purchase-panel-setsearch .cm-kw__chip { position: relative; height: 32px; padding: 0 12px; border: 1px solid #cddcfb; border-radius: 8px; background: var(--cm-blue-soft); color: var(--cm-blue-d); font-size: 13px; font-weight: 700; cursor: pointer; }
#purchase-panel-setsearch .cm-kw__del { margin-left: 6px; font-style: normal; color: var(--cm-red); font-weight: 900; }
#purchase-panel-setsearch .cm-kw__empty { font-size: 12px; color: var(--cm-sub); }
#purchase-panel-setsearch .cm-kw__form { display: flex; gap: 6px; margin-top: 6px; }
#purchase-panel-setsearch .cm-kw__form[hidden] { display: none; }
#purchase-panel-setsearch .cm-kw__form input { flex: 1 1 auto; height: 34px; border: 1px solid var(--cm-line); border-radius: 8px; padding: 0 10px; min-width: 0; }
#purchase-panel-setsearch .cm-kw__form button { height: 34px; padding: 0 14px; border: 0; border-radius: 8px; background: var(--cm-ink); color: #fff; font-weight: 700; }
@media (max-width: 900px) {
  #purchase-panel-setsearch .cm-search__opts { grid-template-columns: 1fr; }
}

/* ---------- コミックのサブ画面（お気に入り・高単価・刈り取り…）: 2026-10-31 ユーザー指示「システム内すべて」 ----------
   [戻る] の文字リンク → 角丸の戻るボタン、見出しは検索画面と同じ青の印、丸い（錠剤形の）並べ替えボタンは角丸に */
#purchase-panel-setsearch a.ame-home:not(.cm-side__home) { display: inline-flex; align-items: center; gap: 4px; padding: 5px 12px; border-radius: 8px; border: 1px solid #dbe3ee; background: #fff;
  color: #1f55c9 !important; text-decoration: none !important; font-size: 13px; font-weight: 700; margin: 0 0 10px; }
#purchase-panel-setsearch a.ame-home:not(.cm-side__home):hover { background: #eaf1ff; border-color: #bcd0f5; }
#purchase-panel-setsearch .ame-sold a.ame-home { background: rgba(0,0,0,.35); border-color: rgba(240,210,122,.5); color: #f0d27a !important; }
#purchase-panel-setsearch .ame-pagetitle { display: flex; align-items: center; gap: 10px; color: #1c2333 !important; }
#purchase-panel-setsearch .ame-pagetitle::before { content: ""; width: 6px; height: 22px; border-radius: 3px; background: linear-gradient(180deg, #2f6feb, #6aa0ff); }
#purchase-panel-setsearch .ame-sold .ame-pagetitle::before { content: none; }
#purchase-panel-setsearch .sort-nav a, #purchase-panel-setsearch .sort-nav button, #purchase-panel-setsearch .fv-tabs a, #purchase-panel-setsearch .fv-tabs button,
#purchase-panel-setsearch .action-row a, #purchase-panel-setsearch .action-row button, #purchase-panel-setsearch .tab-nav a { border-radius: 8px !important; }
#purchase-panel-setsearch table.kari-card { border-radius: 12px !important; border: 1px solid #e3e7ee !important; border-left: 4px solid #2f6feb !important; overflow: hidden; }
#purchase-panel-setsearch table.kari-card td.kari-day { color: #1f55c9 !important; background: #f3f7ff !important; }
#purchase-panel-setsearch .ame-karitable { border: 0 !important; }
#purchase-panel-setsearch .ame-karitable > tbody > tr > td { border: 0 !important; padding: 0 0 10px !important; }
#purchase-panel-setsearch .cm-logs { display: flex; flex-direction: column; border: 1px solid #e3e7ee; border-radius: 12px; overflow: hidden; background: #fff; margin: 0 0 12px; }
#purchase-panel-setsearch .cm-log { display: grid; grid-template-columns: 150px 120px minmax(0, 1fr); gap: 10px; align-items: center; padding: 8px 12px; border-top: 1px solid #eef1f5; font-size: 13.5px; }
#purchase-panel-setsearch .cm-log:first-child { border-top: 0; }
#purchase-panel-setsearch .cm-log:hover { background: #f5f8ff; }
#purchase-panel-setsearch .cm-log time { color: #5b6475; font-size: 12px; font-variant-numeric: tabular-nums; }
#purchase-panel-setsearch .cm-log .ame-go { font-family: ui-monospace, Consolas, monospace; font-size: 12.5px; }
@media (max-width: 720px) { #purchase-panel-setsearch .cm-log { grid-template-columns: 1fr; gap: 2px; } }
/* 新発売の日付選び・ぬけ巻リストのボタンも角丸・細い枠で統一 */
#purchase-panel-setsearch .ame-result select, #purchase-panel-setsearch .ame-result input[type="text"], #purchase-panel-setsearch .ame-result input[type="search"] { border: 1px solid #cfd8e3 !important; border-radius: 8px !important; box-shadow: none !important; }
#purchase-panel-setsearch .ame-result button, #purchase-panel-setsearch .ame-result input[type="submit"] { border-radius: 8px !important; border: 1px solid #cfd8e3; background: #fff; color: #1c2333; font-weight: 700; }
#purchase-panel-setsearch .ame-result button[type="submit"], #purchase-panel-setsearch .ame-result input[type="submit"] { background: #2f6feb; border-color: #2f6feb; color: #fff; }
#purchase-panel-setsearch .ame-result button:hover { border-color: #bcd0f5; }
/* 2026-10-31 ユーザー指示: スマホではジャンル欄を半分の幅にして「巻の範囲」の横へ（キーワードはその下の1行） */
@media (max-width: 900px) {
  #purchase-panel-setsearch .cm-search__opts { grid-template-columns: auto minmax(0, 1fr); }
  #purchase-panel-setsearch .cm-search__opts .cm-opt:nth-child(1) { order: 1; }
  #purchase-panel-setsearch .cm-search__opts .cm-opt:last-child { order: 2; grid-column: auto; }
  #purchase-panel-setsearch .cm-search__opts .cm-opt.cm-kw { order: 3; grid-column: 1 / -1; }
  #purchase-panel-setsearch .cm-search .sel-cate { max-width: 170px; }
}
/* 映像化ニュース: 画像を切らずに全体を見せる（縦長・横長どちらも枠に収める） */
#purchase-panel-setsearch .cm-news__item img { object-fit: contain !important; height: 84px !important; background: #eef1f5; }
@media (max-width: 900px) { #purchase-panel-setsearch .cm-news__item img { height: 64px !important; } }

/* ---------- 高単価（2026-10-31 一新）: 黒地＋金。文字は白か金で、暗い文字を暗い地に置かない ---------- */
#purchase-panel-setsearch .hp-page { --hp-bg: #0f0d09; --hp-card: #1b1710; --hp-line: #3a3020; --hp-gold: #e2b84a; --hp-gold-l: #f6dc8c; --hp-txt: #f7f1e3; --hp-sub: #c9bc9c;
  background: var(--hp-bg); border-radius: 14px; padding: 14px; color: var(--hp-txt); }
#purchase-panel-setsearch .hp-back a.ame-home { background: transparent !important; border-color: var(--hp-line) !important; color: var(--hp-gold-l) !important; }
#purchase-panel-setsearch .hp-head { padding: 14px 16px; border-radius: 12px; background: linear-gradient(135deg, #241d10, #15110a); border: 1px solid var(--hp-line); margin-bottom: 14px; }
#purchase-panel-setsearch .hp-head__t { display: flex; align-items: baseline; gap: 12px; }
#purchase-panel-setsearch .hp-head__t h2 { margin: 0; font-size: 22px; font-weight: 800; color: var(--hp-gold-l); letter-spacing: .06em; }
#purchase-panel-setsearch .hp-head__t span { font-size: 13px; color: var(--hp-sub); }
#purchase-panel-setsearch .hp-sorts { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 12px; }
#purchase-panel-setsearch .hp-sorts > span { font-size: 12px; color: var(--hp-sub); margin-right: 4px; }
#purchase-panel-setsearch .hp-sort { padding: 7px 14px; border-radius: 8px !important; border: 1px solid var(--hp-line); background: #221c12; color: var(--hp-txt) !important;
  font-size: 13.5px; font-weight: 700; text-decoration: none !important; }
#purchase-panel-setsearch .hp-sort:hover { border-color: var(--hp-gold); }
#purchase-panel-setsearch .hp-sort.is-on { background: var(--hp-gold); border-color: var(--hp-gold); color: #1a1408 !important; }
#purchase-panel-setsearch .hp-note { margin: 10px 0 0; font-size: 12px; line-height: 1.6; color: var(--hp-sub); }
#purchase-panel-setsearch .hp-list { display: grid; grid-template-columns: 1fr; gap: 10px; }
@media (min-width: 1100px) { #purchase-panel-setsearch .hp-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
#purchase-panel-setsearch .hp-card { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 14px; padding: 12px; border-radius: 12px; background: var(--hp-card); border: 1px solid var(--hp-line); }
#purchase-panel-setsearch .hp-card.is-hot { border-color: var(--hp-gold); box-shadow: 0 0 0 1px rgba(226,184,74,.35) inset; }
#purchase-panel-setsearch .hp-cover img, #purchase-panel-setsearch .hp-cover .item-thumb { width: 104px; height: 148px; object-fit: contain; border-radius: 8px; background: #fff; display: block; }
#purchase-panel-setsearch .hp-body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
#purchase-panel-setsearch .hp-top { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
#purchase-panel-setsearch .hp-rank { font-size: 12px; color: var(--hp-sub); }
#purchase-panel-setsearch .hp-rank b { font-size: 15px; color: var(--hp-gold-l); font-variant-numeric: tabular-nums; }
#purchase-panel-setsearch .hp-asin a { color: var(--hp-sub) !important; font-size: 11.5px; font-family: ui-monospace, Consolas, monospace; text-decoration: underline; }
#purchase-panel-setsearch .hp-title { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.45; color: var(--hp-txt); }
#purchase-panel-setsearch .hp-prices { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 6px; }
#purchase-panel-setsearch .hp-price { padding: 6px 9px; border-radius: 8px; background: #241e14; border: 1px solid var(--hp-line); min-width: 0; }
#purchase-panel-setsearch .hp-price span { display: block; font-size: 11px; color: var(--hp-sub); }
#purchase-panel-setsearch .hp-price b { font-size: 15px; color: var(--hp-txt); font-variant-numeric: tabular-nums; }
#purchase-panel-setsearch .hp-price--main { background: #2c2413; border-color: #6b5524; }
#purchase-panel-setsearch .hp-price--main b { font-size: 19px; color: var(--hp-gold-l); }
#purchase-panel-setsearch .hp-price--main b small { font-size: 11px; margin-left: 1px; }
#purchase-panel-setsearch .hp-price--main em { display: block; font-style: normal; font-size: 11.5px; color: var(--hp-sub); }
#purchase-panel-setsearch .hp-price--main em b { font-size: 13px; color: var(--hp-txt); }
#purchase-panel-setsearch .hp-card.is-hot .hp-price--main em b { color: var(--hp-gold-l); }
#purchase-panel-setsearch .hp-acts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
#purchase-panel-setsearch .hp-act { display: inline-flex; align-items: center; padding: 6px 14px; border-radius: 8px !important; font-size: 13px; font-weight: 700; text-decoration: none !important;
  border: 1px solid var(--hp-line); background: #241e14; color: var(--hp-txt) !important; }
#purchase-panel-setsearch .hp-act:hover { border-color: var(--hp-gold); }
#purchase-panel-setsearch .hp-act--data { background: var(--hp-gold); border-color: var(--hp-gold); color: #1a1408 !important; }
#purchase-panel-setsearch .hp-act--merc::before { content: ""; width: 8px; height: 8px; border-radius: 3px; background: #ff333f; margin-right: 6px; }
#purchase-panel-setsearch .hp-act--keepa::before { content: ""; width: 8px; height: 8px; border-radius: 3px; background: #2a7de1; margin-right: 6px; }
#purchase-panel-setsearch .hp-empty { color: var(--hp-sub); }
@media (max-width: 720px) {
  #purchase-panel-setsearch .hp-page { padding: 10px; }
  #purchase-panel-setsearch .hp-card { grid-template-columns: 84px minmax(0, 1fr); gap: 10px; padding: 10px; }
  #purchase-panel-setsearch .hp-cover img, #purchase-panel-setsearch .hp-cover .item-thumb { width: 84px; height: 120px; }
  #purchase-panel-setsearch .hp-title { font-size: 14px; }
  #purchase-panel-setsearch .hp-prices { grid-template-columns: 1fr 1fr; }
  #purchase-panel-setsearch .hp-price--main { grid-column: 1 / -1; }
}
@media (min-width: 1100px) { #purchase-panel-setsearch .hp-list { grid-template-columns: 1fr; } }
@media (min-width: 1700px) { #purchase-panel-setsearch .hp-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
#purchase-panel-setsearch .hp-price span, #purchase-panel-setsearch .hp-price b, #purchase-panel-setsearch .hp-price--main em { white-space: nowrap; }
#purchase-panel-setsearch .hp-prices { grid-template-columns: minmax(150px, 1.4fr) minmax(90px, 1fr) minmax(90px, 1fr); max-width: 560px; }
@media (max-width: 720px) { #purchase-panel-setsearch .hp-prices { grid-template-columns: 1fr 1fr; } }
/* 2026-10-31 ユーザー指示「コミックの検索結果はスクロールしない画面表示に。スクロールは見にくく使いづらい」:
   出品一覧の枠の中のスクロールをやめ、全部そのまま並べる（スマホでも横スクロールしないよう列を詰める） */
#purchase-panel-setsearch .cm-offers__scroll { max-height: none !important; overflow: visible !important; }
#purchase-panel-setsearch .cm-offers table { table-layout: auto; }
@media (max-width: 720px) {
  #purchase-panel-setsearch .cm-offers table { font-size: 12px; }
  #purchase-panel-setsearch .cm-offers th, #purchase-panel-setsearch .cm-offers td { padding: 5px 4px !important; white-space: normal !important; word-break: break-all; }
}
#purchase-panel-setsearch .cm-lpnote { display: block; font-size: 10.5px; font-weight: 500; color: var(--cm-sub); }
#purchase-panel-setsearch .cm-counts { display: flex; flex-wrap: wrap; gap: 2px 10px; } #purchase-panel-setsearch .cm-counts i { font-style: normal; white-space: nowrap; }

/* 2026-10-31 くわしい結果を左右2列に（PC）。出品の一覧は右の列の中でスクロール */
#purchase-panel-setsearch .cm-offers__scroll { max-height: 420px !important; overflow: auto !important; }
@media (min-width: 1100px) {
  #purchase-panel-setsearch .cm-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
  #purchase-panel-setsearch .cm-split__r { position: sticky; top: 8px; }
  #purchase-panel-setsearch .cm-split__r .cm-offers { margin-top: 0; }
  #purchase-panel-setsearch .cm-split__r .cm-offers__scroll { max-height: calc(100vh - 230px) !important; min-height: 260px; }
  #purchase-panel-setsearch .cm-card--split .cm-card__foot { margin-top: 10px; }
}
@media (max-width: 1099px) { #purchase-panel-setsearch .cm-offers__scroll { max-height: 340px !important; } }
/* 全体を詰める */
#purchase-panel-setsearch .cm-card--split { padding: 14px 16px; }
#purchase-panel-setsearch .cm-card--split .cm-card__title { font-size: 17px; margin: 4px 0 8px; }
#purchase-panel-setsearch .cm-card--split .cm-card__body { gap: 10px; }
#purchase-panel-setsearch .cm-card--split .cm-cover img { width: 76px; }
#purchase-panel-setsearch .cm-card--split .cm-stat { padding: 6px 10px; }
#purchase-panel-setsearch .cm-card--split .cm-sim { padding: 10px 12px; margin-top: 10px; }
#purchase-panel-setsearch .cm-card--split .cm-sim__result b { font-size: 22px !important; }
#purchase-panel-setsearch .cm-card--split .cm-restr { margin-top: 8px; padding: 6px 10px; }
#purchase-panel-setsearch .cm-card--split .cm-maxbuy { margin-top: 10px; }

/* ---------- 2026-10-31 ユーザー指示「短くシンプルに見やすく」 ---------- */
/* 映像化: 題名の上の目立つ帯 */
#purchase-panel-setsearch .cm-card__head .cm-anime { display: flex; align-items: center; gap: 8px; width: 100%; box-sizing: border-box; margin: 0 0 6px; padding: 6px 12px;
  border-radius: 8px !important; background: linear-gradient(90deg, #ff5a1f, #ff9f1c); color: #fff; border: 0; font-size: 13.5px; font-weight: 800; animation: none !important; }
#purchase-panel-setsearch .cm-card__head .cm-anime i { font-style: normal; padding: 1px 8px; border-radius: 6px; background: #fff; color: #e2470f; font-size: 12px; letter-spacing: .08em; }
/* 出品規制があるときだけ赤い帯 */
#purchase-panel-setsearch .cm-restr.is-ng { background: #fdecec !important; border: 1px solid #f3b1b1; color: #a12828; font-weight: 700; }
/* 仕入額（最初は畳む） */
#purchase-panel-setsearch .cm-sim__shiire > summary { cursor: pointer; display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; font-weight: 700; color: var(--cm-blue-d, #1f55c9);
  padding: 4px 10px; border-radius: 8px; border: 1px solid #cfdcf7; background: #fff; list-style: none; margin-bottom: 8px; }
#purchase-panel-setsearch .cm-sim__shiire > summary::-webkit-details-marker { display: none; }
#purchase-panel-setsearch .cm-sim__shiire > summary::before { content: "＋"; }
#purchase-panel-setsearch .cm-sim__shiire[open] > summary::before { content: "−"; }
/* 数字のまとめを1行に詰める */
#purchase-panel-setsearch .cm-statgrid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 6px; }
#purchase-panel-setsearch .cm-stat { padding: 5px 9px; }
#purchase-panel-setsearch .cm-stat > b { font-size: 15px; }
#purchase-panel-setsearch .cm-counts { font-size: 13px !important; }
#purchase-panel-setsearch .cm-card__head { margin-bottom: 6px; }
#purchase-panel-setsearch .cm-card__tools { margin-top: 8px; }
#purchase-panel-setsearch .cm-sim__result > div { padding: 8px 12px !important; }
/* スマホ: 説明の文は出さない・さらに詰める */
@media (max-width: 720px) {
  #purchase-panel-setsearch .cm-sec small, #purchase-panel-setsearch .cm-lpnote, #purchase-panel-setsearch .ame-basis,
  #purchase-panel-setsearch .cm-took, #purchase-panel-setsearch .cm-research__lbl, #purchase-panel-setsearch .cm-research__src,
  #purchase-panel-setsearch .cm-fees__note, #purchase-panel-setsearch .ame-fees small { display: none !important; }
  #purchase-panel-setsearch .cm-card { padding: 10px !important; }
  #purchase-panel-setsearch .cm-card__title { font-size: 15px !important; margin: 2px 0 6px !important; }
  #purchase-panel-setsearch .cm-card__body { grid-template-columns: 60px minmax(0, 1fr) !important; gap: 8px !important; }
  #purchase-panel-setsearch .cm-cover img { width: 60px !important; }
  #purchase-panel-setsearch .cm-statgrid { grid-template-columns: 1fr 1fr !important; gap: 4px !important; }
  #purchase-panel-setsearch .cm-stat { padding: 4px 7px; }
  #purchase-panel-setsearch .cm-stat > span { font-size: 10px; }
  #purchase-panel-setsearch .cm-stat > b { font-size: 13.5px; }
  #purchase-panel-setsearch .cm-counts { font-size: 12px !important; gap: 0 6px; }
  #purchase-panel-setsearch .cm-sim { padding: 8px !important; }
  #purchase-panel-setsearch .cm-sim__result b { font-size: 19px !important; }
  #purchase-panel-setsearch .cm-research small { display: none !important; }
  #purchase-panel-setsearch .cm-tags .cm-tag--pub { display: none; }
  #purchase-panel-setsearch .cm-card__foot { gap: 6px 10px; }
}
#purchase-panel-setsearch .cm-split__r .cm-offers table { font-size: 12px; width: 100%; }
#purchase-panel-setsearch .cm-split__r .cm-offers th { white-space: normal !important; font-size: 11px; }
#purchase-panel-setsearch .cm-split__r .cm-offers td, #purchase-panel-setsearch .cm-split__r .cm-offers th { padding: 6px 6px !important; }
#purchase-panel-setsearch .cm-split__r .cm-offers__scroll { overflow-x: hidden !important; }

/* 2026-10-31 ユーザー指示「映像化ニュースの画像は縦に長いものが大半なので切れないように構成しなおす」:
   横長の行をやめ、縦長の画像を上に丸ごと見せるカードの並び（PC 5〜6列・スマホ 2列） */
#purchase-panel-setsearch .cm-news__list { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; padding: 12px; max-height: none !important; }
#purchase-panel-setsearch .cm-news__item { display: flex !important; flex-direction: column; gap: 6px; padding: 0 !important; border: 1px solid var(--cm-line) !important; border-radius: 10px; overflow: hidden; background: #fff; }
#purchase-panel-setsearch .cm-news__item img { width: 100% !important; height: auto !important; aspect-ratio: 3 / 4; object-fit: contain !important; background: #eef1f5; border-radius: 0 !important; display: block; }
#purchase-panel-setsearch .cm-news__txt { padding: 0 8px; }
#purchase-panel-setsearch .cm-news__txt b { font-size: 12.5px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
#purchase-panel-setsearch .cm-news__txt small { display: none !important; }
#purchase-panel-setsearch .cm-news__item time { display: block !important; padding: 0 8px 8px; font-size: 11px; }
@media (max-width: 720px) {
  #purchase-panel-setsearch .cm-news__list { grid-template-columns: 1fr 1fr; gap: 8px; padding: 8px; }
  #purchase-panel-setsearch .cm-news__head small { display: none; }
}

/* ---------- 2026-10-31 ユーザー指示「コミックの結果も枠のせいで長い。とにかく短く見やすく」: 枠をやめて文字の行に ---------- */
#purchase-panel-setsearch .cm-card--main .cm-card__body { display: grid; grid-template-columns: 64px minmax(0, 1fr) !important; gap: 10px !important; align-items: start; }
#purchase-panel-setsearch .cm-card--main .cm-cover img { width: 64px !important; }
#purchase-panel-setsearch .cm-card--main .cm-statgrid { display: flex !important; flex-wrap: wrap; gap: 2px 14px !important; }
#purchase-panel-setsearch .cm-card--main .cm-stat { display: inline-flex !important; align-items: baseline; gap: 6px; padding: 0 !important; background: none !important; border: 0 !important; border-radius: 0; }
#purchase-panel-setsearch .cm-card--main .cm-stat > span { display: inline !important; font-size: 12px !important; }
#purchase-panel-setsearch .cm-card--main .cm-stat > b { display: inline !important; font-size: 14.5px !important; }
#purchase-panel-setsearch .cm-card--main .cm-stat--rank { flex-basis: 100%; }
#purchase-panel-setsearch .cm-card--main .cm-lpnote { display: inline !important; margin-left: 4px; }
#purchase-panel-setsearch .cm-card--main .cm-counts { display: inline-flex !important; gap: 0 8px; font-size: 13.5px !important; }
#purchase-panel-setsearch .cm-card--main .cm-card__tools { margin-top: 6px; gap: 6px; }
#purchase-panel-setsearch .cm-card--main .ame-cardacts button, #purchase-panel-setsearch .cm-card--main .ame-cardacts a { min-height: 30px !important; padding: 2px 10px !important; font-size: 12.5px !important; }
/* 利益の試算: 枠なし・1行 */
#purchase-panel-setsearch .cm-card--main .cm-sim { padding: 0 !important; margin: 8px 0 0 !important; background: none !important; border: 0 !important; border-top: 1px dashed var(--cm-line) !important; border-radius: 0; padding-top: 8px !important; }
#purchase-panel-setsearch .cm-card--main .cm-sim__result { display: flex !important; flex-wrap: wrap; gap: 2px 18px; margin: 0 0 4px !important; }
#purchase-panel-setsearch .cm-card--main .cm-sim__result > div { display: inline-flex; align-items: baseline; gap: 6px; padding: 0 !important; border: 0 !important; background: none !important; }
#purchase-panel-setsearch .cm-card--main .cm-sim__result span { display: inline !important; font-size: 12.5px; }
#purchase-panel-setsearch .cm-card--main .cm-sim__result b { font-size: 20px !important; }
#purchase-panel-setsearch .cm-card--main .cm-sim__shiire > summary { margin-bottom: 4px; padding: 2px 8px; font-size: 12px; }
#purchase-panel-setsearch .cm-card--main .ame-fees { font-size: 12px; }
/* いくらまで: 枠なし・1行 */
#purchase-panel-setsearch .cm-card--main .cm-maxbuy { margin: 4px 0 0 !important; padding: 0 !important; background: none !important; border: 0 !important; gap: 4px 6px; font-size: 13px; }
#purchase-panel-setsearch .cm-card--main .cm-maxbuy .ame-ratio { width: 48px; height: 30px; font-size: 15px; }
#purchase-panel-setsearch .cm-card--main .cm-maxbuy b { font-size: 18px !important; }
/* 出品規制の帯も細く */
#purchase-panel-setsearch .cm-card--main .cm-restr { padding: 4px 8px !important; font-size: 12.5px; }
@media (max-width: 720px) {
  #purchase-panel-setsearch .cm-card--main .cm-card__body { grid-template-columns: 52px minmax(0, 1fr) !important; }
  #purchase-panel-setsearch .cm-card--main .cm-cover img { width: 52px !important; }
  #purchase-panel-setsearch .cm-card--main .cm-stat > b { font-size: 13.5px !important; }
  #purchase-panel-setsearch .cm-card--main .cm-sim__result b { font-size: 18px !important; }
}
#purchase-panel-setsearch .cm-card--main .cm-counts i { margin-right: 8px; }
@media (max-width: 720px) {
  #purchase-panel-setsearch .cm-card--main .cm-lpnote { display: none !important; }
  #purchase-panel-setsearch .cm-card--main .cm-sim__result { flex-wrap: nowrap; gap: 12px; }
  #purchase-panel-setsearch .cm-card--main .cm-sim__result span { font-size: 11.5px; }
  #purchase-panel-setsearch .cm-card--main .cm-maxbuy { font-size: 12.5px; }
  #purchase-panel-setsearch .cm-offers td small { white-space: nowrap; font-size: 10px; }
}
#purchase-panel-setsearch .cm-cond { display: block; white-space: nowrap; }
#purchase-panel-setsearch .cm-condtags { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 2px; }
#purchase-panel-setsearch .cm-condtags > * { margin: 0 !important; }

/* 2026-10-31 ユーザー指示「映像化の表示の中に、出品一覧の色付き（基準）の価格と1冊あたりの価格」: 帯の右側にまとめる */
#purchase-panel-setsearch .cm-card__head .cm-anime { flex-wrap: wrap; }
#purchase-panel-setsearch .cm-anime__px { margin-left: auto; display: inline-flex; flex-wrap: wrap; gap: 2px 12px; font-weight: 600; font-size: 12.5px; }
#purchase-panel-setsearch .cm-anime__px em { font-style: normal; white-space: nowrap; }
#purchase-panel-setsearch .cm-anime__px b { font-size: 16px; font-weight: 800; font-variant-numeric: tabular-nums; }

/* 2026-10-31 ユーザー指示（高単価）: 並び替えは一列・PCは2列・価格3つの枠は中身の幅だけ */
#purchase-panel-setsearch .hp-sorts { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
#purchase-panel-setsearch .hp-sort { flex: none; white-space: nowrap; }
@media (min-width: 1000px) { #purchase-panel-setsearch .hp-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
#purchase-panel-setsearch .hp-prices { display: flex; flex-wrap: wrap; gap: 6px; max-width: none; }
#purchase-panel-setsearch .hp-price { flex: none; padding: 4px 10px; }
#purchase-panel-setsearch .hp-price--main { grid-column: auto; }
#purchase-panel-setsearch .cm-cond { white-space: nowrap; }
#purchase-panel-setsearch .hp-prices { flex-wrap: nowrap; gap: 5px; }
#purchase-panel-setsearch .hp-price { padding: 3px 8px; }
#purchase-panel-setsearch .hp-price span { font-size: 10.5px; }
#purchase-panel-setsearch .hp-price b { font-size: 14px; }
#purchase-panel-setsearch .hp-price--main b { font-size: 17px; }
#purchase-panel-setsearch .hp-per { margin: 0; font-size: 12px; color: var(--hp-sub); }
#purchase-panel-setsearch .hp-per b { font-size: 15px; color: var(--hp-txt); }
#purchase-panel-setsearch .hp-card.is-hot .hp-per b { color: var(--hp-gold-l); }
#purchase-panel-setsearch .hp-acts { flex-wrap: nowrap; gap: 5px; }
#purchase-panel-setsearch .hp-act { padding: 5px 11px; flex: none; }
@media (max-width: 640px) { #purchase-panel-setsearch .hp-note { display: none; } }
@media (max-width: 640px) { #purchase-panel-setsearch .hp-act { padding: 5px 8px; font-size: 12.5px; } #purchase-panel-setsearch .hp-act::before { margin-right: 4px !important; } }

/* 2026-10-31 ユーザー指示「高単価をやめてランキングに。全部／132円以上／250円以上の切り替え」: 絞り込みは区切りのある一続きのボタン */
#purchase-panel-setsearch .hp-filts { display: inline-flex; margin-top: 12px; border: 1px solid var(--hp-line); border-radius: 10px; overflow: hidden; max-width: 100%; }
#purchase-panel-setsearch .hp-filt { flex: none; padding: 7px 14px; font-size: 13px; font-weight: 700; white-space: nowrap; text-decoration: none !important; color: var(--hp-sub) !important; background: #1a150e; border-radius: 0 !important; }
#purchase-panel-setsearch .hp-filt + .hp-filt { border-left: 1px solid var(--hp-line); }
#purchase-panel-setsearch .hp-filt:hover { color: var(--hp-txt) !important; }
#purchase-panel-setsearch .hp-filt.is-on { background: #3a2e14; color: var(--hp-gold-l) !important; }
#purchase-panel-setsearch .hp-sorts { margin-top: 8px; }
@media (max-width: 640px) { #purchase-panel-setsearch .hp-filt { padding: 7px 10px; font-size: 12.5px; } }

/* 2026-10-31 ユーザー指示「絞り込み・並び替えの表示をもっと分かりやすく」: 左に見出し、絞り込みは件数入りの切り替え、並び順は下線付きの文字ボタン */
#purchase-panel-setsearch .hp-ctl { display: flex; align-items: center; gap: 10px; margin-top: 10px; min-width: 0; }
#purchase-panel-setsearch .hp-ctl__h { flex: none; width: 64px; font-size: 12px; font-weight: 700; color: var(--hp-sub); white-space: nowrap; }
#purchase-panel-setsearch .hp-ctl .hp-filts, #purchase-panel-setsearch .hp-ctl .hp-sorts { margin-top: 0; min-width: 0; }
#purchase-panel-setsearch .hp-filt { display: inline-flex; align-items: baseline; gap: 6px; }
#purchase-panel-setsearch .hp-filt small { font-size: 11px; font-weight: 600; padding: 0 6px; border-radius: 6px; background: rgba(255,255,255,.08); color: var(--hp-sub); }
#purchase-panel-setsearch .hp-filt.is-on small { background: var(--hp-gold); color: #1a1408; }
#purchase-panel-setsearch .hp-sorts { gap: 4px; }
#purchase-panel-setsearch .hp-sort { padding: 6px 10px !important; border: 0 !important; background: transparent !important; color: var(--hp-sub) !important;
  border-bottom: 2px solid transparent !important; border-radius: 0 !important; font-size: 13px; font-weight: 700; }
#purchase-panel-setsearch .hp-sort:hover { color: var(--hp-txt) !important; }
#purchase-panel-setsearch .hp-sort.is-on { background: transparent !important; color: var(--hp-gold-l) !important; border-bottom-color: var(--hp-gold) !important; }
#purchase-panel-setsearch .hp-sort.is-on::before { content: "▼"; font-size: 9px; margin-right: 4px; vertical-align: 1px; }
@media (max-width: 640px) {
  #purchase-panel-setsearch .hp-ctl { gap: 6px; }
  #purchase-panel-setsearch .hp-ctl__h { width: 52px; font-size: 11px; }
  #purchase-panel-setsearch .hp-filt { padding: 7px 8px; gap: 4px; }
  #purchase-panel-setsearch .hp-sort { padding: 6px 6px !important; font-size: 12.5px; }
}
@media (max-width: 640px) {
  #purchase-panel-setsearch .hp-ctl { flex-direction: column; align-items: stretch; gap: 4px; margin-top: 8px; }
  #purchase-panel-setsearch .hp-ctl__h { width: auto; }
  #purchase-panel-setsearch .hp-filts { display: flex; }
  #purchase-panel-setsearch .hp-filt { flex: 1 1 auto; justify-content: center; padding: 7px 4px; font-size: 12px; }
  #purchase-panel-setsearch .hp-filt small { padding: 0 4px; font-size: 10.5px; }
  #purchase-panel-setsearch .hp-sorts { justify-content: space-between; }
  #purchase-panel-setsearch .hp-sort { padding: 5px 2px !important; font-size: 12px; }
}

/* 2026-11-01 ユーザー指示「スマホ版 コミック ランキング 枠がはみ出ている」: 狭いスマホ（〜430px）では
   価格の3つの箱を横幅いっぱいに等分して縮め、ボタンも等分にしてカードの中に収める */
@media (max-width: 430px) {
  #purchase-panel-setsearch .hp-card { grid-template-columns: 72px minmax(0, 1fr); gap: 8px; padding: 9px; }
  #purchase-panel-setsearch .hp-prices { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 1fr); gap: 4px; }
  #purchase-panel-setsearch .hp-price { padding: 3px 5px; min-width: 0; overflow: hidden; }
  #purchase-panel-setsearch .hp-price span { font-size: 10px; }
  #purchase-panel-setsearch .hp-price b { font-size: 12.5px; }
  #purchase-panel-setsearch .hp-price--main b { font-size: 15px; }
  #purchase-panel-setsearch .hp-acts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
  #purchase-panel-setsearch .hp-act { padding: 5px 4px; font-size: 12px; justify-content: center; min-width: 0; }
}
@media (max-width: 430px) {
  #purchase-panel-setsearch .hp-cover img, #purchase-panel-setsearch .hp-cover .item-thumb { width: 72px; height: 104px; }
  #purchase-panel-setsearch .hp-act { white-space: nowrap; letter-spacing: -.02em; }
  #purchase-panel-setsearch .hp-act::before { width: 6px !important; height: 6px !important; margin-right: 3px !important; flex: none; }
  /* 並び順は3つを等分して1行に収める（右端で切れないように） */
  #purchase-panel-setsearch .hp-sorts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; overflow: visible; }
  #purchase-panel-setsearch .hp-sort { padding: 6px 2px; font-size: 11.5px; text-align: center; white-space: nowrap; letter-spacing: -.03em; }
}