.hamburger-button {
  position: relative;
  z-index: 50;
  height: 38px;
  width: 38px;
  cursor: pointer;
  border-radius: 6px;
  --tw-bg-opacity: 1;
	margin-top: -20px;
}

@media (min-width: 769px) {
  .hamburger-button {
	margin-top: -60px;
	height: 53px;
	width: 53px;
  }
}
/*3本線のライン*/
.hamburger-lines {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  height: 50%;
  width: 66.666667%;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.hamburger-lines.active {
  height: 2px;
}

.hamburger-lines .line {
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  display: block;
  height: 3px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: #000000;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
@media (min-width: 769px) {
  .hamburger-lines .line {
	height: 3px;
  }
}
.hamburger-lines .line:nth-child(1) {
  top: 0px;
}

.hamburger-lines .line:nth-child(2) {
  top: 0px;
  bottom: 0px;
}

.hamburger-lines .line:nth-child(3) {
  bottom: 0px;
}
.hamburger-lines.rotate .line {
  top: 0px;
  bottom: 0px;
}

.hamburger-lines.rotate .line:nth-child(1),
.hamburger-lines.rotate .line:nth-child(2) {
  --tw-rotate: 45deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hamburger-lines.rotate .line:nth-child(3) {
  --tw-rotate: -45deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}