/*文字ｺｰﾄﾞ*/
@charset "utf-8";

/*ﾊﾝﾊﾞｰｶﾞｰﾒﾆｭｰ(背景)*/
.hamburger_back {
	display:none;
}

/*ﾊﾝﾊﾞｰｶﾞｰﾒﾆｭｰ(背景)*/
.hamburger_back.active {
	display:block;
	position:fixed;
	top:0;
	left:calc(50% - (600px / 2));
	width:600px;
	height:100%;
	z-index:701;
	background-color:#000000;
	opacity:0.8;
}

/*ﾊﾝﾊﾞｰｶﾞｰﾒﾆｭｰ(3本線)*/
.hamburger_border {
	display:block;
	position:fixed;
	top:5px;
	right:calc(50% - (600px / 2) + 5px);
	width:48px;
	height:40px;
	cursor:pointer;
	z-index:702;
	color:#ffffff;/*文字色*/
	/*background-color:#000000;*//*背景色*/
	/*border:1px solid #000000;*//*枠色*/
	/*opacity:0.5;*//*透過*/
	/*-webkit-box-shadow:0px 3px 16px -2px #aaaaaa;*//*影*/
	/*-moz-box-shadow:0px 3px 16px -2px #aaaaaa;*//*影*/
	/*box-shadow:0px 3px 16px -2px #aaaaaa;*//*影*/
}

.hamburger_border span {
	display:block;
	position:absolute;
	width:38px;
	left:5px;
	border-bottom:solid 2px #ffffff;/*3本線色*/
	-webkit-transition:.50s ease-in-out;/*変化速度*/
	-moz-transition:.50s ease-in-out;/*変化速度*/
	transition:.50s ease-in-out;/*変化速度*/
}

.hamburger_border span:nth-child(1) {
	top:7px;
}

.hamburger_border span:nth-child(2) {
	top:19px;
}

.hamburger_border span:nth-child(3) {
	top:31px;
}

.hamburger_border.active span:nth-child(1) {
	top:18px;
	left:6px;
	-webkit-transform:rotate(-45deg);/*最初の線をﾏｲﾅｽ45度に*/
	-moz-transform:rotate(-45deg);/*最初の線をﾏｲﾅｽ45度に*/
	transform:rotate(-45deg);/*最初の線をﾏｲﾅｽ45度に*/
}
 
.hamburger_border.active span:nth-child(2),
.hamburger_border.active span:nth-child(3) {
	top:18px;
	-webkit-transform:rotate(45deg);/*2･3番目の線を45度に*/
	-moz-transform:rotate(45deg);/*2･3番目の線を45度に*/
	transform:rotate(45deg);/*2･3番目の線を45度に*/
}

/*ﾊﾝﾊﾞｰｶﾞｰﾒﾆｭｰ(ｽﾗｲﾄﾞﾒﾆｭｰ)*/
.hamburger_slide {
	position:fixed;
	z-index:704;
	top:0;
	width:100px;
	height:100%;
	opacity:0;
	margin-left:-1px;
	background-color:#f4f4f4;
	text-align:left;
	pointer-events:none;/*ｸﾘｯｸ無効*/
	transition:all 0.3s;/*ｴﾌｪｸﾄ時間*/
	/*transform:translateX(0);*//*ｽﾗｲﾄﾞ*/
	/*-webkit-box-shadow:0px 3px 16px -2px #aaaaaa;*//*影*/
	/*-moz-box-shadow:0px 3px 16px -2px #aaaaaa;*//*影*/
	/*box-shadow:0px 3px 16px -2px #aaaaaa;*//*影*/
}

.hamburger_slide div {
	height:40px;
	padding:5px;
	line-height:40px;
	background-color:#000000;
	color:#ffffff;
	font-size:18px;
}

.hamburger_slide ul {
}

.hamburger_slide ul li {
	list-style-type:none;
	height:30px;
	padding:5px;
	line-height:30px;
	border-bottom:1px dotted #d4d4d4;
}

.hamburger_slide ul li a {
	display:block;
	width:100%;
}

.hamburger_slide.active {
	width:220px;
	opacity:1.0;
	pointer-events:auto;/*ｸﾘｯｸ有効*/
	/*transform:translateX(0);*//*ｽﾗｲﾄﾞ*/
}

/*ﾊﾝﾊﾞｰｶﾞｰﾒﾆｭｰ(検索ﾎﾞﾀﾝ)*/
.hamburger_btn {
	position:fixed;
	z-index:705;
	left:calc(50% - (600px / 2) + 220px + 10px);
	top:160px;
	border:3px solid #ff8c00;
	background-color:#000000;
	color:#ff8c00;
	height:48px;
	width:48px;
	line-height:48px;
	font-weight:bold;
	font-size:18px;
	border-radius:50%;
	text-align:center;
	text-decoration:none;
	padding:3px;
	pointer-events:none;/*ｸﾘｯｸ無効*/
	display:none;
}

.hamburger_btn.active {
	pointer-events:auto;/*ｸﾘｯｸ有効*/
	display:block;
}

/*ﾊﾝﾊﾞｰｶﾞｰﾒﾆｭｰ(検索数)*/
.hamburger_cnt {
	position:fixed;
	z-index:703;
	top:5px;
	right:calc(50% - (600px / 2) + 5px);
	height:18px;
	width:18px;
	border-radius:50%;
	line-height:17px;
	text-align:center;
	background-color:#000000;
	color:#ffffff;
	font-size:10px;
}

/*SP*/
@media screen and (max-width:600px) {
	/*ﾊﾝﾊﾞｰｶﾞｰﾒﾆｭｰ(背景)*/
	.hamburger_back {
	}

	/*ﾊﾝﾊﾞｰｶﾞｰﾒﾆｭｰ(3本線)*/
	.hamburger_border {
		right:5px;
	}

	/*ﾊﾝﾊﾞｰｶﾞｰﾒﾆｭｰ(ｽﾗｲﾄﾞﾒﾆｭｰ)*/
	.hamburger_slide {
	}

	/*ﾊﾝﾊﾞｰｶﾞｰﾒﾆｭｰ(検索ﾎﾞﾀﾝ)*/
	.hamburger_btn {
		left:calc(220px + 10px);
	}

	/*ﾊﾝﾊﾞｰｶﾞｰﾒﾆｭｰ(検索数)*/
	.hamburger_cnt {
		right:5px;
	}
}