body {
  /*overflow-x: hidden;*/
 margin-top:49px;
}



@media (min-width: 901px) {
.nav_sp {
  display: none;
}
}

@media (max-width: 900px) {
.nav_sp {
  display: flex;
z-index:4999;
}
}

.nav_sp a {
  font-size: .32rem;
  padding: 0px 32px;
  transition: color 0.2s ease-in;
}

.nav_sp a:hover {
  color: orange;
}

.nav_sp a:active {
  color: orange;
}

.nav_sp a:visited {
  color: black;
}

.menuBtn_sp {
  cursor: pointer;
  position: relative;
  width: 48px;
  height: 48px;
  top: 22px;
  right: 20px;
  display: none;
}

.menuBtn_sp::before {
  content: "";
  position: absolute;
  background-color: white;
  height: 2px;
  width: 36px;
  box-shadow: 0px 12px 0px white, 0px -12px 0px white;
  right: 0;
}

#menu_control_sp {
  display:none;
}


/* rwd */
@media screen and (max-width: 900px){
  .nav_sp {
    position: absolute;
    flex-direction: column;
    background-color: #FFFFFFFF;
    top: 49px;
    width: 50%;
    height: calc(100vh - 94px);
    padding: 20px;
    right: 0%;
    transition: right 0.8s ease-in-out;
display:none;
   }
  .nav_sp a {
    /*color: white;*/
    padding: 24px 32px;
  }
  .menuBtn_sp {
    display: block;
  }
  #menu_control_sp:checked ~ .nav_sp {
    right: 0px;
    display: block;

  }
}