@charset "UTF-8";

#nav {
	position	: absolute;
	top			: 0;
	right		: 0;
	overflow	: auto;
}

#nav:not(:target) {
	height	: 0;
	z-index	: 1;
}
	
.js-ready #nav {
	width		: 60%;
	height		: 100%;
	background	: #757575;
}

.js-ready #nav {left: -60%;}

.js-ready #inner-wrap {left: 0;}

.js-nav #inner-wrap {left: 60%;}

.csstransforms3d.csstransitions.js-ready #nav {
	left						: 0;
	-webkit-transform			: translate3d(-100%, 0, 0);
	-moz-transform				: translate3d(-100%, 0, 0);
	-ms-transform				: translate3d(-100%, 0, 0);
	-o-transform				: translate3d(-100%, 0, 0);
	transform					: translate3d(-100%, 0, 0);
	-webkit-backface-visibility	: hidden;
	-moz-backface-visibility	: hidden;
	-ms-backface-visibility		: hidden;
	-o-backface-visibility		: hidden;
	backface-visibility			: hidden;
}

.csstransforms3d.csstransitions.js-ready #inner-wrap {
	left						: 0 !important;
	-webkit-transform			: translate3d(0, 0, 0);
	-moz-transform				: translate3d(0, 0, 0);
	-ms-transform				: translate3d(0, 0, 0);
	-o-transform				: translate3d(0, 0, 0);
	transform					: translate3d(0, 0, 0);
	-webkit-transition			: -webkit-transform 500ms ease;
	-moz-transition				: -moz-transform 500ms ease;
	-o-transition				: -o-transform 500ms ease;
	transition					: transform 500ms ease;
	-webkit-backface-visibility	: hidden;
	-moz-backface-visibility	: hidden;
	-ms-backface-visibility		: hidden;
	-o-backface-visibility		: hidden;
	backface-visibility			: hidden;
}

.csstransforms3d.csstransitions.js-nav #inner-wrap {
	-webkit-transform	: translate3d(60%, 0, 0) scale3d(1, 1, 1);
	-moz-transform		: translate3d(60%, 0, 0) scale3d(1, 1, 1);
	-ms-transform		: translate3d(60%, 0, 0) scale3d(1, 1, 1);
	-o-transform		: translate3d(60%, 0, 0) scale3d(1, 1, 1);
	transform			: translate3d(60%, 0, 0) scale3d(1, 1, 1);
}

#nav-close-btn {
	display					: block;
	width					: 100%;
	height					: 50px;
	margin					: 0 auto;
	padding					: 0;
	overflow				: hidden;
	white-space				: nowrap;
	text-indent				: 100%;
	border-bottom			: solid 2px #dfdfdf;
	outline					: none;
	background				: #545454 url("../common/ico_nav_close.png") center center no-repeat;
	-webkit-background-size	: 20px 20px;
	-moz-background-size	: 20px 20px;
	background-size			: 20px 20px;
}