/* CSS Document */
#menu {
  width: 220px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-shadow: 3px 5px 6px 0px rgba(73, 50, 28, 0.30);
  box-shadow: 3px 5px 6px 0px rgba(73, 28, 49, 0.30);
  text-shadow: 0px 0px 10px rgba(255,255,255,1.00);
  padding-left: 8px;
  padding-right: 8px;
  background-color: rgba(175, 228, 59, 1.00);
  background: linear-gradient(270deg, rgba(255, 224, 224, 0.70), rgba(255, 240, 208, 0.70), rgba(240, 255, 224, 0.70), rgba(224, 255, 240, 0.70), rgba(208, 224, 255, 0.70), rgba(240, 224, 255, 0.70), rgba(255, 224, 224, 0.70));
  background-size: 1400% 100%;
  animation: gradeRepeat 40s linear infinite;
}
@keyframes gradeRepeat {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
/* グローバルナビ */
#sidebar nav .btn {
  font-size: 15px;
}
#sidebar nav a {
  width: 200px;
  display: block;
  font-style: normal;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 12px;
  text-align: left;
  color: rgba(47,47,47,1.00);
  background-color: rgba(240,252,255,0.65);
  border: 1px solid rgba(147,189,195,1.00);
  border-radius: 4px
}
#sidebar nav a::before {
  content: "\f111";
  font-family: 'Font Awesome 6 Free';
  font-weight: 600;
  padding-right: 0.5em;
  padding-left: 0.5em;
  color: rgba(10,116,155,1.00)
}
#sidebar nav .active, #sidebar nav .active:hover {
	color: rgba(255, 255, 255, 1.00);
	-webkit-box-shadow: 0px 1px 4px 0px rgba(138, 108, 76, 0.61);
	box-shadow: 0px 1px 4px 0px rgba(138, 108, 76, 0.70);
	border: 1px solid rgba(64,101,103,1.00);
	background-color: rgba(81,158,214,1.00);
	background-image: -webkit-linear-gradient(270deg,rgba(100,159,193,0.67) 23.11%,rgba(42,95,135,0.82) 79.48%);
	background-image: -moz-linear-gradient(270deg,rgba(100,159,193,0.67) 23.11%,rgba(42,95,135,0.82) 79.48%);
	background-image: -o-linear-gradient(270deg,rgba(100,159,193,0.67) 23.11%,rgba(42,95,135,0.82) 79.48%);
	background-image: linear-gradient(180deg,rgba(100,159,193,0.67) 23.11%,rgba(42,95,135,0.82) 79.48%);
}
#sidebar nav .active::before, #sidebar nav .active::before {
  color: rgba(255, 205, 81, 1.00)
}
#sidebar nav a:hover {
  background-color: rgba(193,186,255,0.75);
  color: rgba(35, 55, 94, 1.00);
  border: 1px solid rgba(0,217,255,1.00);
}
#sidebar nav a:hover::before {
  color: rgba(255,174,0,1.00)
}
#menu2 {
  width: 230px;
  margin-bottom: 10px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding-top: 15px;
  padding-bottom: 0px;
  -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.30);
  box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.30);
  background-color: rgba(242, 238, 255, 0.80);
  border: 2px solid rgba(154, 146, 183, 1.00);
  padding-left: 5px;
  padding-right: 5px;
}
#home #menu2 {
  margin-top: 30px;
}
#page #menu2 {
  margin-top: 150px;
}
#menu2 a {
  width: 215px;
  display: block;
  font-style: normal;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-right: 12px;
  padding-left: 12px;
  padding-bottom: 10px;
  text-align: center;
  color: rgba(255, 255, 255, 1.00);
  background-color: rgba(119, 89, 162, 0.93);
  border: 1px solid rgba(72, 42, 96, 1.00);
  border-radius: 10px
}
#menu2 a:hover {
  background-color: rgba(118, 150, 255, 0.77);
  color: rgba(35, 17, 107, 1.00);
  border: 1px solid rgba(67, 111, 255, 1.00);
}
#menu2 p {
  font-size: 0.7rem
}