@charset "UTF-8";

.hamburgermenu {
	cursor: pointer;
	/*width: 51px !important;
	height: 56px;*/
	height: 52px;/*360px の黄金比46px + 6px, iPhone - Saffari のメニューバー高51px にも近い*/
	min-width: 52px !important; 
	position: absolute !important;
	left: 0;/*right: 0;*/
	top: 0;/*2px; */
	z-index: 10;
}
.hamburgermenu span {
	background: #000;
	display: block;
	height: 2px;
	left: 30.9%;
	position: absolute;
	width: 38.2%;/*19px;*/
	-webkit-transition: .3s;
			transition: .3s;
	border-radius: 2px;
}
/*
.hamburgermenu span {
	padding-left: 52px;
}
*/
.hamburgermenu span:nth-child(1) {
	top: calc(37.5% - 1px);
}
.hamburgermenu span:nth-child(2) {
	top: calc(50% - 1px);
}
.hamburgermenu span:nth-child(3) {
	top: calc(62.5% - 1px);
}
.hamburgermenu.background-black {
	background: #000;
}
.hamburgermenu.background-black span {
	background: #fff;
}
.hamburgermenu.gray span {
	background: hsl(0, 0%, 38%);
}
.hamburgermenu.height-60px {
	height: 60px;
	min-width: 60px !important; 
}
.hamburgermenu.right {
	left: auto;
	right: 0;
}
.hamburgermenu.on span:nth-child(1) {
	top: 27px;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}
.hamburgermenu.on span:nth-child(2) {
	opacity: 0;
}
.hamburgermenu.on span:nth-child(3) {
	top: 27px;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
}