#menu_sp a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #645d2e;
}
#menu_sp a::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
#menu_sp a:hover::after {
  transform: scale(1, 1);
}

#menu_sp {
  /*left:20%;*/
position:relative;
}

#menu_sp li span{
  margin-bottom: 35%;
 font-size: 20px;
 padding-left: 15%;
padding-right: 15%;
}

#menu_sp li{

}



/*div#menu {
position: relative;
overflow: hidden;
}


div#menu ul {

left:50%;
position:relative;
}

div#menu li {
  font-weight: bold;

left:-30%;
position:relative;
margin-bottom: 2%;
   padding-bottom: 0%;  
padding-right: 2%;

}*/