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

.honbun {
  line-height:}
[data-bs-theme="light"] a {
    --bs-link-color: #0d6efd;
    color: var(--bs-link-color);
}
.offcanvas a {
  color: unset;
}
[data-bs-theme="light"] a:hover {
    --bs-link-color: #3f8cfd;
    color: var(--bs-link-color);
}
.offcanvas a:hover {
  color: unset;
}

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

[data-bs-theme="dark"] a:hover {
    --bs-link-color: #a0c6fe;
    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: #a2c6ff;
  --bs-navbar-bg: #88b6fe;
  --bs-body-color: #212529;
  --bs-emphasis-color: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary:#000000;
  --bs-secondary-rgb: 0,0,0;
  --textarea-border-color:#0968fe;
}
[data-bs-theme="dark"] {
  --bs-body-bg: #212529;
  --bs-navbar-bg: #2c3137;
  --bs-body-color: #dee2e6;
  --bs-emphasis-color:#dee2e6;
  --bs-primary: #6ea8fe;
  --bs-secondary:#a3aeba;
  --bs-secondary-rgb: 163,174,186;
  --textarea-border-color:#65717d;
}

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