@charset "utf-8";

#menu_button {cursor:pointer;font-family: 'Questrial', sans-serif; font-size:16px;}


#menu_wrapper {
	position:absolute; left:0px;
	width:100%;
	max-width:480px;
	height:auto;

	display:none;
	z-index:10;
	background:#f0f0f0;
-webkit-box-shadow: 0px 0px 5px 0px rgba(102,102,102,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(102,102,102,1);
box-shadow: 0px 0px 5px 0px rgba(102,102,102,1);
padding: 15px;
}

/* menu */

#menu { margin:0; padding:0;}
#menu li {margin-bottom:1px; clear:both; line-height:32px;}
#menu>li {width:100%;float:left; border-bottom:1px solid #CCC}
#menu>li:last-child {border-bottom: none;}
#menu a { text-decoration:none; color:#333;outline:none; display:block; font-family: 'Questrial', sans-serif; font-size:14px}
#menu a:hover {color:#000;}
#menu>li>a { display:block; padding-left:5px; }

#menu li ul { margin-left:1em; }
/*
#menu>li>a { color: #FC6; }
#menu>li>a:hover { background:none;}
*/
#menu li.has-submenu ul {display:none;}
/*
#menu .has-submenu>a:after { content: "+"; float:right; margin-left:10px; font-size:12px; }
/*#menu>.has-submenu>a:after { content: url(../images/1486588421_basics-08.png); }
#menu>.has-submenu>a:after { content: "+"; }
*/
#menu, #menu ul {list-style:none;}
#menu ul {width:100%; height:auto; /*background:#f9f9f9;*/ margin:0; padding:0; z-index:2; }

#menu ul li a:hover { color:#000;}