#menu-box {
	display: none;
}
#menu_sp {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	display: none;
}
#menu_sp li  {
	display: block;
	float: left;
	width: 0;
	margin: 0;
	padding: 0;
	font-family:"Raleway",sans-serif;
	letter-spacing:1px;
	font-size:0.8em;
}
#menu_sp li a {
	color: #666;
	display: block;
	padding: 15px 0;
	background:none;
	text-align: center;
	text-decoration: none;
	border-top:none;
	font-family: "Raleway",sans-serif;
}
#menu_sp li a:hover {
	background-color: #fff;
	color: #666;
}

#toggle  img {
	display: none;
}
#toggle {
	display: none;
}
#toggle a {
	
}
#toggle:before {
	
}
#toggle a:before, #toggle a:after {
	
}
#toggle a:before {
	
}
#toggle a:after {
	
}

@media only screen and (max-width: 768px) {
#menu-box {
	background-color: #fff;
	position: fixed;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	z-index: 2000;
	box-shadow: -10px 0 20px rgba(56,26,0,0.2);
	display: block;
}

#menu_sp li {
	width: 100%;
}
#menu_sp li a {
	background-color: #fff;
	color: #4C2F1A;
	display: block;
	padding: 15px 0;
	background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
	text-align: center;
	text-decoration: none;
	border-top:none;
	font-family: "Raleway",sans-serif;
}
#menu {
	display: block;
}
#toggle  img {
	display: block;
	width: 40%;
	padding: 0 0 10px 20px;
}
#toggle {
	display: block;
	position: relative;
	width: 100%;
	background: #fff;
}
#toggle a {
	display: block;
	position: relative;
	padding: 12px 0 10px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding:3% 0 2% 0;
}
#toggle:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right:15px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #222;
}
#toggle a:before, #toggle a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right:15px;
	width: 20px;
	height: 4px;
	background: #fff;
}
#toggle a:before {
	margin-top: -6px;
}
#toggle a:after {
	margin-top: 2px;
}
}

@media only screen and (max-width: 480px) {
.header_menu {
	display: none;
}
#menu-box {
	position: fixed;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	z-index: 2000;
	box-shadow: -10px 0 20px rgba(56,26,0,0.2);
	display: block;
}
#menu_sp {
	display: none;
}
#menu_sp li {
	width: 100%;
}
#toggle {
	display: block;
	position: relative;
	width: 100%;
	background: url("../img/index_musee/nav_back.png");
}
#toggle a {
	display: block;
	position: relative;
	padding: 12px 0 10px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
#toggle:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right:15px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #51351E;
}
#toggle a:before, #toggle a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right:15px;
	width: 20px;
	height: 4px;
	background: #fff;
}
#toggle a:before {
	margin-top: -6px;
}
#toggle a:after {
	margin-top: 2px;
}
}