/*----------------------------
	TB用
--------------------------- */
@media all and (max-width: 960px) {
  /*--------------------------
	#nav-toggle
  --------------------------*/
  #nav-toggle {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 54px;
    height: 54px;
    z-index: 1000;
  }
  #nav-toggle > div {
    position: relative;
    width: 26px;
    margin: 1.5rem auto;
  }
  #nav-toggle span {
    width: 100%;
    height: 2px;
    left: 0;
    display: block;
    background: #707070;
    position: absolute;
    -webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out;
  }
  #nav-toggle span:nth-child(1) {
    top: 0;
  }
  #nav-toggle span:nth-child(2) {
    top: 11px;
  }
  #nav-toggle span:nth-child(3) {
    top: 22px;
  }

  /* nav-toggle open */
  .open {
    overflow: hidden;
  }
  .open .header__nav-menu {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .open #nav-toggle span {
    background: #707070;
  }

  /* nav-toggle close */
  .open #nav-toggle span:nth-child(1) {
    top: 11px;
    transform: rotate(45deg);
  }
  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
    top: 11px;
    transform: rotate(-45deg);
  }
}

/*--------------------------------
	SP用
----------------------------------- */
@media all and (max-width: 530px) {
}