@charset "UTF-8";
@import url("./design.css");

/* ===================================================
   1. 中央の商品一覧の鍵画像をすべて「大きく見やすい高さ（95px）」に統一
   =================================================== */
.item_list img,
.item-list img,
.pickup_list img,
.pickup-list img,
a[href*="detail"] img,
img[src*="item"],
img[src*="goods"] {
  height: 95px !important;
  width: auto !important;
  max-width: 170px !important;
  object-fit: contain !important;
  background-color: #ffffff !important;
  display: block !important;
  margin: 0 auto 6px auto !important;
}

/* ===================================================
   2. 右側の「人気の合鍵（王冠アイコンと同じ小枠内）」だけを小さくする
   （※ページ全体に波及しないよう、小枠に限定）
   =================================================== */
li:has(img[src*="rank"]) img,
dl:has(img[src*="rank"]) img,
tr:has(img[src*="rank"]) img,
div:not(:has(h1, h2, h3, table)):has(> img[src*="rank"]) img,
li:has(img[src*="crown"]) img,
dl:has(img[src*="crown"]) img,
.rank img,
.ranking img,
ol img[src*="item"],
ol img[src*="goods"] {
  height: auto !important;
  max-height: 32px !important;
  width: auto !important;
  max-width: 55px !important;
  margin: 0 !important;
  display: inline-block !important;
  background-color: transparent !important;
}

/* ===================================================
   3. 左メニュー・ヘッダー・バナー画像は元のサイズに保つ
   =================================================== */
#left img, .left img, #header img, .header img,
img[src*="banner"], img[src*="card"], img[src*="pay"], img[src*="logo"],
a[href*="form"] img, a[href*="line"] img {
  height: auto !important;
  max-height: none !important;
  max-width: 100% !important;
}