@charset "UTF-8";


/* gnav
-----------------------------------------------------------------*/
.gnav {
	position: absolute;
	right: 50px;
	top: 40px;
}

.gnav ul {
  display: flex;
}
.gnav ul li {
	font-size: 1.4rem;
	/*margin-right: 2em;*/
}


.gnav ul li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #000;
}
.gnav ul li a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #9bcf08;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
.gnav ul li a:hover {
  color: #9bcf08;
}
.gnav ul li a:hover::after {
  transform: scale(1, 1);
}



/*
.gnav ul li:last-child {
  margin-right: 0;
}

.gnav ul li:last-child:after {
  content: "｜";
  color: #5d4d41;
	margin-left: 20px;
}
*/
.gnav ul li {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 0 20px;
}
.gnav ul li+ li {
  border-left: 0;
  border-right: 1px solid #ccc;
}