﻿@charset "UTF-8";

/* ----サイトカラー設定---- */

/*font*/
.block-top-topic--header, .top-feature-title h2, .block-top-event--header, .top-showroom-title, .block-recent-item--header, .page-category .pane-main h1, .page-category .pane-main .h1 {
  font-family: 'Trajan Pro', serif;
}

/* ヘッダー */

header #header-nav {
    background: #0a1e5a;
}
header .header-li-gr a:hover {
    background-color: #fff;
    color: #0a1e5a;
}
#header-news {
  background: #000;
}
#notice-top, header #header-main #header-search .block-global-search--submit, .block-top-topic--next-page a, #footer-top {
    background-color: #e8ecef;
}
#footer-nav {
    background-color: #0a1e5a;
}
header .header-li-br {
    background-color: #73675b;
}
header .header-li-gr {
    background-color: #0a1e5a;
}
header .block-headernav--cart-count {
    background-color: #73675b;
}
/* ボーダーカラー */

.border-color {
  border-color: #000000 !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: #73675b !important;
}
a:hover {
  color: #73675b !important;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

/* 背景カラー */

.bg-color,
.pane-footer {
  background-color: #73675b !important;
}
.bg-before-color:before {
  background-color: #000000 !important;
}
.bg-after-color:after {
  background-color: #000000 !important;
}
.block-cart--procedure-container {
  background-color: #e8ecef;
}
/* ボタンカラー */

.btn-default {
  color: #333;
  background-color: #e8ecef;
}
.btn-primary {
  color: #fff;
  background-color: #0a1e5a;
}
#cart_gift {
  color: #fff;
  background-color: #73675b !important;
}
.btn-secondary {
  color: #fff;
  background-color: #666;
}
.btn-danger {
  color: #fff;
  background-color: #73675b;
}


/* ヘッダー(パターン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: #73675b;
}

/* 一覧ページ/絞り込み(表示方法)アクティブ */

.block-goods-list--display-style-items .active,
.block-goods-list--sort-order-items .active {
  background-color: #73675b;
  color: #ffffff !important;
}
.block-goods-list--display-style-items, .block-goods-list--sort-order-items {
  border-top: 1px solid #ddd;
}
.block-goods-list--display-style-items dt, .block-goods-list--sort-order-items dt {
  background-color: #e8ecef;
}

/* 一覧ページ/ページャーアクティブ */
.pager-current {
    background: #73675b;
}
.pagination > li.pager-current span {
  background-color: #73675b !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: #73675b;
}

/* モーダルヘッダー */

.modal-header {
  background: #73675b !important;
}

/* ラジオ,チェックボックス */

input[type="radio"]:checked + label {
  color: #73675b;
}
input[type="radio"]:checked + label::after {
  background: #73675b;
}
input[type="checkbox"]:checked + label {
  color: #73675b;
}
input[type="checkbox"] + label::after {
  border-bottom: 2px #73675b solid;
  border-left: 2px #73675b solid;
}

/* 左メニュー/絞り込み表示 */

.pane-left-menu #block_of_filter {
  display: none;
}

/* 左メニュー/現在地 */

.block-category-tree--item__open > a,
.block-genre-tree--item__open > a {
  color: #0a1e5a;
  font-weight: bold;
}

/*others*/
.block-topic-path--list a {
  text-decoration: none;
}
.pane-left-menu #block_of_genretree .block-genre-tree--level1 > .block-genre-tree--item {
  border-top: 1px solid #000;
}
.block-category-list--comment {
    margin-bottom: 40px;
}

.block-goods-gallery ul li .active {
    opacity: 0.5;
}
.block-order-flow--step-current {
  background-color: #000!important;
}
.block-order-flow--step-current:after {
    border-left: 25px solid #000!important;
}