/*-------------------------
  ハンバーガーメニュー
-------------------------*/

#header-wrapper a.header_ham.view_1200 {
  display: none;
}

@media screen and (max-width: 1200px) {
  #header-wrapper a.header_ham.view_1200 {
    display: block;
    width: 50px;
    height: 50px;
    z-index: 110;
    padding: 10px;
    cursor: pointer;
  }
}

#header-wrapper a.header_ham span {
  position: relative;
  z-index: 10;
  display: block;
  width: 35px;
  height: 4px;
  border-radius: 50px;
  background: var(--ttl);
  background: var(--black);
  transition: ease .4s;
}

#header-wrapper a.header_ham span:first-child {
  top: 0;
}

#header-wrapper a.header_ham span:nth-child(2) {
  margin: 7px 0;
}

#header-wrapper a.header_ham span:last-child {
  top: 0;
}

#header-wrapper .header_nav.active {
  transform: translateX(0);
}

#header-wrapper a.header_ham.active span:first-child {
  top: 10px;
  transform: rotate(45deg);
}

#header-wrapper a.header_ham.active span:nth-child(2) {
  opacity: 0;
}

#header-wrapper a.header_ham.active span:last-child {
  top: -12px;
  transform: rotate(-45deg);
}