/* 特集の「買い物の型」の部品(2026-10-30・server・見た目 design 99ee04f design/tokushu_shop の .ks- の css・部品 tokushu_shop_parts.php)。
   頭・パンくず・h1・目次(A)・h2 は kn-tokushu.css のまま。カードの値段の所は高さを決めてある(104px)＝値段のある・無いでカードの高さが同じ。 */
.ks-pg .ks-sub{font-size:15px;font-weight:700;color:#1F2937;margin:18px 0 10px;padding-left:10px;border-left:4px solid #1D4E89}
.ks-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:12px 0 6px}
.ks-cards.n1{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.ks-cards.n2{grid-template-columns:repeat(3,1fr)}
.ks-card{display:flex;flex-direction:column;border:1px solid #DADCE0;border-radius:10px;background:#fff;padding:12px;color:#1F2937;min-width:0}
.ks-img{aspect-ratio:4/3;background:#EEF1F5;border-radius:6px;overflow:hidden;margin-bottom:10px}
.ks-img img{display:block;width:100%;height:100%;object-fit:cover}
.ks-img.ph{background:#fff}.ks-img.ph img{object-fit:contain}
.ks-mk{font-size:12px;color:#4B5563;line-height:1.4}
.ks-nm{font-size:15px;font-weight:700;line-height:1.45;margin:2px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.ks-md{font-size:12.5px;color:#4B5563;line-height:1.4;min-height:1.4em}
.ks-pr{font-size:13px;color:#1D4E89;font-weight:700;line-height:1.4;margin:6px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ks-pz{min-height:104px;border-top:1px solid #ECEEF1;padding-top:8px;margin-bottom:10px}
.ks-pl{font-size:12px;color:#4B5563;line-height:1.4}
.ks-pv{font-size:24px;font-weight:800;color:#1F2937;line-height:1.25;letter-spacing:.01em}.ks-pv small{font-size:14px;font-weight:700;margin-left:2px}
.ks-at{font-size:13.5px;font-weight:700;color:#1F2937;line-height:1.45;margin-top:2px}
.ks-tx{font-size:11.5px;color:#4B5563;line-height:1.4;margin-top:2px}
.ks-pg a.ks-go{margin-top:auto;display:block;text-align:center;border:1.5px solid #1D4E89;border-radius:8px;padding:9px 0;color:#1D4E89;font-weight:700;font-size:15px;background:#fff;text-decoration:none}
.ks-pg .ks-more{text-align:right;margin:8px 0 26px}.ks-pg .ks-more a{color:#1A5FB4;font-weight:700;text-decoration:none}
.ks-toc{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 26px}
.ks-pg .ks-toc a{display:flex;align-items:center;justify-content:space-between;border:1px solid #CFDCEB;background:#F3F7FC;border-radius:8px;padding:12px 14px;color:#1D4E89;font-weight:700;text-decoration:none}.ks-toc i{font-style:normal}
.ks-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:0 0 6px}
.ks-pg a.ks-tile{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid #DADCE0;border-radius:10px;background:#fff;padding:12px 4px 10px;color:#1F2937;text-decoration:none;font-size:13px;font-weight:700;text-align:center;line-height:1.35}
.ks-tile img{background:#EEF4FC;border-radius:28px}
.ks-pg .ks-note{font-size:12.5px;color:#4B5563;margin-top:24px}
@media(max-width:599px){
 .ks-cards,.ks-cards.n1,.ks-cards.n2{grid-template-columns:1fr;gap:12px}
 .ks-card{display:grid;grid-template-columns:112px 1fr;column-gap:12px;align-items:start}
 .ks-card .ks-img{grid-row:1/span 5;margin:0}
 .ks-card .ks-pz,.ks-card .ks-go{grid-column:1/-1}
 .ks-nm{min-height:2.9em}
 .ks-toc{grid-template-columns:1fr}
 .ks-tiles{grid-template-columns:repeat(3,1fr)}
}