@charset "UTF-8";

/* =======================================================================
  Pro
======================================================================= */

:root {

  /*==========================
  カラー
  ==========================*/
  /* メインカラー */
  --color-brand-main: #467C32;

  /* フォントカラー */
  --color-brand-font: #1C1C1C;

  /* 背景 */
  --color-brand-bg: #F3F5F0;

  /* ランキング */
  --color-brand-rankingRate-bg: var(--color-brand-main);

  /* ポイント */
  --color-brand-point-subTtl: #528D45;
  --color-brand-point-bg: #FFF;
  --color-brand-point-border: #D8DED4;

  /* SNS */
  --color-brand-path: #528D45;
  --color-brand-sns-bg: #F5F2EB;

  /* Slider */
  --color-brand-sliderDots: #E8E6E4;
  --color-brand-sliderDots-active: var(--color-brand-main);
  --color-brand-slider-arrow: var(--color-brand-main);
  --color-brand-slider-arrow-bg: rgba(275,275,275,.6);
  --color-brand-slider-arrow-border: var(--color-brand-main);
  --color-brand-slider-arrow-blendMix: initial;
  
  /* ページトップ */
  --color-brand-pageTop-bg: var(--color-brand-main);
  --color-brand-pageTop-border: var(--color-brand-main);
  --color-brand-pageTop-arrow: #FFF;

  /* 帯バナー */
  --color-brand-ticker-font: #FFF;
  --color-brand-ticker-bg: #528D45;

  /* ヘッダー */
  --color-brand-header-accent-main: #F5F5F5;
  --color-brand-header-accent-sub: #1C1C1C;
  --grid-cols-header-brand: repeat(6, 1fr);
  --grid-gap-header-brand: 2.4rem;
  --color-brand-purpose-bg01: #F3F5F0;
  --color-brand-purpose-bg02: #528D45;
  --cart-itemCount-brand-bg: #528D45;

  /* ヘッダー内ブランド分岐色1 */
  --color-menu-text-by-brand: #4c4948;
  
  /* 検索窓 ハッシュタグ */
  --advSearch-category-brand-bg: #86A572;
  
  /* フッター */
  --color-brand-footer-accent: #272C1F;

  /* 商品情報 */
  --itemNameClamp-brand: 2;
  
  /* チェックアイコン */
  --checkIcon-brand-inactive: url(../Contents/ImagesPkg/common/icon_check_pro.svg);
  --checkIcon-brand-active: url(../Contents/ImagesPkg/common/icon_check_active_pro.svg);

  /* ラジオアイオン */
  --radioIcon-brand-inactive: url(../Contents/ImagesPkg/common/icon_radio_prp.svg);
  --radioIcon-brand-active: url(../Contents/ImagesPkg/common/icon_radio_active_pro.svg);
  
}