@charset "UTF-8";

/* ----サイトカラー設定---- */

/* ヘッダーニュース */

#header-news {
  background: #000;
}

/* ボーダーカラー */

.border-color {
  border-color: #000000 !important;
}

/* テキストカラー */

.text-color {
  color: #da9f34 !important;
}

/* テキストホバー時カラー */

.text-hover-color {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.text-hover-color:hover {
  color: var(--cl-rd) !important;
}

/* 背景カラー */

.bg-color {
  background-color: var(--cl-rd) !important;
}
.bg-before-color:before {
  background-color: #000000 !important;
}
.bg-after-color:after {
  background-color: #000000 !important;
}

/* ボタンカラー */

.btn-default {
  border: 1px solid var(--cl-rd);
  color: var(--cl-rd);
  background-color: #ffffff;
}
.btn-primary {
  color: #fff;
  background-color: var(--cl-rd);
}
#cart_gift {
  color: #fff;
  background-color: #000000 !important;
}
.btn-secondary {
  color: #fff;
  background-color: #666;
}
.btn-danger {
  color: #fff;
  background-color: var(--cl-rd);
}

/* ヘッダー(パターン2)/Login背景カラー */

.header-pt2 .block-globalnav--item-list > li.block-globalnav--login > a,
.header-pt2 .block-globalnav--item-list > li.block-globalnav--login div {
  background-color: var(--cl-rd);
}

/* 一覧ページ/絞り込み(表示方法)アクティブ */

.block-goods-list--display-style-items .active,
.block-goods-list--sort-order-items .active {
  background-color: var(--cl-rd);
  color: #ffffff !important;
}

/* 一覧ページ/ページャーアクティブ */

.pagination > li.pager-current span {
  background-color: var(--cl-rd) !important;
  color: #ffffff !important;
}

/* マイページ/リンクホバー */

.block-mypage--shopping-info-items li dt a:hover,
.block-mypage--member-info-items li dt a:hover,
.block-mypage--inquiry-info-items li dt a:hover,
.block-mypage--snssync-info-items li dt a:hover {
  color: var(--cl-rd);
}

/* モーダルヘッダー */

.modal-header {
  background: var(--cl-bk) !important;
}

/* ラジオ,チェックボックス */

input[type="radio"]:checked + label {
  color: var(--cl-rd);
}
input[type="radio"]:checked + label::after {
  background: var(--cl-rd);
}
input[type="checkbox"]:checked + label {
  color: var(--cl-rd);
}
input[type="checkbox"] + label::after {
  border-bottom: 2px var(--cl-rd) solid;
  border-left: 2px var(--cl-rd) solid;
}

/* 左メニュー/絞り込み表示 */

.pane-left-menu #block_of_filter {
  display: none;
}

/* 左メニュー/現在地 */

.block-category-tree--item__open > a,
.block-genre-tree--item__open > a {
  background-color: #fdf4f4;
  font-weight: 700;
}