/* 太田美品通商 WEBショップ：一覧のカード表示（2026/10/31）。一覧の型（Shopping_02Search / 02S / 03List .PLT）から読み込み */
.itemlist ul.okk-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;padding:0;margin:0;list-style:none}
.itemlist li.okk-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dee2e6;border-top:4px solid #ddd;margin:0;padding:0;font-size:13px;line-height:1.55;color:#333;min-width:0}
.itemlist li.okk-card.okk-li{border-left:1px solid #dee2e6;padding-left:0}
.itemlist li.okk-card.st-rb{border-top-color:#1e8e3e}.itemlist li.okk-card.st-mr{border-top-color:#ef7d00}.itemlist li.okk-card.st-new{border-top-color:#1a63d6}
.okk-card .okk-ph{text-decoration:none!important;display:flex;align-items:center;justify-content:center;height:150px;background:#f7f7f7;overflow:hidden}
.okk-card .okk-ph img{max-width:100%;max-height:150px;object-fit:contain;float:none;width:auto;margin:0}
.okk-card .okk-cb{display:flex;flex-direction:column;gap:4px;padding:8px 10px 10px;flex:1}
.okk-card .okk-lbl{display:none}
.okk-card .okk-tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-height:20px}
.okk-card .okk-nm{font-weight:bold;font-size:14px;line-height:1.45;color:#333;text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.okk-card .okk-nm:hover{text-decoration:underline}
.okk-card .okk-mk{font-size:12px;color:#86827d}
.okk-card .okk-meta{font-size:12px;color:#555;word-break:break-all}
.okk-card .okk-price{font-size:20px;font-weight:bold;color:#d9301e;margin-top:auto;padding-top:4px}
.okk-card .okk-price small{font-size:11px;color:#86827d;font-weight:normal}
.okk-card .okk-price .saleprice{display:block;font-size:14px}
.okk-card .okk-code{font-size:11px;color:#999}
.okk-card .okk-old{display:none}
.okk-card .okk-zk{margin:2px 10px 10px;max-width:none}
.okk-card .okk-zkbtn{width:100%;text-align:center;padding:7px 8px;font-size:13px;box-sizing:border-box}
.okk-card .txtred{display:block;color:#d9301e;font-weight:bold}
@media (max-width:560px){
 .itemlist ul.okk-cards{grid-template-columns:1fr 1fr;gap:8px}
 .okk-card .okk-ph{height:120px}.okk-card .okk-ph img{max-height:120px}
 .okk-card .okk-cb{padding:6px 8px 8px}
 .okk-card .okk-nm{font-size:13px}
 .okk-card .okk-price{font-size:17px}
 .okk-card .okk-zk{margin:2px 8px 8px}
}