#navToggle {
    display: none;
    position: absolute;/*to body*/
    right: 13px;
    top: 10px;
    width: 40px;
    height: 40px;
	background: #7D7461;
    cursor:pointer;
	border-radius: 30px;
	z-index:999;
}
#navToggle div {position:relative}
#navToggle span {
    display: block;
    position: absolute;/*to div*/
    width: 20px;
    border-bottom: solid 2px #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
	left:10px;
}
#navToggle span:nth-child(1) {top:10px;}
#navToggle span:nth-child(2) {top:18px}
#navToggle span:nth-child(3) {top:26px}

/*Media-queries_____________________________________*/

@media screen and (max-width: 896px) {
#navToggle{
	top:15px;
}
nav{
	height:0;
	overflow:hidden;
	transition:.3s;
	padding:0;
	z-index:999;
}
/*header menu*/
.openNav + nav{
	height:100%;
	overflow-y:scroll;
	position:fixed;
	padding: 0 20px 20px;
	top:0px;
	z-index:999;
	padding-top:71px;
	-webkit-overflow-scrolling: touch;   // 慣性スクロールを追加
}

#navToggle {display: block}
.top #navToggle{
	display:none;
}
/* Click Toggle(Button) */
.openNav #navToggle span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform:rotate(-45deg)}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform:rotate(45deg)}
}