@charset "utf-8";
/*Common Rwd*/

#mobileMenuPosition { display: none; }


@media screen and (max-width: 1024px) {
	
	#header .wrap .header-nav{ display:none; }	
	
	#mobileMenuPosition {
		 display: inline-block;
		 width: 30px;
		 height: 30px;
		 margin-right: 3%;
		 vertical-align: middle;
		 float: right;
	}
	.mobileMenuPosition_top {
		 margin-top: 8px
	}
	#mobileMenu {
		margin-top: 20px;
		width: 30px;
		height: 25px;
		position: absolute;
		z-index: 999;
		cursor: pointer;
	}
	#mobileMenu span {
		 width: 30px;
		 height: 5px;
		 display: block;
		 background: #000000;
		 margin-top: 5px;
		 -webkit-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
		 -moz-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
		 -ms-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
		 -o-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
		 transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
	}
	.mobileMenu_spac {
	 	background: #fff !important
	}
	#mobileMenu span:first-child {
		margin-top: 0
	}
	#mobileMenu .top {
		 position: absolute;
		 top: 10px;
		 -webkit-transform: rotate(225deg);
		 -moz-transform: rotate(225deg);
		 transform: rotate(225deg)
	}
	#mobileMenu .bottom {
		 position: absolute;
		 top: 10px;
		 margin-top: 0 !important;
		 -webkit-transform: rotate(-225deg);
		 -moz-transform: rotate(-225deg);
		 transform: rotate(-225deg)
	}
	#mobileMenu .middle {
	 	opacity: 0
	}
}