@charset "UTF-8";
/* ----�T�C�g�J���[�ݒ�---- */


/* �w�b�_�[�j���[�X */

#header-news {
  background: #000;
}

/* �{�[�_�[�J���[ */

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

/* �e�L�X�g�J���[ */

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

/* �w�i�J���[ */

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

/* �{�^���J���[ */

/* .btn-default {
  color: #333 !important;
  background-color: #e5e5e5 !important;
} */
/* .btn-primary {
  color: #fff !important;
  background-color: #003366 !important;
} */
.btn-secondary {
  color: #fff !important;
  background-color: #666 !important;
}
/* .btn-danger {
  color: #fff !important;
  background-color: #d9534f !important;
} */

/* �ꗗ�y�[�W/�i�荞��(�\�����@)�A�N�e�B�u */

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

/* �ꗗ�y�[�W/�y�[�W���[�A�N�e�B�u */

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

/* �ꗗ�y�[�W/�i�荞�ݍ��ڃA�N�e�B�u */

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


/* �u�����h�y�[�W/���ёւ� */

.block-filter--header {
  background-color: #F5F5F5
}

/* ���[�_���w�b�_�[ */

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

/* ���W�I,�`�F�b�N�{�b�N�X */

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



/* css調整 */
.panel {
  border: none;
}
h1 {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 25px;
  padding: 0;
}
h2 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 25px;
  padding: 0;
}
h3 {
  font-size: 12px;
  font-weight: 600;
  border-bottom: 1px solid #e6e6e6;
  margin: 25px 0 15px;
  padding: 0 0 12px;
}
h1.optimaized-h1 {
  font-size: 12px;
  padding: 3px 0;
}
.btn-default {
  font-size: 12px;
  font-weight: normal;
  background: #fff !important;
  border: 1px solid #d1d1cf;
  border-radius: 20px;
  padding: 11px;
}
a.btn-default {
  color: #393939 !important;
  background: #fff !important;
  border-radius: 4px;
  border: 1px solid #393939;
  padding: 4px 20px;
}
button.btn-default {
  color: #393939 !important;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #393939;
  padding: 4px 20px;
}
.btn-primary {
  font-size: 11px;
  font-weight: 600;
  background: #c2a85c;
  border-radius: 100px !important;
  padding: 11px;
}
.btn-danger {
  color: #d80100 !important;
  font-size: 11px;
  font-weight: 600;
  background: #fff !important;
  border: 1px solid #d80100;
  border-radius: 100px !important;
  padding: 11px;
}
input[value="btn-default"] {
  border-radius: 20px;
}
input[value="input button tag"] {
  color: #fff !important;
  background: #333 !important;
  border-color: #393939;
  border-radius: 4px;
  padding: 4px 20px;
}
input[value="input submit tag"] {
  color: #fff !important;
  background: #013366 !important;
  border-color: #393939;
  border-radius: 4px;
  padding: 4px 20px;
}
input[value="警告を表示する"] {
  color: #d80100 !important;
  background: #fff;
  border: 1px solid #d80100;
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: normal;
}
input[value="show"] {
  font-size: 11px;
  font-weight: 600;
  background: #fff;
  border: 1px solid #d1d1cf;
  border-radius: 100px;
  padding: 11px;
}
input[value="前の画面に戻る"].btn-default {
  font-size: 11px;
  font-weight: 600;
  background: #fff;
  border: 1px solid #d1d1cf;
  border-radius: 20px;
  padding: 11px;
}
input[value="注文を確定する"].btn-primary {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  background: #036;
  border: none;
  border-radius: 20px;
  padding: 11px;
}
.btn-default:has(.block-icon-image-double-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: 20px;
  padding: 11px;
  color: #fff !important;
  background: #333 !important;
  border-color: #333;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-default.disabled {
  font-weight: 500;
  font-weight: 600;
  border-radius: 20px;
  padding: 11px;
  color: #fff !important;
  background: #ccc !important;
  opacity: 1 !important;
}
.badge {
  background: #d80100;
  font-size: 8px;
  min-width: 12px;
  min-height: 12px;
  padding: 2px 4px;
}
.text-muted {
  color: #9f9f9f;
}
.text-warning {
  color: #f0760e;
}
.text-danger {
  color: #d80100;
}
.action-buttons {
  margin-top: 20px;
}
.action {
  margin: 0 6px;
}
.action + .action {
  margin: 10px 6px;
}
.action .btn {
  border-bottom-width: 1px;
  border-radius: 100px;
  min-width: 240px;
  padding: 10px;
  font-size: 14px;
  margin: 0;
}