/*****************************************



*****************************************/
/*
  .header_sp-nav
  ------------------------------*/
.header_sp-nav {
  position: relative;
  display: block;
  height: 40px;
  width: 40px;
  cursor: pointer;

/*  border: 1px solid #000;*/
}
.header_sp-nav_line,
.header_sp-nav_line:before,
.header_sp-nav_line:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0 8px;
  height: 1px;
  width: 30px;
  background-color: #000;
  -webkit-transition: .25s;
  transition: .25s;
}
.header_sp-nav_line {
  top: 24px;
}
.header_sp-nav_line:before {
  left: 0;
  margin: -9px 0 0 0;
}
.header_sp-nav_line:after {
  left: 0;
  margin: 9px 0 0 0;
}
/*
.header_sp-nav_line.close
  ------------------------------*/
.header_sp-nav_line.close {
  background: transparent;
}
.header_sp-nav_line.close:before,
.header_sp-nav_line.close:after {
  margin: 0;
}
.header_sp-nav_line.close:before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.header_sp-nav_line.close:after {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

/*
.header_nav
------------------------------*/
.header_nav{
  display: none;
}