/* Pickly — すべて .scj 配下に限定（Cocoonなどテーマの装飾と干渉しないよう明示指定） */
.scj { --scj-ink: #0f1b4d; --scj-muted: #4b5b6b; --scj-line: #cbd2ea; --scj-bg: #f3f5fb; --scj-accent: #1b2a94; --scj-cta: #ff8a00; --scj-cta-hover: #ff9a26; --scj-good: #0b5a33; --scj-good-bg: #e3f5ea;
	box-sizing: border-box; max-width: 960px; margin: 0 auto; color: var(--scj-ink); line-height: 1.6; }
.scj *, .scj *::before, .scj *::after { box-sizing: border-box; }
.scj-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.scj-form { background: #fff; border: 1px solid var(--scj-line); border-radius: 14px; padding: 20px; display: flex; flex-direction: column; gap: 16px; }
.scj-searchrow { display: flex; flex-wrap: wrap; gap: 10px; }
.scj-qlabel { flex: 1 1 280px; margin: 0; }
.scj .scj-q { width: 100%; height: 52px; margin: 0; padding: 0 16px; font-size: 17px; color: var(--scj-ink); background: #fff; border: 2px solid var(--scj-ink); border-radius: 10px; }
.scj .scj-go { height: 52px; margin: 0; padding: 0 28px; font-size: 16px; font-weight: 700; color: var(--scj-ink); background: var(--scj-cta); border: 2px solid var(--scj-ink); border-radius: 10px; cursor: pointer; }
.scj .scj-go:hover { background: var(--scj-cta-hover); }
.scj .scj-go:focus-visible, .scj .scj-q:focus-visible { outline: 3px solid #7d8ce0; outline-offset: 2px; }

.scj .scj-opts { margin: 0; padding: 0; border: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
.scj .scj-legend { float: left; width: 100%; padding: 0; margin: 0 0 4px; font-size: 13px; font-weight: 700; color: var(--scj-muted); }
.scj .scj-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin: 0; padding: 0 14px; font-size: 14px; background: #fff; border: 1px solid var(--scj-line); border-radius: 999px; cursor: pointer; }
.scj .scj-chip input { margin: 0; width: 16px; height: 16px; }
.scj .scj-sortlabel { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; }
.scj .scj-sort { height: 44px; margin: 0; padding: 0 10px; font-size: 14px; color: var(--scj-ink); background: #fff; border: 1px solid #b7c2ce; border-radius: 8px; }

.scj-status { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; font-size: 13px; }
.scj-pill { display: inline-flex; flex-wrap: wrap; gap: 6px; padding: 6px 12px; border-radius: 999px; background: #e8ecf0; color: #3b4957; }
.scj-pill-ok { background: var(--scj-good-bg); color: var(--scj-good); }
.scj-pill-error { background: #fde8e8; color: #8a1c1c; }
.scj-pill-busy { background: #eef0fd; color: #1b2a94; }

.scj-summary { margin: 12px 0 0; }
.scj .scj-summary-line { margin: 0; padding: 12px 16px; font-size: 15px; background: var(--scj-good-bg); color: var(--scj-good); border-radius: 10px; }
.scj .scj-summary-line strong { font-size: 20px; }

.scj .scj-list { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.scj .scj-item { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 16px; align-items: center; margin: 0; padding: 14px; background: #fff; border: 1px solid var(--scj-line); border-radius: 12px; }
.scj .scj-thumb { width: 96px; height: 96px; background: var(--scj-bg); border-radius: 8px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.scj .scj-thumb img { width: 100%; height: 100%; margin: 0; object-fit: contain; }
.scj-body { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.scj-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.scj-tag { font-size: 12px; font-weight: 700; padding: 2px 8px; border-radius: 6px; }
.scj-tag-shop { background: #e4e8fb; color: #1b2a94; }
.scj-tag-best { background: var(--scj-good-bg); color: var(--scj-good); }
.scj-store { font-size: 12px; color: var(--scj-muted); }
.scj .scj-title { font-size: 15px; font-weight: 500; color: var(--scj-ink); text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.scj .scj-title:hover { text-decoration: underline; }
.scj-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 13px; color: var(--scj-muted); }
.scj-side { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.scj-price { font-size: 22px; font-weight: 700; white-space: nowrap; }
.scj .scj-buy { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 16px; font-size: 14px; font-weight: 700; color: var(--scj-accent); text-decoration: none; border: 1px solid var(--scj-accent); border-radius: 8px; white-space: nowrap; }
.scj .scj-buy:hover { background: #eef0fd; }

.scj-others { margin-top: 24px; padding: 16px; background: #fff; border: 1px solid var(--scj-line); border-radius: 12px; }
.scj .scj-others-title { margin: 0 0 10px; font-size: 14px; font-weight: 700; }
.scj-others-row { display: flex; flex-wrap: wrap; gap: 8px; }
.scj .scj-other { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; font-size: 14px; color: var(--scj-ink); text-decoration: none; border: 1px solid #b7c2ce; border-radius: 999px; }
.scj .scj-other:hover { background: var(--scj-bg); }
.scj .scj-note { margin: 16px 0 0; font-size: 12px; line-height: 1.8; color: var(--scj-muted); }

@media (max-width: 640px) {
	.scj .scj-item { grid-template-columns: 72px minmax(0, 1fr); }
	.scj .scj-thumb { width: 72px; height: 72px; }
	.scj .scj-side { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; }
	.scj .scj-go { width: 100%; }
}

/* ---- v0.2 類似品を探す ---- */
.scj [hidden] { display: none !important; }
.scj .scj-simlist { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.scj .scj-baselist { margin-top: 8px; }
.scj .scj-btns { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.scj .scj-simbtn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin: 0; padding: 0 16px; font-size: 14px; font-weight: 700; color: #fff; background: var(--scj-accent); border: 1px solid var(--scj-accent); border-radius: 8px; white-space: nowrap; cursor: pointer; }
.scj .scj-simbtn:hover { background: #152270; }
.scj .scj-simbtn:focus-visible, .scj .scj-back:focus-visible { outline: 3px solid #7d8ce0; outline-offset: 2px; }

.scj .scj-back { display: inline-flex; align-items: center; min-height: 44px; margin: 0 0 16px; padding: 0 18px; font-size: 15px; color: var(--scj-ink); background: #fff; border: 1px solid #b7c2ce; border-radius: 999px; cursor: pointer; }
.scj .scj-back::before { content: ""; width: 8px; height: 8px; margin-right: 10px; border-left: 2px solid var(--scj-ink); border-bottom: 2px solid var(--scj-ink); transform: rotate(45deg); }
.scj .scj-base-label { margin: 0; font-size: 13px; font-weight: 700; color: var(--scj-muted); }
.scj .scj-simform { margin: 16px 0 0; padding: 16px; background: #fff; border: 1px solid var(--scj-line); border-radius: 12px; }
.scj .scj-simfield { display: flex; flex-direction: column; gap: 8px; margin: 0; }
.scj .scj-simfield .scj-legend { float: none; width: auto; }
.scj .scj-simfield .scj-searchrow { display: flex; flex-wrap: wrap; gap: 10px; }
.scj .scj-simq { flex: 1 1 260px; height: 48px; margin: 0; padding: 0 14px; font-size: 16px; color: var(--scj-ink); background: #fff; border: 2px solid var(--scj-ink); border-radius: 10px; }
.scj .scj-simgo { height: 48px; color: #fff; background: var(--scj-accent); border: 0; }
.scj .scj-simgo:hover { background: #152270; }
.scj .scj-simbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; font-size: 13px; color: var(--scj-muted); }
.scj .scj-simbar .scj-simcount { color: var(--scj-ink); font-weight: 700; }

.scj-fit { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.scj-fit-label { font-weight: 700; white-space: nowrap; }
.scj-fit-track { flex: 1 1 auto; max-width: 220px; height: 8px; background: #e3e8ed; border-radius: 999px; overflow: hidden; }
.scj-fit-fill { display: block; height: 8px; background: var(--scj-accent); border-radius: 999px; }

@media (max-width: 640px) {
	.scj .scj-btns { flex: 1 1 auto; justify-content: flex-end; }
}
.scj .scj-similar { margin-top: 20px; }
.scj .scj-simsort { height: 44px; margin: 0; padding: 0 10px; font-size: 14px; color: var(--scj-ink); background: #fff; border: 1px solid #b7c2ce; border-radius: 8px; }

/* クレジット表示: 公式HTMLの文言・色・大きさは変更しない（配置のみ） */
.scj .scj-credits { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 8px; }

.scj .scj-areabox { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.scj .scj-area { height: 44px; margin: 0; padding: 0 10px; font-size: 14px; color: var(--scj-ink); background: #fff; border: 1px solid #b7c2ce; border-radius: 8px; }
.scj .scj-geo { min-height: 44px; margin: 0; padding: 0 14px; font-size: 14px; color: var(--scj-ink); background: #fff; border: 1px solid #b7c2ce; border-radius: 999px; cursor: pointer; }
.scj .scj-geostatus { font-size: 13px; color: #3b4957; }

.scj-amazon { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 16px 0 0; padding: 14px; background: #fff; border: 1px dashed #b7c2ce; border-radius: 12px; }
.scj-amazon[hidden] { display: none; }
.scj .scj-amz-body { flex: 1 1 260px; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.scj .scj-amz-title { margin: 0; font-size: 15px; font-weight: 700; color: var(--scj-ink); }
.scj .scj-amz-note { margin: 0; font-size: 12px; color: var(--scj-muted); }

/* ショップ名の色分けバッジ（ロゴは使わず、名前の文字と色の丸だけで見分ける） */
.scj .scj-tag-shop::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: currentColor; vertical-align: 0; }
.scj .scj-tag-shop.scj-shop-rakuten { background: #fde8eb; color: #a8001c; }
.scj .scj-tag-shop.scj-shop-yahoo { background: #e0f3f5; color: #0b5f6b; }
.scj .scj-tag-shop.scj-shop-amazon { background: #fff0d2; color: #6b4300; }
.scj .scj-dot { display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; align-self: center; background: #8a96a3; }
.scj .scj-dot-rakuten { background: #a8001c; }
.scj .scj-dot-yahoo { background: #0b5f6b; }
.scj .scj-dot-amazon { background: #b87400; }

/* 評価の星グラフィック */
.scj .scj-rating { display: inline-flex; align-items: center; gap: 6px; }
.scj .scj-stars { position: relative; display: inline-block; font-size: 15px; line-height: 1; letter-spacing: 1px; white-space: nowrap; }
.scj .scj-stars-base { color: #d5dae3; }
.scj .scj-stars-fill { position: absolute; left: 0; top: 0; overflow: hidden; white-space: nowrap; color: #c77700; }
.scj .scj-rscore { font-size: 14px; font-weight: 700; color: var(--scj-ink); }
.scj .scj-rcount { font-size: 12px; color: var(--scj-muted); }
.scj .scj-rating-few .scj-stars-fill { opacity: 0.55; }

/* 高評価タグ（評価4.5以上かつ50件以上） */
.scj .scj-tag-top { background: #fff4c2; color: #5c4500; }

/* ページ送り（20件ごと） */
.scj-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin: 16px 0 0; }
.scj-pager[hidden] { display: none; }
.scj .scj-pg-info { font-size: 13px; color: var(--scj-muted); }
.scj .scj-pg-row { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.scj .scj-pg { min-width: 44px; min-height: 44px; margin: 0; padding: 0 14px; font-size: 14px; font-weight: 700; color: var(--scj-accent); background: #fff; border: 1px solid #b7c2ce; border-radius: 8px; cursor: pointer; }
.scj .scj-pg:hover:not(:disabled) { background: #eef0fd; }
.scj .scj-pg:disabled { color: #8a96a3; background: #f3f5fb; cursor: default; }
.scj .scj-pg-cur { color: #fff; background: var(--scj-accent); border-color: var(--scj-accent); cursor: default; }
.scj .scj-pg:focus-visible { outline: 3px solid #7d8ce0; outline-offset: 2px; }

/* 最近の検索（この端末のブラウザにだけ保存） */
.scj-history { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.scj-history[hidden] { display: none; }
.scj .scj-hist-label { font-size: 13px; font-weight: 700; color: var(--scj-muted); }
.scj .scj-hist-chip { min-height: 36px; max-width: 100%; margin: 0; padding: 0 12px; font-size: 13px; color: var(--scj-ink); background: #fff; border: 1px solid #b7c2ce; border-radius: 999px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.scj .scj-hist-chip:hover { background: #eef0fd; border-color: var(--scj-accent); }
.scj .scj-hist-link { min-height: 36px; margin: 0; padding: 0 6px; font-size: 12px; color: var(--scj-muted); background: none; border: 0; text-decoration: underline; cursor: pointer; }
.scj .scj-hist-link:hover { color: var(--scj-accent); }
.scj .scj-hist-chip:focus-visible, .scj .scj-hist-link:focus-visible { outline: 3px solid #7d8ce0; outline-offset: 2px; }

/* 商品画像を大きく・評価の途中改行を防ぐ */
.scj .scj-item { grid-template-columns: 160px minmax(0, 1fr) auto; }
.scj .scj-thumb { width: 160px; height: 160px; background: #fff; border: 1px solid var(--scj-line); }
.scj .scj-rating { white-space: nowrap; flex-wrap: nowrap; }
.scj .scj-stars, .scj .scj-rscore, .scj .scj-rcount { white-space: nowrap; }
@media (max-width: 640px) {
	.scj .scj-item { grid-template-columns: 112px minmax(0, 1fr); gap: 12px; align-items: start; }
	.scj .scj-thumb { width: 112px; height: 112px; }
	.scj .scj-rcount { font-size: 11px; }
}

/* 評価は「星＋数値」を1かたまりにし、狭い画面では件数が次の行に回る（途中で切れない） */
.scj .scj-rating { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; white-space: normal; max-width: 100%; }
.scj .scj-rgroup { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.scj .scj-rcount { white-space: nowrap; }

.scj .scj-amz-insight { margin: 0; font-size: 13px; line-height: 1.7; color: var(--scj-ink); }

/* ================= トップページ（ヒーロー・人気の探し物・今の相場・安心の帯）================= */
.pk-hero { max-width: 960px; margin: 0 auto; padding: 44px 32px 92px; border-radius: 26px; color: #fff; text-align: center; background: linear-gradient(135deg, #0b1445, #2a3bb5); position: relative; overflow: hidden; }
.pk-hero::before { content: ""; position: absolute; right: -80px; top: -120px; width: 340px; height: 340px; border-radius: 50%; background: #ff8a00; opacity: .16; }
.pk-hero::after { content: ""; position: absolute; left: -90px; bottom: -150px; width: 320px; height: 320px; border-radius: 50%; background: #2ec4d6; opacity: .13; }
.pk-hero > * { position: relative; z-index: 1; }
.pk-hero__eyebrow { display: inline-block; margin: 0 0 14px; padding: 6px 16px; border-radius: 999px; background: #ff8a00; color: #0f1b4d; font-size: 14px; font-weight: 800; }
.pk-hero__title { margin: 0 0 12px; font-size: 40px; font-weight: 800; line-height: 1.3; letter-spacing: -.5px; color: #fff; }
.pk-hero__title span { color: #ffb04a; }
.pk-hero__lead { margin: 0 auto 22px; max-width: 620px; color: #c9d1f5; font-size: 16px; line-height: 1.8; }
.pk-chips { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; }
.pk-chips__label { margin-right: 4px; color: #c9d1f5; font-size: 13px; font-weight: 700; }
.pk-chips a { padding: 8px 14px; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; background: rgba(255,255,255,.1); color: #fff !important; font-size: 14px; font-weight: 700; text-decoration: none; transition: background .15s, transform .15s; }
.pk-chips a:hover { background: rgba(255,255,255,.22); transform: translateY(-1px); }
/* ヒーローの下に、検索フォームを重ねる */
.pk-hero ~ .scj .scj-form, .pk-layout__main .scj-form { position: relative; z-index: 2; margin-top: -58px; margin-left: 24px; margin-right: 24px; box-shadow: 0 14px 34px rgba(15,27,77,.2); }
.pk-section-title { margin: 0 0 6px; padding-left: 12px; border-left: 5px solid #1b2a94; color: #0f1b4d; font-size: 20px; font-weight: 800; line-height: 1.4; }
.pk-section-sub { margin: 0 0 16px; color: #5a6785; font-size: 13px; line-height: 1.7; }
.pk-market { max-width: 960px; margin: 40px auto 0; }
.pk-market[hidden] { display: none; }
.pk-market__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.pk-market__skeleton { height: 250px; border-radius: 16px; background: linear-gradient(90deg, #eef0f9 25%, #f7f8fd 50%, #eef0f9 75%); background-size: 200% 100%; animation: pk-shimmer 1.4s infinite; }
@keyframes pk-shimmer { to { background-position: -200% 0; } }
.pk-market__note { margin: 12px 0 0; color: #5a6785; font-size: 12px; }
.pk-mcard { display: flex; flex-direction: column; gap: 8px; padding: 20px 18px 18px; border: 1px solid #dde2f3; border-radius: 16px; background: #fff; box-shadow: 0 2px 10px rgba(15,27,77,.05); transition: transform .15s, box-shadow .15s; }
.pk-mcard:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(15,27,77,.12); }
.pk-mcard__q { margin: 0; color: #0f1b4d; font-size: 17px; font-weight: 800; }
.pk-mcard__min { display: flex; align-items: baseline; gap: 8px; margin: 0; color: #0f1b4d; }
.pk-mcard__minlabel { padding: 2px 8px; border-radius: 6px; background: #e3f5ea; color: #0b5a33; font-size: 12px; font-weight: 800; }
.pk-mcard__min strong { font-size: 32px; font-weight: 800; letter-spacing: -.5px; }
.pk-mcard .scj-tag { align-self: flex-start; }
.pk-mcard__stats { display: grid; grid-template-columns: auto 1fr; gap: 6px 12px; margin: 6px 0 0; padding: 12px 0 0; border-top: 1px dashed #dde2f3; font-size: 13px; }
.pk-mcard__stats dt { color: #5a6785; }
.pk-mcard__stats dd { margin: 0; color: #0f1b4d; font-weight: 700; text-align: right; }
.pk-mcard__go { margin-top: 8px; padding: 11px 12px; border-radius: 10px; background: #1b2a94; color: #fff !important; font-size: 14px; font-weight: 800; text-align: center; text-decoration: none; }
.pk-mcard__go:hover { background: #152270; }
.pk-trust { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; max-width: 960px; margin: 40px auto 0; }
.pk-trust__item { padding: 18px 16px; border: 1px solid #dde2f3; border-radius: 16px; background: #f3f5fb; }
.pk-trust__icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-bottom: 10px; border-radius: 12px; background: linear-gradient(135deg, #2a3bb5, #121e78); }
.pk-trust__icon svg { width: 22px; height: 22px; }
.pk-trust__title { margin: 0 0 4px; color: #0f1b4d; font-size: 15px; font-weight: 800; line-height: 1.4; }
.pk-trust__text { margin: 0; color: #5a6785; font-size: 12.5px; line-height: 1.7; }
@media (max-width: 900px) { .pk-market__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pk-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
	.pk-hero { padding: 30px 18px 76px; border-radius: 20px; }
	.pk-hero__title { font-size: 28px; }
	.pk-hero__lead { font-size: 14px; }
	.pk-hero ~ .scj .scj-form, .pk-layout__main .scj-form { margin-left: 8px; margin-right: 8px; margin-top: -50px; }
	.pk-market__grid { grid-template-columns: 1fr; }
	.pk-trust { grid-template-columns: 1fr 1fr; }
}
@media (prefers-reduced-motion: reduce) { .pk-market__skeleton { animation: none; } .pk-mcard, .pk-chips a { transition: none; } }

/* ================= PC：ヒーローを画面幅いっぱいに／右に「今の相場」を縦並び ================= */
.pk-layout { position: relative; z-index: 2; max-width: 960px; margin: 0 auto; }
.pk-layout__main, .pk-layout__side { min-width: 0; }
.pk-layout__main .scj-form { margin-left: 24px; margin-right: 24px; margin-top: -58px; }
.pk-layout__side .pk-market { margin-top: 40px; max-width: none; }
@media (min-width: 1100px) {
	body.front-top-page { overflow-x: clip; }
	body.front-top-page #main { background: transparent; box-shadow: none; border: 0; padding-top: 0; }
	body.front-top-page .pk-trust__item { background: #fff; }
	.pk-hero { width: 100vw; max-width: none; margin-left: calc(50% - 50vw); margin-right: 0; margin-top: 0; border-radius: 0; padding: 56px max(32px, calc(50vw - 480px)) 104px; }
	.pk-hero::before { right: 6%; top: -150px; width: 420px; height: 420px; }
	.pk-hero::after { left: 5%; bottom: -190px; width: 400px; height: 400px; }
	.pk-hero__title { font-size: 46px; }
	.pk-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 28px; max-width: 1200px; margin-top: 0; align-items: start; }
	.pk-layout__main .scj-form { margin-left: 0; margin-right: 0; }
	.pk-layout__side { position: sticky; top: 20px; margin-top: -58px; }
	.pk-layout__side .pk-market { margin-top: 0; padding: 20px 18px 16px; border: 1px solid #dde2f3; border-radius: 18px; background: #fff; box-shadow: 0 14px 34px rgba(15,27,77,.16); }
	.pk-layout__side .pk-section-title { font-size: 18px; }
	.pk-layout__side .pk-market__grid { grid-template-columns: 1fr; gap: 12px; }
	.pk-layout__side .pk-market__skeleton { height: 150px; }
	.pk-layout__side .pk-mcard { gap: 6px; padding: 14px 14px 12px; box-shadow: none; background: #f7f8fd; }
	.pk-layout__side .pk-mcard:hover { transform: none; box-shadow: none; }
	.pk-layout__side .pk-mcard__q { font-size: 15px; }
	.pk-layout__side .pk-mcard__min strong { font-size: 26px; }
	.pk-layout__side .pk-mcard__stats { margin-top: 2px; padding-top: 8px; gap: 4px 10px; font-size: 12.5px; }
	.pk-layout__side .pk-mcard__stats dt:nth-of-type(2), .pk-layout__side .pk-mcard__stats dd:nth-of-type(2) { display: none; }
	.pk-layout__side .pk-mcard__go { margin-top: 4px; padding: 8px 10px; font-size: 13px; }
	.pk-trust { max-width: 1200px; }
}

/* ================= 最近見た商品 ================= */
.pk-recent { margin: 24px 0 0; padding: 20px 20px 16px; border: 1px solid #dde2f3; border-radius: 16px; background: #fff; }
.pk-recent__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.pk-recent__item { margin: 0; padding: 0; }
.pk-recent__link { display: flex; gap: 12px; align-items: center; height: 100%; padding: 10px; border: 1px solid #e6e9f5; border-radius: 12px; background: #f7f8fd; color: inherit !important; text-decoration: none; transition: border-color .15s, background .15s; }
.pk-recent__link:hover { border-color: #1b2a94; background: #fff; }
.pk-recent__thumb { flex: 0 0 64px; width: 64px; height: 64px; overflow: hidden; border-radius: 8px; background: #fff; }
.pk-recent__thumb img { display: block; width: 100%; height: 100%; object-fit: contain; }
.pk-recent__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.pk-recent__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #0f1b4d; font-size: 13px; font-weight: 700; line-height: 1.5; }
.pk-recent__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.pk-recent__meta strong { color: #0f1b4d; font-size: 16px; font-weight: 800; }
.pk-recent__clear { margin: 10px 0 0; padding: 0; border: 0; background: none; color: #5a6785; font-size: 12px; text-decoration: underline; cursor: pointer; }
.pk-recent__steps { margin: 0; padding-left: 1.4em; color: #0f1b4d; font-size: 13.5px; line-height: 2; }
@media (max-width: 640px) { .pk-recent { padding: 16px 14px 12px; } .pk-recent__list { grid-template-columns: 1fr; } }

/* ================= 今の相場：最安商品の画像 ================= */
.pk-mcard__head { display: flex; gap: 14px; align-items: center; }
.pk-mcard__pic { flex: 0 0 96px; width: 96px; height: 96px; overflow: hidden; border: 1px solid #e6e9f5; border-radius: 12px; background: #fff; }
.pk-mcard__pic img { display: block; width: 100%; height: 100%; object-fit: contain; }
.pk-mcard__headtext { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; }
.pk-mcard__headtext .pk-mcard__q, .pk-mcard__headtext .pk-mcard__min { margin: 0; }
.pk-mcard__cap { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; color: #5a6785 !important; font-size: 12px; line-height: 1.6; text-decoration: none; }
a.pk-mcard__cap:hover { color: #1b2a94 !important; text-decoration: underline; }
@media (min-width: 1100px) { .pk-layout__side .pk-mcard__pic { flex-basis: 72px; width: 72px; height: 72px; } .pk-layout__side .pk-mcard__head { gap: 10px; } }

/* ================= 安心の帯を左カラムの下へ（PC）／狭い画面では並び順を維持 ================= */
@media (max-width: 1099px) {
	.pk-layout { display: flex; flex-direction: column; }
	.pk-layout__main { display: contents; }
	.pk-layout__main > .scj { order: 1; }
	.pk-layout__main > .pk-recent { order: 2; }
	.pk-layout__side { order: 3; }
	.pk-layout__main > .pk-trust { order: 4; width: 100%; box-sizing: border-box; }
}
@media (min-width: 1100px) {
	.pk-layout__main .pk-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: none; margin: 24px 0 0; }
}

/* ================= ヒーロー左右の商品コラージュ（広いPC画面のみ）================= */
.pk-collage { display: none; }
@media (min-width: 1360px) {
	.pk-hero > .pk-collage { display: block; position: absolute; inset: 0; z-index: 0; pointer-events: none; --t: min(132px, calc((50vw - 496px - 12px - 36px) / 2)); }
	.pk-collage__group { position: absolute; top: 44px; display: grid; grid-template-columns: repeat(2, var(--t)); gap: 12px; opacity: 0; transform: translateY(10px); transition: opacity .6s ease, transform .6s ease; }
	.pk-collage.is-ready .pk-collage__group { opacity: 1; transform: none; }
	.pk-collage__group--l { right: calc(50% + 496px); }
	.pk-collage__group--r { left: calc(50% + 496px); }
	.pk-tile { position: relative; display: block; width: var(--t); height: var(--t); overflow: hidden; border-radius: 16px; background: #fff; box-shadow: 0 10px 26px rgba(5,10,40,.35); pointer-events: auto; transition: transform .2s ease, box-shadow .2s ease; }
	.pk-tile img { display: block; width: 100%; height: 100%; object-fit: contain; }
	.pk-tile__price { position: absolute; left: 6px; bottom: 6px; padding: 2px 8px; border-radius: 999px; background: #0f1b4d; color: #fff; font-size: 12px; font-weight: 800; line-height: 1.6; }
	.pk-tile--0 { transform: rotate(-4deg); }
	.pk-tile--1 { transform: rotate(3deg); margin-top: calc(var(--t) * .28); }
	.pk-tile--2 { transform: rotate(3deg); }
	.pk-tile--3 { transform: rotate(-3deg); margin-top: calc(var(--t) * .28); }
	.pk-collage__group--r .pk-tile--0 { transform: rotate(4deg); }
	.pk-collage__group--r .pk-tile--1 { transform: rotate(-3deg); }
	.pk-tile:hover { transform: rotate(0) scale(1.06); box-shadow: 0 16px 34px rgba(5,10,40,.45); z-index: 3; }
}
@media (prefers-reduced-motion: reduce) { .pk-collage__group, .pk-tile { transition: none; } }

/* アクセサリ除外のお知らせ */
.scj .scj-accbar { margin: 8px 0 0; padding: 10px 14px; border: 1px dashed #c7cdea; border-radius: 10px; background: #f7f8fd; color: #3b4770; font-size: 13px; line-height: 1.7; }
.scj .scj-accbtn { margin-left: 8px; padding: 3px 12px; border: 1px solid #1b2a94; border-radius: 999px; background: #fff; color: #1b2a94; font-size: 12.5px; font-weight: 700; cursor: pointer; }
.scj .scj-accbtn:hover { background: #1b2a94; color: #fff; }

/* カテゴリで絞り込む */
.scj .scj-catbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 8px 0 0; }
.scj .scj-catlabel { color: #3b4770; font-size: 13px; font-weight: 700; }
.scj .scj-catbtn { padding: 6px 12px; border: 1px solid #c7cdea; border-radius: 999px; background: #fff; color: #1b2a94; font-size: 13px; font-weight: 700; cursor: pointer; }
.scj .scj-catbtn:hover { border-color: #1b2a94; }
.scj .scj-catbtn.is-on { border-color: #1b2a94; background: #1b2a94; color: #fff; }

.scj .scj-acclink { margin-left: 10px; color: #5a6785; font-size: 12.5px; text-decoration: underline; white-space: nowrap; }
.scj .scj-acclink:hover { color: #1b2a94; }

/* 「最近見た商品に追加しました」のお知らせ */
.pk-toast { position: fixed; left: 50%; bottom: 24px; z-index: 99999; display: flex; align-items: center; gap: 12px; max-width: calc(100vw - 32px); padding: 12px 14px 12px 18px; border-radius: 999px; background: #0f1b4d; color: #fff; font-size: 14px; font-weight: 700; box-shadow: 0 10px 28px rgba(15,27,77,.35); opacity: 0; transform: translate(-50%, 16px); pointer-events: none; transition: opacity .25s ease, transform .25s ease; }
.pk-toast.is-on { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.pk-toast__go { padding: 5px 14px; border: 0; border-radius: 999px; background: #ff8a00; color: #0f1b4d; font-size: 13px; font-weight: 800; cursor: pointer; }
@media (prefers-reduced-motion: reduce) { .pk-toast { transition: none; } }

/* 「現在地から設定」を目立たせる */
.scj .scj-geo { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 0 18px 0 14px; border: 2px solid #1b2a94; border-radius: 999px; background: #1b2a94 !important; color: #fff !important; font-size: 14px; font-weight: 800; letter-spacing: .02em; box-shadow: 0 3px 10px rgba(27,42,148,.16); transition: background .15s, color .15s, box-shadow .15s, transform .15s; }
.scj .scj-geo__icon { flex: 0 0 auto; color: #ffb04a; }
.scj .scj-geo:hover { background: #152270 !important; color: #fff !important; box-shadow: 0 6px 16px rgba(27,42,148,.35); transform: translateY(-1px); }
.scj .scj-geo:hover .scj-geo__icon { color: #ff8a00; }
.scj .scj-geo:focus-visible { outline: 3px solid #ff8a00; outline-offset: 2px; }
.scj .scj-geo.is-busy { opacity: .75; cursor: progress; }
.scj .scj-geo.is-busy .scj-geo__icon { animation: scj-pulse 1s ease-in-out infinite; }
@keyframes scj-pulse { 50% { transform: scale(1.25); } }
@media (prefers-reduced-motion: reduce) { .scj .scj-geo, .scj .scj-geo.is-busy .scj-geo__icon { transition: none; animation: none; transform: none; } }


/* 写真で探す（v0.8.0） */
.scj-qlabel { position: relative; display: block; }
.scj .scj-q.has-cam { padding-right: 58px; }
.scj .scj-cam { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin: 0; padding: 0; color: #fff; background: var(--scj-accent); border: 0; border-radius: 8px; cursor: pointer; }
.scj .scj-cam:hover { background: var(--scj-ink); }
.scj .scj-cam:focus-visible { outline: 3px solid #7d8ce0; outline-offset: 2px; }
.scj .scj-cam.is-busy { opacity: .5; pointer-events: none; }
.scj .scj-imgnote { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 10px 0 0; padding: 10px 12px; font-size: 14px; line-height: 1.6; color: var(--scj-ink); background: var(--scj-bg); border: 1px solid var(--scj-line); border-radius: 10px; }
.scj .scj-imgnote[hidden] { display: none; }
.scj .scj-imgnote img { width: 44px; height: 44px; object-fit: cover; border-radius: 6px; border: 1px solid var(--scj-line); }
.scj .scj-imgnote__msg { flex: 1 1 220px; margin: 0; }
.scj .scj-imgnote__sub { flex-basis: 100%; margin: 0; font-size: 12px; color: var(--scj-muted); }
.scj .scj-imgnote__alt, .scj .scj-imgnote__again { margin: 0; padding: 4px 12px; font-size: 13px; color: var(--scj-accent); background: #fff; border: 1px solid var(--scj-accent); border-radius: 999px; cursor: pointer; }
.scj .scj-imgnote__alt:hover, .scj .scj-imgnote__again:hover { background: #eef0fb; }

.scj .scj-cammenu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 20; min-width: 220px; padding: 6px; background: #fff; border: 2px solid var(--scj-ink); border-radius: 12px; box-shadow: 0 8px 24px rgba(15, 27, 77, .22); }
.scj .scj-cammenu[hidden] { display: none; }
.scj .scj-cammenu__item { display: block; width: 100%; margin: 0; padding: 14px 14px; font-size: 16px; font-weight: 600; text-align: left; color: var(--scj-ink); background: #fff; border: 0; border-radius: 8px; cursor: pointer; }
.scj .scj-cammenu__item + .scj-cammenu__item { border-top: 1px solid var(--scj-line); border-top-left-radius: 0; border-top-right-radius: 0; }
.scj .scj-cammenu__item:hover, .scj .scj-cammenu__item:focus-visible { background: #eef0fb; outline: none; }

/* 注意書き・クレジットはページ最下部へ（v0.8.5）。短い広告表示だけ検索欄の近くに残す */
.scj .scj-note--short { margin: 10px 0 0; }
.scj-foot { margin: 32px auto 0; max-width: 1100px; padding: 16px 0 0; border-top: 1px solid #cbd2ea; color: #4b5b6b; }
.scj-foot .scj-note { margin: 0; font-size: 12px; line-height: 1.8; color: #4b5b6b; }
.scj-foot .scj-credits { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 8px; font-size: 12px; }

/* 文の途中で折り返さない（文単位でまとめる） */
.scj-nb { display: inline-block; }
/* ヒーロー見出しの下の余白が大きすぎたため詰める */
.pk-hero .pk-hero__title { margin-bottom: 14px !important; }

/* トップの余白を詰める（v0.8.9）。テーマの段落の余白が、指定を上書きしていたため !important で戻す */
.pk-section-title { margin: 0 0 6px !important; }
.pk-section-sub { margin: 0 0 14px !important; }
.pk-recent__steps { margin: 0 !important; }
.pk-recent { padding: 16px 20px 14px; margin-top: 16px; }
.pk-recent__clear { margin-top: 8px; }
.pk-trust__item { padding: 14px 16px; }
.pk-trust__icon { margin-bottom: 8px; }
.pk-trust__title { margin: 0 0 3px !important; }
.pk-trust__text { margin: 0 !important; }
.pk-mcard__stats { margin: 6px 0 0 !important; }
.pk-market__note { margin: 12px 0 0 !important; }
.pk-layout__main .pk-trust { margin-top: 16px; }
.pk-mcard__min strong, .pk-mcard__minlabel { white-space: nowrap; }
.pk-mcard__min { flex-wrap: wrap; }

/* トップ以外のページ（はじめての方へ等）では、幅がせまいので2列 */
body:not(.front-top-page) .entry-content .pk-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: none; margin: 16px 0 28px; }

/* ================= トップ左カラムの下（使い方3ステップ／写真で探す／新着記事1本）v0.9.0 ================= */
.pk-steps, .pk-photo, .pk-latest5 { margin: 16px 0 0; padding: 16px 20px; border: 1px solid #dde2f3; border-radius: 16px; background: #fff; box-sizing: border-box; }
.pk-steps .pk-section-title, .pk-latest5 .pk-section-title { margin: 0 0 10px !important; }
.pk-steps__list { display: grid; gap: 10px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.pk-steps__list li { display: flex; gap: 12px; align-items: flex-start; margin: 0 !important; padding: 0 !important; }
.pk-steps__n { flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: #ff8a00; color: #fff; font-weight: 800; font-size: 14px; line-height: 28px; text-align: center; }
.pk-steps__body { display: flex; flex-direction: column; gap: 1px; min-width: 0; font-size: 12.5px; line-height: 1.6; color: #5a6785; }
.pk-steps__body b { color: #0f1b4d; font-size: 14.5px; font-weight: 800; }
.pk-steps__link { display: inline-block; margin-top: 12px; font-size: 13px; font-weight: 700; color: #1b2a94 !important; text-decoration: none; }
.pk-steps__link:hover { text-decoration: underline; }
.pk-photo { display: flex; align-items: center; gap: 14px; background: linear-gradient(135deg, #f3f5fb, #fff); }
.pk-photo[hidden] { display: none; }
.pk-photo__icon { flex: 0 0 48px; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; background: linear-gradient(135deg, #2a3bb5, #121e78); }
.pk-photo__icon svg { width: 26px; height: 26px; }
.pk-photo__body { flex: 1 1 auto; min-width: 0; }
.pk-photo__title { margin: 0 !important; color: #0f1b4d; font-size: 16px; font-weight: 800; line-height: 1.4; }
.pk-photo__text { margin: 2px 0 0 !important; color: #5a6785; font-size: 12.5px; line-height: 1.6; }
.pk-photo__btn { flex: 0 0 auto; margin: 0; padding: 10px 18px; font-size: 14px; font-weight: 800; color: #0f1b4d; background: #ff8a00; border: 2px solid #0f1b4d; border-radius: 10px; cursor: pointer; white-space: nowrap; }
.pk-photo__btn:hover { background: #ff9a26; }
@media (max-width: 1099px) {
	.pk-layout__main > .pk-steps { order: 3; }
	.pk-layout__main > .pk-photo { order: 4; }
	.pk-layout__side { order: 5; }
	.pk-layout__main > .pk-latest5 { order: 6; }
}
@media (max-width: 480px) { .pk-photo { flex-wrap: wrap; } .pk-photo__body { flex: 1 1 0; min-width: 140px; } .pk-photo__btn { flex: 1 1 100%; width: 100%; } }

/* 新着記事：左にアイキャッチ、右にタイトルと日付（5件）v0.9.2 */
.pk-latest5 .pk-latest5__list { display: block !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.pk-latest5 .pk-latest5__list > li { display: grid !important; grid-template-columns: 148px minmax(0, 1fr); column-gap: 14px; align-items: center; margin: 0 !important; padding: 12px 0 !important; border-top: 1px solid #eef0f8; background: none !important; border-radius: 0 !important; }
.pk-latest5 .pk-latest5__list > li:first-child { border-top: 0; padding-top: 2px !important; }
.pk-latest5 .wp-block-latest-posts__featured-image { grid-row: 1 / span 2; margin: 0 !important; float: none !important; max-width: none; }
.pk-latest5 .wp-block-latest-posts__featured-image a { display: block; }
.pk-latest5 .wp-block-latest-posts__featured-image img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 1200 / 630; object-fit: cover; border-radius: 8px; }
.pk-latest5 .wp-block-latest-posts__post-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; align-self: end; padding: 0 !important; color: #0f1b4d; font-size: 14.5px; font-weight: 800; line-height: 1.5; text-decoration: none; }
.pk-latest5 .wp-block-latest-posts__post-title:hover { color: #1b2a94; text-decoration: underline; }
.pk-latest5 .wp-block-latest-posts__post-date { display: block; align-self: start; padding: 4px 0 0 !important; color: #5a6785; font-size: 12px; }
.pk-latest5 .wp-block-buttons { margin-top: 12px; }
@media (max-width: 480px) { .pk-latest5 .pk-latest5__list > li { grid-template-columns: 112px minmax(0, 1fr); column-gap: 10px; } .pk-latest5 .wp-block-latest-posts__post-title { font-size: 13px; -webkit-line-clamp: 5; } }

/* スマホ：ヒーローを低くする（人気の探し物は横にスクロールする1行に）v0.9.4 */
@media (max-width: 640px) {
	.pk-hero { padding: 22px 16px 74px; }
	.pk-hero .pk-hero__eyebrow { margin: 0 0 10px !important; padding: 5px 14px; font-size: 13px; }
	.pk-hero .pk-hero__title { margin: 0 0 8px !important; }
	.pk-hero .pk-hero__lead { margin: 0 auto 14px !important; line-height: 1.7; }
	.pk-hero .pk-chips { flex-wrap: nowrap; justify-content: flex-start; gap: 6px; margin: 0 -16px; padding: 2px 16px 4px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; -webkit-mask-image: linear-gradient(90deg, #000 90%, transparent); mask-image: linear-gradient(90deg, #000 90%, transparent); }
	.pk-hero .pk-chips::-webkit-scrollbar { display: none; }
	.pk-hero .pk-chips__label { flex: 0 0 auto; margin-right: 2px; font-size: 12px; white-space: nowrap; }
	.pk-hero .pk-chips a { flex: 0 0 auto; padding: 6px 12px; font-size: 13px; white-space: nowrap; }
}