.new_menu_header_01 {
position: fixed;
/*    position: relative;*/
  margin: 0 !important;
/*  height: 300px;*/
  top: 10;
  left: 0;
/*  height: 100px;
  width: 100px;*/
/*  font-family: serif;*/
}

.new_menu_navi_01 {
  z-index: 1;
/*  position: absolute;*/
  position: fixed;
  top: 0;
  left: 0;
  background: #ada59c;
  width: 350px;
  height: 100vh;
  transform: translateX(-100%);
  transition: all 0.6s;
}

.new_menu_navi_01.active {
  transform: translateX(0%);
}

.new_menu_navi_01 ul {
	padding-top: 48px;
/*	padding-left: 90px;*/
	padding-left: 50px;
	text-align: left;
}

.new_menu_navi_01 li {
  list-style: none;
  margin-bottom: 0px;
}

.new_menu_navi_01 li a {
  color: #fff;
  text-decoration: none;
}

/* メニューボタン */
.sp-menu-btn_01 {
  background: #ada59c;
  border: none;
/*  position: absolute;*/
  position: fixed;
/* right: 10px;*/
  left: 10px;
  top: 10px;
/*  width: 60px;
  height: 60px;*/
	width: 30px;
	height: 30px;
  cursor: pointer;
  z-index: 1000;
  border-radius: 50%;
}

.sp-menu-btn_01 .line {
  display: block;
/*  position: absolute;*/
  position: fixed;
/*  width: 35px;*/
  width: 15px;
  height: 1px;
/*  right: 10px;*/
/*  right: 12px;*/
  left: 17px;
  background: #fff;
  transition: 0.3s ease-in-out;
}

.sp-menu-btn_01 span:nth-child(1) {
/*  top: 20px;*/
  top: 18px;
}

.sp-menu-btn_01 span:nth-child(2) {
/*  top: 28px;*/
  top: 25px;
}

.sp-menu-btn_01 span:nth-child(3) {
/*  top: 36px;*/
  top: 32px;
}

/* メニューが開いているときのボタン */
.sp-menu-btn_01.active span:nth-child(1) {
  top: 28px;
  transform: rotate(-45deg);
}

.sp-menu-btn_01.active span:nth-child(2) {
  opacity: 0;
}

.sp-menu-btn_01.active span:nth-child(3) {
  top: 28px;
  transform: rotate(45deg);
}