/* 共通 */
html {
  height: 100%;
}
body {
  font-family: Noto Sans JP;
  font-style: normal;

  min-height: 100%;
  display: flex;
  flex-direction: column;
}
main {
  flex: 1;
  padding-top: 71px;
}
header {
  width: 100%;
}
footer {
  width: 100%;
}

.tx-yhhl {
  color: rgba(224, 122, 0, 1);
}

.bg-yhhl {
  background-color: rgba(224, 122, 0, 1);
}

.bg-yhhl-light {
  background-color: rgba(255, 238, 218, 1);
}

.font-montserrat {
  font-family: Montserrat;
}

/* ヘッダー */
.header-title {
  font-size: 0.9rem;
  font-weight: bold;
}

.header-subtitle {
  font-size: 0.7rem;
  color: rgba(112, 127, 137, 1);
}

.yhhl-navbar-toggle-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(224, 122, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

.btn-outline-report {
  border-radius: 24px;

  --bs-btn-color: rgba(224, 122, 0, 1);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: rgba(205, 214, 221, 1);
  --bs-btn-hover-color: rgba(224, 122, 0, 1);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: rgba(205, 214, 221, 1);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: rgba(224, 122, 0, 1);
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: rgba(205, 214, 221, 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: rgba(224, 122, 0, 1);
  --bs-btn-disabled-bg: rgba(205, 214, 221, 1);
  --bs-btn-disabled-border-color: rgba(205, 214, 221, 1);
}

.yhhl-alert {
  margin: 76px 5px 0px 5px;
}

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

.table-yhhl {
  --bs-table-color: white;
  --bs-table-bg: rgba(224, 122, 0, 1);
  --bs-table-border-color: #e6dbb9;
  border-color: var(--bs-table-border-color);
}