@charset "UTF-8";

@media screen and (max-width : 1224px){

/* button */
.btn_hamburger{
	margin : 0 auto 2em !important;
	width : 60px;
}
.btn_hamburger a{
	position : relative;
	display : block;
	height : 30px;
	-webkit-transition : all .4s;
	transition : all .4s;
	box-sizing : border-box;
}
.btn_hamburger span{
	position : absolute;
	display : inline-block;
	left : 0;
	width : 100%;
	height : 2px;
	background-color : #161b1d;
	-webkit-transition : all .4s;
	transition : all .4s;
	box-sizing : border-box;
}
.btn_hamburger span:nth-of-type(1){
	top : 0;
}
.btn_hamburger span:nth-of-type(2){
	top : 14px;
}
.btn_hamburger span:nth-of-type(3){
	bottom : 0;
}
.btn_hamburger span:nth-of-type(2)::after{
	position: absolute;
	top : 0;
	left : 0;
	content : '';
	width : 100%;
	height : 2px;
	background-color : #161b1d;
	border-radius : 2px;
	-webkit-transition: all .4s;
	transition : all .4s;
}
.btn_hamburger .active span:nth-of-type(2){
	-webkit-transform : rotate(-45deg);
	-ms-transform : rotate(-45deg);
	transform : rotate(-45deg);
}
.btn_hamburger .active span:nth-of-type(2)::after{
	-webkit-transform : rotate(90deg);
	-ms-transform : rotate(90deg);
	transform : rotate(90deg);
}
.btn_hamburger .active span:nth-of-type(1){
	-webkit-transform : translateY(20px) scale(0);
	-ms-transform : translateY(20px) scale(0);
	transform : translateY(20px) scale(0);
}
.btn_hamburger .active span:nth-of-type(3){
	-webkit-transform : translateY(-20px) scale(0);
	-ms-transform : translateY(-20px) scale(0);
	transform : translateY(-20px) scale(0);
}

/* 追記 */
.btn_hamburger{
	float : right;
	position : absolute;
	top : 48px;
	right : 30px;
	margin : 0;
	padding : 5px;
	height : 50px;
	margin : 0 auto 0 !important;
	z-index : 111111;
}
.btn_hamburger a{
	width : 50px;
	height : 50px;
	margin : 0 auto 0;
}
.btn_hamburger span{
	height : 3px;
}
.btn_hamburger span,
.btn_hamburger span:nth-of-type(2)::after{
	background : #006838;
	height : 10px;
}
.btn_hamburger span:nth-of-type(2){
	top : 19px;
}
.btn_hamburger span:nth-of-type(3){
	bottom : 2px;
}


}/*

__________________________________________________________________*/

@media screen and (max-width : 500px){
.btn_hamburger{
	right : 0;
	top : 6vw;
}
.btn_hamburger a{
	width : 40px;
	height : 40px;
}
.btn_hamburger span,
.btn_hamburger span:nth-of-type(2)::after{
	height : 8px;
}
.btn_hamburger span:nth-of-type(2){
	top : 15px;
}
}
@media screen and (max-width : 320px){
.btn_hamburger{
	top : 13vw;
}
}