body{
    /* 一般的なシステムフォントスタック（日本語対応）に変更 */
    font-family: "Noto Sans JP";
}
.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}
.bg-header-color {
    background-color: #fff;
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    max-width: 640px;
}
.bd-yellow-200 {
    color: #000;
    background-color: #ffe69c;
}
.offcanvas {
    width: 300px !important;
}
.hover-effect:hover {
    opacity: 0.5;
}
.font-weight-bold {
    /* フォント指定は継承して太さだけ設定 */
    font-weight: 700;
}
.oripa-img {
    width: 100%;
    height: auto;
}

:root {
    --var-color-main: rgb(225, 34, 0);
    --var-color-main-hover: rgb(190, 29, 0);
}

.border-main-color {
    border-color: var(--var-color-main);
}

.btn-main-color {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--var-color-main);
  --bs-btn-border-color: var(--var-color-main);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--var-color-main-hover);
  --bs-btn-hover-border-color: var(--var-color-main);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--var-color-main-hover);
  --bs-btn-active-border-color: var(--var-color-main);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--var-color-main);
  --bs-btn-disabled-border-color: var(--var-color-main);
}