@charset "UTF-8";

@media (min-width: 1000px) {

	.site_nav {display:none;}

}

@media not all and (min-width: 1000px) {

	[data-page-menu-show] {
		display:block;
		right:0;
		margin:0;
		padding:0;
		top:0;
		pointer-events:none;
		position:fixed;
		width:100%;
		z-index:1;
	}

	[data-page-menu-show="false"] .sp_nav {display:none;}

	.sp_nav {
		background:#eee;
		box-sizing:border-box;
		display:block;
		min-height:100%;
		margin:0;
		padding:80px 0 50px;
		position:fixed;
		top:0;
		right:0;
		width:80%;
		max-width:700px;
		z-index:0;
	}

	.sp_nav > li {
		color:#333;
		min-height:40px;
		list-style:none;
		margin:0;
		padding:10px 0;
		width:100%;
	}

	.sp_nav > li:nth-of-type(even) {background-color:rgba(255, 255, 255, 0.5);}

	.sp_nav > li > a {
		color:inherit;
		display:block;
		font-size:1rem;
		font-weight:bold;
		height:100%;
		line-height:2.5;
		pointer-events:auto;
		text-align:left;
		text-indent:2em;
		text-decoration:none;
		width:100%;
	}

	/** header btn */
	[data-menu-btn] {
		background-color:transparent;
		border:none;
		display:block;
		height:50px;
		line-height:1;
		margin:0;
		padding:0;
		pointer-events:auto;
		position:absolute;
		right:10px;
		top:10px;
		width:50px;
	}

	[data-page-menu-show="false"] [data-menu-btn] {
		background:url('/images/menu.png') 0 0/50px 50px no-repeat;
	}

	[data-page-menu-show="true"] [data-menu-btn] {
		font-size:50px;
		z-index:1;
	}

	[data-page-menu-show="true"] [data-menu-btn]::before {
		content:'×';
		display:block;
		font-size:50px;
	}

	.header_btn_img {
		vertical-align:bottom;
		max-width:100%;
	}

	[data-page-menu-show="true"] .header_btn_img {display:none;}

}