:root {
    --bs-body-font-size: 1rem;
}

.honbun {
  line-height:}
[data-bs-theme="light"] a {
    --bs-link-color: #783030;
    color: var(--bs-link-color);
}
.offcanvas a {
  color: unset;
}
[data-bs-theme="light"] a:hover {
    --bs-link-color: #9c3e3e;
    color: var(--bs-link-color);
}
.offcanvas a:hover {
  color: unset;
}

[data-bs-theme="dark"] a {
    --bs-link-color: #df7e77;
    color: var(--bs-link-color);
}
.offcanvas a {
  color: unset;
}

[data-bs-theme="dark"] a:hover {
    --bs-link-color: #e8a5a0;
    color: var(--bs-link-color);
}
.offcanvas a:hover {
  color: unset;
}

[data-bs-theme="light"] .accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-btn-focus-box-shadow: none;
}

[data-bs-theme="dark"] .accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-btn-focus-box-shadow: none;
}

[data-bs-theme="light"] {
  --bs-body-bg: #f2f2f2;
  --bs-navbar-bg: #e5e5e5;
  --bs-body-color: #395c41;
  --bs-emphasis-color: #395c41;
  --bs-primary: #783030;
  --bs-secondary:#111d14;
  --bs-secondary-rgb: 17,29,20;
  --textarea-border-color:#a5a5a5;
}
[data-bs-theme="dark"] {
  --bs-body-bg: #4a4d4f;
  --bs-navbar-bg: #56595c;
  --bs-body-color: #aae594;
  --bs-emphasis-color:#aae594;
  --bs-primary: #df7e77;
  --bs-secondary:#68d141;
  --bs-secondary-rgb: 104,209,65;
  --textarea-border-color:#95999c;
}

.navbar, .footer {
  background-color: var(--bs-navbar-bg) !important;
}

.btn-primary:hover {
  background-color: var(--bs-body-bg) !important; /* 枠線のカスタム色 */
  border-color: var(--bs-primary) !important; /* 枠線のカスタム色 */
  color: var(--bs-primary) !important; /* テキスト色も合わせて変更 */
}

.btn-primary {
  background-color: var(--bs-primary) !important; /* ホバー時の背景色 */
  border-color: var(--bs-primary) !important; /* 枠線のカスタム色 */
  color: white !important; /* ホバー時のテキスト色 */
}

.btn-outline-primary {
  border-color: var(--bs-primary) !important; /* 枠線のカスタム色 */
  color: var(--bs-primary) !important; /* テキスト色も合わせて変更 */
}

.btn-outline-primary:hover {
  background-color: var(--bs-primary) !important; /* ホバー時の背景色 */
  color: white !important; /* ホバー時のテキスト色 */
}

.btn-outline-secondary {
  border-color: var(--bs-secondary) !important; /* 枠線のカスタム色 */
  color: var(--bs-secondary) !important; /* テキスト色も合わせて変更 */
}

.btn-outline-secondary:hover {
  background-color: var(--bs-secondary) !important; /* ホバー時の背景色 */
  color: white !important; /* ホバー時のテキスト色 */
}

.text-body-secondary {
  color: var(--bs-secondary) !important;
}

.dropdown-item.active {
  background-color: var(--bs-primary) !important; 
  color: white !important;
}

textarea {
  border: 1px solid var(--textarea-border-color) !important;
}

blockquote {
  border-left: 4px solid var(--textarea-border-color) !important;
  padding: 0.5em 1em;
  color: var(--bs-secondary) !important;;
  background-color: var(--bs-navbar-bg) !important;;
  margin: 0;
}