@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: #AB0000;
  --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;
}

/* category_0 に当てるCSS */
.category_item[data-categoryid="category_0"],
.menu_category_item[data-categoryid="category_0"] {
  background-color: #fff;
  border: 2px solid #EE82B6;
  color: #EE82B6;
  font-weight: bold;
}

.category_item.active[data-categoryid="category_0"],
.menu_category_item.active[data-categoryid="category_0"] {
  background-color: #EE82B6;
  border: 2px solid #EE82B6;
  color: #fff;
}

/* category_1 に当てるCSS */
.category_item[data-categoryid="category_1"],
.menu_category_item[data-categoryid="category_1"] {
  background-color: #fff;
  border: 2px solid #74C9A3;
  color: #74C9A3;
  font-weight: bold;
}
.category_item.active[data-categoryid="category_1"],
.menu_category_item.active[data-categoryid="category_1"] {
  background-color: #74C9A3;
  border: 2px solid #74C9A3;
  color: #fff;
}

.shopitem_category.south {
  background-color: #74C9A3;
  border: 1px solid #74C9A3;
  color: #fff;
}

.shopitem_category.north {
  background-color: #EE82B6;
  border: 1px solid #EE82B6;
  color: #fff;
}