@charset "UTF-8";

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


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

#header-news {
  background: #000;
}

/* ボーダーカラー */

.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;
}

a {
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

a:hover {
  /* color: #e73a63 !important; */
  opacity: .6;
}

/* 背景カラー */

.bg-color {
  background-color: #e73a63 !important;
}

.bg-before-color:before {
  background-color: #000000 !important;
}

.bg-after-color:after {
  background-color: #000000 !important;
}

/* ボタンカラー */

.btn-default {
  color: #333;
  background-color: #e5e5e5;
}

.btn-primary {
  color: #fff;
  background-color: #003366;
}

#cart_gift {
  color: #fff;
  background-color: #000000 !important;
}

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

.btn-danger {
  color: #fff;
  background-color: #003366;
}

.block-top-body--body .slick-arrow {
  color: #fff;
  background-color: #e73a63;
}

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

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

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

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

.pagination>li.pager-current span {
  background-color: #848484 !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: #e73a63;
} */

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

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

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

input[type="radio"]:checked+input+label,
input[type="radio"]:checked+label {
  color: #e73a63;
}

input[type="radio"]:checked+input+label::after,
input[type="radio"]:checked+label::after {
  background: #e73a63;
}

/* input[type="checkbox"]:checked + input + label ,
input[type="checkbox"]:checked + label {
  color: #e73a63;
} */
input[type="checkbox"]+input+label::after,
input[type="checkbox"]+label::after {
  border-bottom: 2px #e73a63 solid;
  border-left: 2px #e73a63 solid;
}

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

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

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

/* .block-category-tree--item__open > a,
.block-genre-tree--item__open > a {
  color: #e73a63;
  font-weight: bold;
} */

/* css調整 */
.panel {
  border: none;
}
.optimaized-h1 {
  font-size: 12px;
  margin: 0 0 32px;
}
.btn-default {
  font-size: 11px;
  font-weight: 600;
  border: 1px solid #d1d1cf;
  border-radius: 50px;
  padding: 11px;
  background: transparent;
}
a.btn-default {
  color: #393939;
  border-radius: 4px;
  border: 1px solid #393939;
  padding: 8px 20px;
}
button.btn-default {
  color: #393939;
  border-radius: 4px;
  border: 1px solid #393939;
  padding: 8px 20px;
}
input[value="input button tag"] {
  color: #fff;
  background: #333;
  border-radius: 4px;
  padding: 8px 20px;
  border: none;
}
input[value="input submit tag"] {
  color: #fff;
  background: #013366;
  border-radius: 4px;
  padding: 8px 20px;
  border: none;
}
input[value="警告を表示する"] {
  color: #d80100;
  background: #fff;
  border: 1px solid #d80100;
  border-radius: 4px;
  padding: 6px 14px;
  font-size: 12px;
}
input[value="show"] {
  font-size: 11px;
  font-weight: 600;
  background: #fff;
  border: 1px solid #d1d1cf;
  border-radius: 50px;
  padding: 11px;
}
.btn-primary {
  font-size: 11px;
  font-weight: 600;
  background: #c2a85c;
  border-radius: 50px;
  padding: 11px;
}
.btn-danger {
  color: #d80100;
  font-size: 11px;
  font-weight: 600;
  background: #fff;
  border: 1px solid #d80100;
  border-radius: 50px;
  padding: 11px;
}
input[value="前の画面に戻る"].btn-default {
  font-size: 11px;
  font-weight: 600;
  background: #fff;
  border: 1px solid #d1d1cf;
  border-radius: 50px;
  padding: 11px;
}
input[value="注文を確定する"].btn-primary {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  background: #036;
  border: none;
  border-radius: 50px;
  padding: 11px;
}
.btn-default:has(.block-icon-image-small) {
  border: 1px solid #d1d1cf;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 0;
  display: -ms-inline-grid;
  display: inline-grid;
  place-content: center;
}
.btn-default.active {
  font-weight: 500;
  font-weight: 600;
  border-radius: 50px;
  padding: 11px;
  color: #fff;
  background: #333;
}
.btn-default.disabled {
  font-weight: 500;
  font-weight: 600;
  border-radius: 50px;
  padding: 11px;
  color: #fff;
  background: #ccc;
}
.badge {
  background: #d80100;
  font-size: 11px;
  min-width: 16px;
  min-height: 16px;
  padding: 3px;
}
.text-muted {
  color: #9f9f9f;
}
.text-warning {
  color: #f0760e;
}
.text-danger {
  color: #d80100;
}
.action-buttons {
  margin-top: 20px;
}
.action {
  margin: 0 6px;
}
.action .btn {
  border-bottom-width: 1px;
  border-radius: 100px;
  min-width: 240px;
  padding: 10px;
  font-size: 14px;
  margin: 0;
}
.action .btn-danger {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  background: #036;
  border: none;
  border-radius: 50px;
  padding: 11px;
}