@charset "utf-8";

.menu0010{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	    background: var(--FontWhiColor);
    box-shadow: 0px 2px 25px rgba(0,0,0,0.07);
}
.menu0010 a{
	position: relative;
	padding: 1rem 2rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	font-size: 1rem;
}
.menu0010 span{
	position: relative;
	z-index: 3;
}
.menu0010 a:last-child:after{
	display: none;
}

.menu0010 a:after{
      content: "";
    position: absolute;
	top: 35%;
	right: 0;
    width: 1px;
    height: 30%;
   
	
}
.menu0010 a:before{
      content: "";
    position: absolute;
	bottom: 0;
	right: 0;
    width: 100%;
    height: 2px;
	opacity: 0;
	 -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: scaleX(0);
}


.menu0010 a:hover:before{
	opacity: 1;
	transform: scaleX(1);
}

.menu0010 a.menu0010_a:before{
	opacity: 1;
	transform: scaleX(1);
}


@media screen and (max-width:1023px)and (min-width:300px){

.menu0010{
	flex-wrap: wrap;
}



}