@charset "UTF-8";

/* ----サイトカラー設定---- */
body {
  color: #222;
}

/* ヘッダー */

.header-pt2 #header.active:after {
    background-color: unset;
}
#header-news {
  background: #dbdbdb;
}
#header-news p {
    color: #222;
}
.header-pt2 .block-headernav--cart-count {
    background: #ffae3e;
}
/* ボーダーカラー */

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

/* テキストカラー */

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

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

.text-hover-color {
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
.text-hover-color:hover {
  color: #f9c40e;
}
a:hover {
  color: #f9c40e;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  font-weight: bold;
}
.pane-footer a:hover {
  color: #fff;
}


/* 背景カラー */

.bg-color,
.pane-footer {
  background-color: #d5d5d5;
}
.bg-before-color:before {
  background-color: #000000 !important;
}
.bg-after-color:after {
  background-color: #17c6e0 !important;
}

/* ボタンカラー */

.btn-default {
  color: #222;
  background-color: #d5d5d5;
  border-radius: 5px;
  /* width: 100%; */
  font-size: 14px;
}
.btn-default:hover {
  color: #333 !important;
}
.btn-primary {
  color: #222!important;
  background-color: #f9c40e!important;
  font-weight: bold;
  border-radius: 5px;
}
.btn-primary:hover {
  color: #222 !important;
}

#cart_gift {
  color: #fff;
  background-color: #222 !important;
}
.btn-secondary {
  color: #fff;
  background-color: #222;
  border-radius: 5px;
}
.btn-secondary:hover {
  color: #fff !important;
}

.btn-tertiary {
  color: #222 !important;
  background-color: #fff !important;
  border-radius: 5px!important;
  outline: solid 2px #222 !important;
  outline-offset: -2px;
}

.btn-danger {
  color: #fff;
  background-color: #f87d83;
}
.block-jscart--cart-to-order a {
  background-color: #f9c40e;
  color: #fff !important;
}


/* ヘッダー(パターン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: #222; */
    /* color: #ffffff; */
}

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

.block-goods-list--display-style-items .active,
.block-goods-list--sort-order-items .active {
  background-color: #222;
  color: #ffffff !important;
}

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

.pagination > li.pager-current span {
  background-color: #222 !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: #666 !important;
}

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

.modal-header {
  background: #222 !important;
}

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

input[type="radio"]:checked + label {
  color: #17c6e0;
}
input[type="radio"]:checked + label::after {
  background: #17c6e0;
}
input[type="checkbox"]:checked + label {
  color: #17c6e0;
}
input[type="checkbox"] + label::after {
  border-bottom: 2px #17c6e0 solid;
  border-left: 2px #17c6e0 solid;
}

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

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

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

.block-category-tree--item__open > a,
.block-genre-tree--item__open > a {
  font-weight: bold;
  border-left: 5px solid #222;
  box-sizing: border-box;
  padding-left: 5px;
}
.block-category-tree--level-2 {
  background-color: #fffaf0;
}
.block-category-tree--level-3 {
  background-color: #fff;
}
.block-category-tree--level-3 .block-category-tree--item__open > a {
  padding-left: 0;
}

/* コンテンツタイトル */

.block-recent-item--header:after {
  background-color: #17c6e0;
}

/* トピック */
.block-top-topic--next-page a {
  color: #222;
}

/* 最近チェックした商品 */
.block-cart-recent-item--keep-history a {
  color: #17c6e0;
}
.block-cart-recent-item--header:after {
  background-color: #17c6e0;
}
.block-brand-recent-item--keep-history a {
  color: #17c6e0;
}

/* カテゴリコメント */
.block-genre-page--comment,
.block-category-list--comment,
.block-event-page--comment {
  background-color: #fdf5e6;
  padding: 10px 20px;
}

/* まとめ買い */
.matome {
  margin-bottom: 10px;
  background-color: #ebf6f7;
  padding: 15px;
  font-size: 9px;
  border-radius: 5px;
}
.matome b {
  padding: 0px 0 5px 0;
  display: block;
  font-size: 10px;
  border-bottom: solid;
  border-width: 1px;
}
.btn-matome{
    color: #fff;
    background-color: #cadde0;
    border-radius: 5px!important;
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin-top: 10px;
}
.matome2 {
  margin-bottom: 10px;
  background-color: #ebf6f7;
  padding: 15px;
  text-decoration: none;
}
.matome2 b {
  padding: 10px;
  /*border-right: solid;
  border-width: 1px;*/
}
.matome2 a {
  text-decoration: none !important;
}
.block-regular-purcharse-list--detail-item-list-amount {
  color: #222;
}


/* 価格カラー */
.price,
.price-text {
  color: #a90000;
}