@charset "UTF-8";
.menu{
  list-style-type:none;
}

.menu li{
	display:inline-block;
	margin: 0px;
	padding: 0px;
	border-top:1px solid white;
	border-left:1px solid white;
	border-right:1px solid white;
	position:relative;
	color: white;
	height: auto;
	width:210px;
	padding: 0px;
	font-size: 150%;
}


/*liの色を変える*/
.menu li ul{
	display:none;
}
.lav{
	transition: all 500ms 0s ease-in;
	border:1px solid white;
	background-color: lightgoldenrodyellow;
	padding: 0px;
}
.lav:hover{
	background-color: navajowhite;
}

.nav{
	background-color: cornsilk;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	width:150px;
}
.nav li{
	transition: all 300ms 0s ease-in;
	border-left:1px solid white;
	background-color: lightblue;
	color: black;
	padding: 0px;
}
.nav li:hover{
	background-color: steelblue;
}


.mav li{
	transition: all 300ms 0s ease-in;
	border-left:1px solid white;
	background-color: lightskyblue;
	color: white;
	height: auto;
	padding: 0px;
}
.mav li:hover{
	background-color: cornflowerblue;
}

/*終了*/

.menu li:hover ul{
	display:block;
	position:absolute;
	padding:0;
	margin:0;
	top: 30px;
	left: 0px;
	width: auto;
	list-style-type:none;
}

.border{
	border:white solid 1px;
}

.font{
	color: white;
	font-size: 20px;
	text-decoration: none;
}


.font2{
	color: white;
	font-size: 20px;
	text-decoration: none;
	padding: 0px;
}

.display{
	display: block;
}
.display-none{
	display: none;
}
.lang{
	width:auto;
	height: auto;
	padding: 0px;
	white-space: nowrap;
}
.lang-s{
  background-color: palegoldenrod;
  border-radius: 5%;
}