*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.animenu__toggle {
	cursor: pointer;
	background-color: #0B0070;
	border: 0;
	height: 40px;
	width: 100px;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	display: none;
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(189,183,237,1.00)),color-stop( 49.85% , rgba(11,0,112,1.00)),color-stop( 100% , rgba(189,183,237,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(189,183,237,1.00) 0%,rgba(11,0,112,1.00) 49.85%,rgba(189,183,237,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(189,183,237,1.00) 0%,rgba(11,0,112,1.00) 49.85%,rgba(189,183,237,1.00) 100%);
	padding-top: 4px;
}
.animenu__toggle:hover {
	background-color: #FFFFFF;
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(255,255,255,1.00)),color-stop( 100% , rgba(231,231,231,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(231,231,231,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(231,231,231,1.00) 100%);
	color: #CC3300;
}

.animenu__toggle__bar {
	display: block;
	width: 20px;
	height: 2px;
	background-color: #FFF;
	-webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);
	transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);
}
.animenu__toggle__bar + .animenu__toggle__bar {
  margin-top: 4px;
}

.animenu__toggle--active .animenu__toggle__bar {
	margin: 0;
	position: absolute;
	z-index: 2;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {
  opacity: 0;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animenu {
	display: block;
	margin-left: 0%;
}
.animenu ul {
	list-style: none;
	font: 0px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0 0 0 0px;
	/* [disabled]border-left-width: 1px; */
	/* [disabled]border-left-style: solid; */
	/* [disabled]border-left-color: #666666; */
}
.animenu li, .animenu a {
  display: inline-block;
  font-size: 15px;
}
.animenu a {
	color: #003333;
	text-decoration: none;
	font-weight: bold;
}

.animenu__nav {
	padding-top: 4px;
	padding-bottom: 4px;
}
.animenu__nav > li {
	position: relative;
	/* [disabled]border-right-color: #444444; */
	/* [disabled]border-right-style: solid; */
	/* [disabled]border-right-width: 1px; */
}
.animenu__nav > li > a {
	text-transform: uppercase;
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}



.animenu__nav > li > a:first-child:nth-last-child(2):before {
  content: "";
  position: absolute;
  border: 4px solid transparent;
  border-bottom: 0;
  border-top-color: currentColor;
  top: 50%;
  margin-top: -2px;
  right: 10px;
}
.animenu__nav > li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
	text-align: center;
}
.animenu__nav > li:hover > a {
	color: #036;
	background-color: #FBE694;
	/*text-align: left;*/
}

.animenu__nav__child {
	min-width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 20;
	opacity: 0;
	visibility: hidden;
	margin: 20px 0 0 0;
	background-color: #FFFFFF;
	-webkit-transition: margin .15s, opacity .15s;
	transition: margin .15s, opacity .15s;
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(255,255,255,1.00)),color-stop( 99.79% , rgba(230,230,230,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(230,230,230,1.00) 99.79%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(230,230,230,1.00) 99.79%);
	border-bottom: 2px solid #999999;
	font-size: 90%;
	font-weight: normal;
	text-align: left;
}
.animenu__nav__child > li {
	width: 100%;
	border-bottom: 2px solid #999999;
}
.animenu__nav__child > li:first-child > a:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  left: 1em;
  top: -6px;
  border: 6px solid transparent;
  border-top: 0;
  border-bottom-color: inherit;
}
.animenu__nav__child > li:last-child {
  border: 0;
}
.animenu__nav__child a {
	padding: 10px;
	width: 100%;
	border-color: #373737;
	display: block;
	color: #003366;
	font-weight: normal;
	font-size: 90%;
	text-align: left;
}
.animenu__nav__child a:hover {
	background-color: #0186ba;
	border-color: #0186ba;
	color: #fff;
	text-align: left;
}

@media screen and (max-width: 767px) {
  .animenu__toggle {
	display: inline-block;
  }

  .animenu__nav,
  .animenu__nav__child {
	display: none;
	/* [disabled]background-color: #FFA8AA; */
  }

  .animenu__nav {
	margin: 10px 0;
	border: 1px solid #999999;
	background-color: #E6E6FA;
  }
  .animenu__nav > li {
	width: 100%;
	border-right: 0;
	border-bottom: 1px solid #515151;
	/* [disabled]background-color: #E01619; */
	text-align: left;
  }
  .animenu__nav > li:last-child {
    border: 0;
  }
  .animenu__nav > li:first-child > a:after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    left: 1em;
    top: -6px;
    border: 6px solid transparent;
    border-top: 0;
    border-bottom-color: inherit;
  }
  .animenu__nav > li > a {
	width: 100%;
	padding: 10px;
	border-color: #CCCC99;
	position: relative;
	text-align: left;
  }
 .animenu__nav a:hover {
	background-color: #9999CC;
	border-color: #0186ba;
	color: #fff;
  }

  .animenu__nav__child {
	position: static;
	background-color: #373737;
	margin: 0;
	-webkit-transition: none;
	transition: none;
	visibility: visible;
	opacity: 1;
	border: 1px solid #999999;
  }
  .animenu__nav__child > li:first-child > a:after {
    content: none;
  }
  .animenu__nav__child a {
    padding-left: 20px;
    width: 100%;
  }
}
.animenu__nav--open {
  display: block !important;
}
.animenu__nav--open .animenu__nav__child {
  display: block;
}