@charset "utf-8";

/* ------------------------------------------------ smartdevice menu */

#mobilebar {
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	width:100%;
	background-color:rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
}
@media screen and (min-width: 320px) and (max-width: 568px){
	#mobilebar { height:54px;padding:6px 12px; }
	#header { padding:54px 0 0; }
}
@media screen and (min-width: 569px) and (max-width: 800px){
	#mobilebar { height:54px; padding:6px 16px; }
	#header { padding:54px 0 0; }
}
#mobilebar #mbmenu {
	display:inline-block;
	width:42px;
	height:42px;
	color:#fff;
	cursor:pointer;
	border:#fff 2px solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background:transparent url(images/menu-icon.png) no-repeat center center;
	background-size:32px;
}
#mobilebar #mbmenu span { display:none; }


/* ------------------------------------------------ sd menu */

/* sd menu */

#slidemenu {
	position:absolute;
	top:54px;
	left:-1000px;
	width:100%;
	height:100%;
	text-align:left;
	background:rgba(0,0,0,0.75);
	padding:38px 0;
	margin:0;
	z-index:999;
}
#slidemenu h2{
	color:#fff;
	text-align:center;
	padding:0;
	margin:0 20px 20px;
}
#slidemenu ul{
	margin:0 20px 28px 20px;
}

#slidemenu ul li{
	width:100%;
	display:table;
	border-bottom:1px #fff dotted;
}
#slidemenu ul li:first-child{
	border-top:1px #fff dotted;
}

#slidemenu ul li a{
	display:block;
	display:table-cell;
	color:#fff;
	text-decoration:none;
	vertical-align:middle;
	min-height:44px;
	height:44px;
	background:url(images/bg_nav.png) no-repeat right center;
}
/* close botton */
#slidemenu p.menu-home a{
	display: block;
	border: solid 2px #fff;
	color: #fff;
	text-align:center;
	text-decoration: none;
	cursor:pointer;
	padding:1em;
	margin:0 20px 28px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

/* close botton */
#slidemenu p.menu-close a{
	display: block;
	border: solid 2px #fff;
	color: #fff;
	text-align:center;
	text-decoration: none;
	cursor:pointer;
	padding:1em;
	margin:0 20px 0;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}