@charset "utf-8";

#newMenu { display: none; }
@media screen and (max-width: 812px) {
	#newMenu { display: block; }
	/* ハンバガーメニュー */
	div#btn {
		text-align: left;
		position: fixed;
		top: 15px;
		right: 14px;
		z-index: 999;
	}
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: .4s;
	}
	.menu-trigger {
		position: relative;
		width: 36px;
		height: 30px;
		cursor: pointer;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #aaa;
		border-radius: 4px;
	}
	.menu-trigger span:nth-of-type(1) {top: 0; }
	.menu-trigger span:nth-of-type(2) { top: 13px; }
	.menu-trigger span:nth-of-type(3) { bottom: 0; }
	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(13px) rotate(-45deg);
		transform: translateY(13px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) { opacity: 0; }
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-13px) rotate(45deg);
		transform: translateY(-13px) rotate(45deg);
	}
	#overlay {
		position:fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.6);
		height: 100%;
		width: 100%;
		margin-left: -100%;
		z-index: 9999;
	}
}