/* 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,140,39,1.00)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler{
	background-color: rgba(253,233,214,1.00)
}
.navbar-toggler:hover{
	background-color: rgba(108,18,22,1.00)
}
.navbar-nav li {
  margin-bottom: 0.2em;
}
	.nav-item a {
	font-family: "Zen Maru Gothic", serif;
	font-weight: 500;
	font-style: normal;
	color: rgba(10, 38, 24, 1.00);
	background-color: rgba(222, 240, 224, 0.89);
	border-radius: 4px 4px 4px 4px;
	font-size: 0.90em;
		padding-left: 1.5em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	border: 1px solid rgba(44, 137, 58, 1.00);
}
.navbar{
	background-color: rgba(222,231,224,0.76);
	padding: 15px;
	border-radius: 0.4em
}
@media (min-width: 992px) {
.navbar{
	background-color: transparent;
}
.navbar-nav li {
  margin-bottom: 0.3em;
}	
	.nav-item a {
	font-family: "Zen Maru Gothic", serif;
	font-weight: 500;
	font-style: normal;
	color: rgba(10, 38, 24, 1.00);
	background-color: rgba(222, 240, 224, 0.89);
	border-radius: 20px 4px 20px 4px;
	font-size: 0.90em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border: 1px solid rgba(44, 137, 58, 1.00);
}
.nav-item .fa-duotone, .nav-item .fa-fa-solid {
  font-size: 1.2em;
  opacity: 0.6;
  width: 1.0em
}
.nav-item a:hover .fa-duotone, .nav-item a:hover .fa-solid {
  opacity: 1.0;
  color: rgba(247,255,248,1.00);
}
.nav-item a:hover {
  background-color: rgba(44, 137, 58, 1.00);
  color: rgba(255, 255, 255, 1.00);
  border: 1px solid rgba(4, 17, 0, 1.00)
}
.nav-item a.nav-link.active {
  background-color: rgba(200, 22, 29, 1.00);
  color: rgba(255, 255, 255, 1.00);
  border: 2px solid rgba(231, 143, 145, 1.00)
}
.nav-item a.active::before {
  color: rgba(246, 255, 160, 1.00);
  opacity: 1
}
.divider {
  margin-top: 0.5em;
  margin-bottom: 0.5em
}
.nav-item2 a {
  font-family: fot-rodin-pron, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: rgba(57, 35, 0, 1.00);
  letter-spacing: 0em;
  display: block;
  text-align: left;
  background-color: rgba(255, 248, 212, 0.75);
  border-radius: 6px;
  font-size: 1.1em;
  padding-left: 0.3em;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  border: 1px solid rgba(221, 199, 185, 1.00)
}
.nav-item2 a:hover {
  background-color: rgba(227, 127, 0, 1.00);
  color: rgba(255, 255, 255, 1.00);
  border: 1px solid rgba(183, 125, 0, 1.00)
}
}