/*----------------ハンバーガーメニュー---------------------*/
.hamburger{
  position: fixed;
  margin: 0.5rem 1rem;
  top: 0;
  right: 0;
  z-index: 999;
  width: 50px;
  height:50px;
  border-radius: 5px;
  /* background:#00968A; */
  /* background:#00968A; */

}

.hamburger span{
  display: inline-block;
  position: absolute;
  width: 100%;
  left:14px;/* 追記 */
  width: 45%;
  height: 3px;
  /* border-radius: 2px; */
  /* background-color: #fff; */
  background-color: #666;
  transition: .5s;/* 追記 */
}
.hamburger span:first-of-type{/* ハンバーガーメニューの1番目の線 */
  /*top: 0;*/
  top: 15px;
  
}
.hamburger span:nth-of-type(2){/* ハンバーガーメニューの2番目の線 */
  /*top: 50%;*/
  top:23px;

}
.hamburger span:last-of-type{/* ハンバーガーメニューの3番目の線 */
  /*top: 100%;*/
  top:31px;

}
/* ここから下を追記 */
.hamburger.active span:first-of-type{/* ハンバーガーメニューの1番目の線 */
  top: 50%;
  transform: rotate(45deg);
}
.hamburger.active span:nth-of-type(2){/* ハンバーガーメニューの2番目の線 */
  opacity: 0;/* 透明にする */
}
.hamburger.active span:last-of-type{/* ハンバーガーメニューの3番目の線 */
  top: 50%;
  transform: rotate(-45deg);
}
/*--------------------ハンバーガーメニュー_end-----------------------*/
@media screen and (min-width:1025px){
  .hamburger{
    display:none;
  }
}