@charset "UTF-8";
/* ----サイトカラー設定---- */


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

#header-news {
  background: #f52d3a;
}

/* ボーダーカラー */

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

/* テキストカラー */

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

/* 背景カラー */

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

/* ボタンカラー */
.btn-default {
  color: #444444;
  background-color: #f3f3f3;
}
.btn-primary {
  color: #fff !important;
  background-color: #f52d3a !important;
}
.btn-secondary {
  color: #fff !important;
  background-color: #666 !important;
}
.btn-danger {
  color: #fff !important;
  background-color: #d9534f !important;
}

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

.block-goods-list--display-style-items .active {
  color: #e73a63 !important;
}

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

.pagination > li.pager-current {
  background-color: #dad9d7 !important;
}

/* 一覧ページ/絞り込み項目アクティブ */

.block-filter--treeitem-selected {
  color: #e73a63;
}

/* 並び替え */


/*
.block-sort--header h2,
.block-sort--header .block-sort--expand-icon,
.block-goods-list--display-style-items h2,
.block-goods-list--display-style-items .block-style--expand-icon{
  background-color: #e73a63;
}
*/


/* ブランドページ/並び替え */

.block-filter--header {
	background-color: #ffffff;
}

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

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

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

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