@charset "UTF-8";

/* =======================================================================
  Comprehensive
======================================================================= */

:root {

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

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

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

  /* ランキング */
  --color-brand-rankingRate-bg: var(--color-brand-main);
  
  /* ポイント */
  --color-brand-point-subTtl: #888;
  --color-brand-point-bg: #FFF;
  --color-brand-point-border: #EAEAEA;

  /* SNS */
  --color-brand-path: #6A6A6A;
  --color-brand-sns-bg: #F5F2EB;

  /* Slider */
  --color-brand-sliderDots: #888;
  --color-brand-sliderDots-active: var(--color-brand-main);
  --color-brand-slider-arrow: #FFF;
  --color-brand-slider-arrow-bg: rgba(28,28,28,.7);
  --color-brand-slider-arrow-border: transparent;
  --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: var(--color-brand-font);
  --color-brand-ticker-bg: #EAEAEA;

  /* ヘッダー */
  --color-brand-header-accent-main: #363636;
  --color-brand-header-accent-sub: #FFF;
  --grid-cols-header-brand: repeat(7, 1fr);
  --grid-gap-header-brand: 1rem;
  --color-brand-purpose-bg01: #F8F8F8;
  --color-brand-purpose-bg02: #1C1C1C;
  --cart-itemCount-brand-bg: #AAA;

  /* ヘッダー内ブランド分岐色1 */
  --color-menu-text-by-brand: #1c1c1c;
  
  /* 検索窓 ハッシュタグ */
  --advSearch-category-brand-bg: #888;

  /* フッター */
  --color-brand-footer-accent: #1C1C1C;

  /* 商品情報 */
  --itemNameClamp-brand: 2;

  /* チェックアイコン */
  --checkIcon-brand-inactive: url(../Contents/ImagesPkg/common/icon_check_comprehensive.svg);
  --checkIcon-brand-active: url(../Contents/ImagesPkg/common/icon_check_active_comprehensive.svg);

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



}