/* CSS Document */
/* -------------------------------- */
/* ■ NAVI   						*/
/* -------------------------------- */
#home .nav {
  padding: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  width: 100%
}
#page .nav {
  padding: 0px;
  margin: 0px;
  width: 100%
}
.nav i {
  padding-right: 0.3em;
  opacity: 0.5
}
.nav ul {
  width: 100%;
  list-style: none
}
.nav li a {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  display: block;
  text-decoration: none;
  background-color: rgba(62, 92, 152, 0.50);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 1.00);
  padding-top: 6px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 6px;
  color: rgba(255, 255, 255, 1.00);
  margin-top: 2px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 3px;
  text-align: left;
  font-size: 15px;
  border-radius: 6px
}
.nav li a::before {
  content: "\f152";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  padding-right: 0.5em;
  color: rgba(165, 201, 235, 1.00)
}
.nav li a:hover {
  background-color: rgba(12, 55, 62, 1.00);
  text-shadow: 1px 1px 4px rgba(143, 156, 158, 0.58);
  color: rgba(220, 241, 255, 1.00);
}
.nav li a:hover::before {
  color: rgba(255, 193, 79, 1.00)
}
.nav li.active a {
  background-color: rgba(106, 184, 242, 1.00);
  text-shadow: 1px 1px 4px rgba(0, 58, 75, 1.00);
  color: #FFFFFF;
}
.nav li.active a:hover {
  background-color: rgba(0, 176, 185, 1.00);
  text-shadow: 0px 0px 5px rgba(0, 41, 55, 1.00);
  color: #FFFFFF;
}