@charset "UTF-8";

/*---- サイトカラー設定 ----*/
:root {
  /* Global */
  --col_MypreBlue: #00578e;
  --col_MypreBlue: #00467f;
  --col_Gold: #dd9165;
  --col_Gold: #baa66d;

  /*-- 背景カラー --*/
  --col_Background: #7c8881;
  --col_Background: #fff;
  --col_Background: #fffffd;
  --col_paleGray: #f5f5f5;
  --col_paleGray: rgb(0 0 0 /.04);
  --col_columnBg: #516369;
  --col_columnBg: #faf7f7;

  /*-- 本文カラー --*/
  --cl-br: #fff;
  --cl-br: #433d37;
  --cl-dn: #d9534f;

  /*-- 見出しカラー --*/
  --cl-heading: #444;

  /*-- リンクカラー --*/
  --cl-a: #ffffffaa;
  --cl-a: #433d37;

  /*-- Scenes --*/
  --col_ScGift: #ffb339;
  --col_ScBabygift: #b19b7b;
  --col_ScBridal: #b9d5bb;
  --col_ScMemorial: #c79ad1;
  --col_ScCorpgift: #9ca7bc;
}

/* カラークラス */
.cl_cl-dn { color: var( --cl-dn ) !important; }
.bg_cl-dn { background: var( --cl-dn ); }

/* ニュース */
#header-news {
  background: #fff linear-gradient(var( --col_paleGray ) 0, var( --col_paleGray ));
}

/* ボーダーカラー */
.border-color {
  border-color: var( --col_MypreBlue ) !important;
}

/* テキストカラー */
.text-color {
  color: var( --col_MypreBlue ) !important;
}

/* 背景カラー */
.bg-color {
  background: var( --col_MypreBlue ) !important;
}

.bg-before-color::before {
  background: var( --col_MypreBlue ) !important;
}

.bg-after-color::after {
  background: var( --col_MypreBlue ) !important;
}

/* ボタンカラー */
.btn-default {
  color: #444 !important;
  background-color: #e5e5e5 !important;
}

.btn-primary {
  color: #fff !important;
  background-color: #dd9165 !important;
  background-blend-mode: color-burn;
  background-image: linear-gradient(90deg, transparent 0, color-mix(in srgb, var( --col_Gold ) 30%, transparent));
}

.btn-secondary {
  color: #fff !important;
  background-color: #666 !important;
}

.btn-danger {
  color: #fff !important;
  background-color: #d9534f !important;
}

/* 一覧ページ/絞り込み(表示方法)アクティブ */
.block-goods-list--display-style-items .active {
  color: var( --col_Gold ) !important;
}

/* 一覧ページ/ページャーアクティブ */
.pagination > li.pager-current {
  background: var( --col_MypreBlue ) !important;
}

/* 絞り込み/選択済アイテム */
.block-filter--treeitem-selected {
  color: #fff;
}

.block-filter--header {
  background: var( --col_Gold ) !important;
  background-blend-mode: color-burn;
  background-image: linear-gradient(90deg, transparent 0, color-mix(in srgb, var( --col_Gold ) 30%, transparent));
}

/* モーダルヘッダー */
.modal-header {
  background: var( --col_MypreBlue ) !important;
}

/* ラジオ,チェックボックス */
input[type="radio"]:checked + label {
  color: var( --col_MypreBlue );
  font-weight: 600;

  &::after {
    background: var( --col_MypreBlue );
  }
}
input[type="checkbox"]:checked + label {
  color: var( --col_MypreBlue );
  font-weight: 600;
}
input[type="checkbox"] + label::after {
  border-bottom: 2px var( --col_MypreBlue ) solid;
  border-left: 2px var( --col_MypreBlue ) solid;
}