/*
  カスタムプロパティ
*/
:root {

  /* カラー設定（テキスト） */
  --color-main-text: #000;
  --color-sub-text: #2d2627;
  /* 文字など */
  --color-white: #fff;
  --color-main-blue: #006dd2;
  --color-sub-blue: #00a0e9;

  /* カラー設定（背景、枠線 ※テキストと同じ色は割愛） */
  --color-bg-black: #222;
  /* 私たちが100年かけて 磨いてきたこと */
  --color-bg-blue-01: #4c99df;
  --color-bg-blue-02: #338adb;
  --color-bg-blue-03: #197cd6;
  /* 商品情報の背景 */
  --color-bg-gray: #6c7780;
  /* 取扱商品の背景 */
  --color-bg-light-gray: #f3f5f5;
  /* 新着,商品情報枠線 */
  --color-border: #d1dae1;
  /* 取扱商品の枠線 */
  --color-border-02: #d6dddd;

  /* フォント設定 */
  --font-noto-sans: 'Noto Sans', sans-serif;
  /* 英数字 */
  --font-roboto: "Roboto", sans-serif;

  /* コンテンツ幅設定 */
  --content-width-sp: 768px;
  --content-width-contents: 1499px;

  /* ホバー処理設定 */
  --hover-opacity: 0.6;
  --hover-duration: 0.3s;
  --hover-timing: ease;

  /* アニメーション設定 */
}