@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: #AB0000;
  --normal-text-color: #000;
  --bg-color: #F6F0DC;
  --nav-text-color: #AB0000;
  --nav-bg-color: #fff;
  --price-strong-text: #000;
  --shoplist-title-border-bottom: #820202;
  --search-ttl-color: #707070;
}

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

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

/* セールのときに使うcss
.item_basic_info {
  font-size: 0.875rem;
}

.item_price {
  font-size: 1rem;
}

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