/* CSS Document */
/* ####################### */
/* ■ ナビゲーション       */
/* ####################### */
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255,255,255,1.00)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-nav li {
  margin-bottom: 0.3em;
}
a.nav-link {}
.nav-item a {
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: rgba(74, 62, 11, 1.00);
  letter-spacing: 0em;
  display: block;
  text-align: left;
  border-radius: 4px;
  font-size: 1.1em;
  padding-left: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border: 1px solid rgba(181, 153, 5, 1.00)
}
#home .nav-item a {
  background-color: rgba(223,217,143,0.84);
}
#home .nav-item a:hover {
  background-color: rgba(205,165,25,1.00);
  color: rgba(255, 255, 255, 1.00);
  border: 1px solid rgba(60, 143, 106, 1.00)
}
#page .nav-item a {
  background-color: rgba(255,209,103,0.60);
}
#page .nav-item a:hover {
  background-color: rgba(154, 205, 50, 1.00);
  color: rgba(255, 255, 255, 1.00);
  border: 1px solid rgba(60, 143, 106, 1.00)
}
.nav-item a::before {
  font-family: 'Font Awesome 6 Free';
  content: "\f140";
  padding-right: 0.5em;
  color: rgba(83, 108, 80, 1.00)
}
.nav-item a.nav-link.active {
  color: rgba(233,138,31,1.00);
  background-color: rgba(216, 120, 0, 1.00)
}
.nav-item a.active::before {
  color: rgba(246, 255, 160, 1.00);
  opacity: 1
}