.gnavi{
    display: flex;
    margin:10px 0 12px 0;
    list-style: none;
}
.gnavi li a{
    display: block;
    padding:10px 15px;
    text-decoration: none;
    color: #000000;
}
.gnavi li{
    margin-bottom:0px;
}
.gnavi li a{
	position: relative;
}
.gnavi li.current a,
.gnavi li a:hover{
	color:#FFFFFF;
}
.gnavi li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 80%;
    height: 1px;
    background:#FFFFFF;
    transition: all .3s;
    transform: scale(0, 1);
    transform-origin: center top;
}
.gnavi li.current a::after,
.gnavi li a:hover::after {
    transform: scale(1, 1);
}

}