@charset "utf-8";
/* キャンペーンごとのカスタム用css */
/*
--main-text-color：メインで使う特定の色のテキスト色
--normal-text-color：普通のテキスト色(普通は黒を使うところ)
--bg-color：背景色
--nav-text-color：カテゴリ部分のテキスト色
--nav-bg-color：カテゴリ部分の背景色
--price-strong-text：価格部分の強調する時の色
--shoplist-title-border-bottom：SHOP LIST部分の下部の色
--search-ttl-color: カテゴリnavと「選択をクリア」の文字色
*/

:root {
  --main-text-color: #fff;
  --normal-text-color: #000;
  --bg-color: #e70012;
  --nav-text-color: #000;
  --nav-bg-color: #fff;
  --price-strong-text: #DD0045;
  --shoplist-title-border-bottom: #AB0036;
  --search-ttl-color: #fff;
}

/* 「選択をクリア」の前にある丸矢印の画像の色を変えたい時に使う　これを使用する時には画像をディレクトリ内のimg/に配置してください*/
.clear_btn::before {
  background: url(../img/icon-clear.svg);
}


/* カテゴリのタイトルの前にある画像の色を変えたい時に使う　これを使用する時には画像をディレクトリ内のimg/に配置してください*/
.search_ttl::before {
  background: url(../img/icon-filter.svg);
}

.item_basic_info {
  font-size: 0.875rem;
}

.item_price {
  font-size: 1rem;
}

.item_price span.main_price {
  font-size: 1.2rem;
}

.access_area_inner {
  color: var(--normal-text-color);
}

/* 該当する情報がみつかりませんでした。 */
.no_info {
  color: var(--main-text-color);
}
