body {
    font-family:  a-otf-ud-shin-maru-go-pr6n, sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 180%;
}

.footer {
  background-color: #c9cccf;
}

.itemHead {
    border-left: 7px solid #198754;
    padding-left: 12px;
}


.btn-shop {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: #d34616;
  --bs-btn-hover-color: var(--bs-black);
  --bs-btn-hover-bg: #e35626;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #f36636;

}

.btn-sake {
  --bs-btn-color: var(--bs-black);
  --bs-btn-bg: #ffc107;
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #ffd117;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #ffe127;
}

.btn-totebag {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: #28a7e1;
  --bs-btn-hover-color: var(--bs-black);
  --bs-btn-hover-bg: #38b7f1;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #48c7f1;
}