.menu-ani-button{
	cursor: pointer;
	position: absolute;
	width:30px;/*---線の長さ---*/
	height:25px;/*---線の太さ長さによって調整---*/
	margin-top:5px;
	top:0;
	right: -35px;
}
.menu-ani-button.menu-animated {
	cursor: pointer;
	position: absolute;
	width:24px;/*---線の長さ---*/
	height:20px;/*---線の太さ長さによって調整---*/
	margin-top:5px;
	top:0;
	right: -35px;
}
.menu-ani-button.menu-animated::after {
	content: '';
    background-color: #d5d5d5;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    top: -7px;
    left: -5px;
    position: absolute;
}
.bar,.bar:before,.bar:after{
	height: 2px;/*---線の太さ---*/
	border-radius:3px;
	width: 100%;
	background-color: #1f1f1f;
	transition: all .25s;
	position: absolute;
}
.bar {
	left: 0;
	top: 10px;
}
.bar:before {
	content: "";
	left: 0;
	top: -10px;
}
.bar:after {
	content: "";
	left: 0;
	top: 10px;
}

.menu-animated .bar {
	background-color: transparent;
	transition: all .25s;
	position: relative;
	z-index: 11;
}
.menu-animated .bar:before {
	transition: all .25s;
	content: "";
	transform: rotate(45deg);
	top: 0px;
}
.menu-animated .bar:after {
	transition: all .25s;
	content: "";
	transform: rotate(-45deg);
	top: 0px;
}