#menu-clm{
	position: fixed;
	top: 10%;
	right: 2%;
	padding: 0;
	z-index: 999;
	/*width: 100%;
	height: 100vh;*/
	width: 5em;
	height: 5em;
}
#menu-clm.menu_opened{
	top: 0%;
	right: 0%;
	width: 100%;
	height: 100vh;
}
.open_btn,
.close_btn{

}
.open_btn{

}
/*初期表示では消しておく*/
.close_btn,
.menu_main{
	display: none;
}
/*ここまで*/

.open_btn span,
.close_btn span{
	background: #fff;
	width: 3em;
	height: 3em;
	display: block;
	text-align: center;
	line-height: 3em;
	border-radius: 1.5em;
	position: absolute;
	right: 1%;
	top: 2%;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.2);
	color: #000;
}
.close_btn span{
	right: 2%;
	top: 10%;
	color: #000;
}
.menu_main{
	background: #545454;
	height: 100vh;
}
.menu_main .menu-list a:link,
.menu_main .menu-list a:visited{
	color: #ffffff;
}
.menu_opened .menu_main{
	padding-top: 8%;
}
.menu_main .logo{
	text-align: center;
}
.menu_main .logo img{
	width: 30%;
}

.menu-list{
	display: flex;
	justify-content: space-around;
}
.menu-list ul{
	
}
.menu-list li{
	
}
.menu-list a{
	display: block;
	padding: 0.5em 0;
	border-bottom: 1px solid #fff;
	font-style: oblique;
	font-size: 0.85em;
}
#menu-clm .menu-list a:hover,
#menu-clm .menu-list a:active{
	border-bottom: 1px solid #dab33a;
	color: #dab33a;
	opacity: 1;
}
.go-plaza{
	
	margin-top: 20px;
}
.go-plaza p{
	text-align: center;
	font-size: 0.8em;
}
.go-plaza a{
	
}
.go-plaza img{
	width: 50%;
}



	
@media screen and (min-width: 768px) {
	/*#menu-clm{
		top: 0%;
	}*/
	.open_btn span,
	.close_btn span{
		/*top: 6%;*/
	}
	.menu_main .logo img{
		width: 12%;
		padding-top: 2em;
	}
	.menu-list{
		font-size: 1.5em;
		justify-content: center;
	}
	.menu-list ul{
		flex-basis: 30%;
	}
	.menu-list ul:first-child{
		margin-right: 5%;
	}
	.go-plaza img{
		width: 18%;
	}
}