@charset "UTF-8";
@media screen and (max-width: 767px) {
  .isSp {
    display: block;
  }
  .isPc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .isSp {
    display: none;
  }
  .isPc {
    display: block;
  }
}
/* ----サイトカラー設定---- */
/* ヘッダーニュース */
#header-news {
  background: #575860;
}
/* ボーダーカラー */
.border-color {
  border-color: #000 !important;
}
/* テキストカラー */
.text-color {
  color: #da9f34 !important;
}
/* テキストホバー時カラー */
.text-hover-color {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.text-hover-color:hover {
  color: #4d4494 !important;
}
a:hover {
  opacity: 0.7;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
/* 背景カラー */
.bg-color {
  background-color: #4d4494 !important;
}
.pane-footer {
  background-color: #575860 !important;
}
.bg-before-color:before {
  background-color: #000 !important;
}
.bg-after-color:after {
  background-color: #000 !important;
}
/* ボタンカラー */
.btn-default {
  color: #333;
  background-color: #e5e5e5;
}
.btn-primary {
  color: #fff;
  background-color: #01a0ae;
}
#cart_gift {
  color: #fff;
  background-color: #000 !important;
}
.btn-secondary {
  color: #fff;
  background-color: #666;
}
.btn-danger {
  color: #fff;
  background-color: #01a0ae;
}
.block-top-body--body .slick-arrow {
  color: #fff;
  background-color: #01a0ae;
}
/* ヘッダー(パターン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: #01a0ae;
}
/* 一覧ページ/絞り込み(表示方法)アクティブ */
.block-goods-list--display-style-items .active,
.block-goods-list--sort-order-items .active {
  background-color: #01a0ae;
  color: #fff !important;
}
/* 一覧ページ/ページャーアクティブ */
.pagination > li.pager-current span {
  background-color: #01a0ae !important;
  color: #fff !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: #01a0ae;
}
/* モーダルヘッダー */
.modal-header {
  background: #01a0ae !important;
}
/* ラジオ,チェックボックス */
input[type="radio"]:checked + input + label,
input[type="radio"]:checked + label {
  color: #01a0ae;
}
input[type="radio"]:checked + input + label::after,
input[type="radio"]:checked + label::after {
  background: #01a0ae;
}
input[type="checkbox"]:checked + input + label,
input[type="checkbox"]:checked + label {
  color: #01a0ae;
}
input[type="checkbox"] + input + label::after,
input[type="checkbox"] + label::after {
  border-bottom: 2px #01a0ae solid;
  border-left: 2px #01a0ae solid;
}
/* 左メニュー/絞り込み表示 */
.pane-left-menu #block_of_filter {
  display: none;
}
/* 左メニュー/現在地 */
.block-category-tree--item__open > a,
.block-genre-tree--item__open > a {
  color: #01a0ae;
  font-weight: bold;
}

/*# sourceMappingURL=color.css.map */