@charset "utf-8";

@media screen and (max-width:999px) {

	/* SP */

	#main-menu {
		position: fixed;
		max-width:400px;
		top:0;
		left:-450px;
		z-index: 10000;
/*		background-color:#FFF;*/
		background-color:#F2EFE0;
		height: 100%;
		overflow:scroll;
	}
	
	#main-menu_bg {
	  position: fixed;
	  top:0;
	  left:0;
	  width:100%;
	  height: 100%;
	  background-color:#333;
	  opacity: 0.5;
	  z-index: 9998;
	  display: none;
	}

	.menu_btn {
		cursor:pointer;
		position: fixed;
		top:20px;
		right:10px;
		padding:5px 10px 10px 10px;
		border-radius: 3px;
		font-size:40px;
		line-height:40px;
		text-align:center;
		color:#B14829;		// main-color
		width:50px;
		height:50px;
		background-color:#F2EFE0;
		z-index:9997;
	}

	.search_btn {
		cursor:pointer;
		position: fixed;
		top:20px;
		right:80px;
		padding:5px 10px 10px 10px;
		border-radius: 3px;
		text-align:center;
		width:40px;
		height:50px;
		background-color:#F2EFE0;
		z-index:9997;
	}
	.search_btn i {
		font-size:38px;
		line-height:40px;
	}
	.search_btn a {
		text-decoration:none;
		color:#B14829;		// main-color
	}

	#main-menu_close {
		cursor:pointer;
		position: fixed;
		top:5px;
		right:5px;
		padding:5px;
		font-size:50px;
		line-height:50px;
		color:#FFF;
		width:50px;
		height:50px;
		z-index: 9999;
		display: none;
	}

}
@media screen and (min-width:1000px) {

	/* SP */
	#main-menu { display:none; }
	#main-menu_bg { display:none; }
	.menu_btn { display:none; }
	.search_btn { display:none; }
	#main-menu_close { display: none; }

}