//=================================================================
// 上からメニュー	右上	エフェックトなし
//=================================================================

#menu{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index:9998;
}

//#menu div{
//	width: 30px;
//	height: 30px;
//	background: rgba(200,200,200,1);
//	overflow: hidden;
//	position: absolute;
//	top: 0;
//	right: 0;
//	z-index:9998;
//}

#menu .menuopen{
	color: rgba(255,255,255,1);
	font-size: 30px;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
	z-index:9998;
}

#menu .menuclose{
	color: rgba(255,255,255,1);
	font-size: 30px;
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
	z-index:9998;
}

//#menu ul{
//	background: rgba(200,200,200,1);
//	width: 80%;
//	position: absolute;
//	top: 30px;
//	right: 0;
//	z-index:9998;
//}

#menu li{
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	padding: 0 10px;
	color: rgba(0,0,0,1);
	border-bottom: 0px rgba(255,255,255,1) solid;
	height: 0;
	overflow: hidden;
	pointer-events: auto;
	z-index:9998;
}

#menu:target .menuopen{
	display: none;
	z-index:9998;
}

#menu:target .menuclose{
	display: block;
	z-index:9998;
}

//#menu:target li{
//	padding: 10px;
//	height: 40px;
//	border-bottom: 1px rgba(255,255,255,1) solid;
//	z-index:9998;
//}