.hamburger{width:40px;height:40px;display:block;position:relative;cursor:pointer;pointer-events:auto;}
.hamburger__line{width:40px;height:2px;overflow:hidden;position:absolute;z-index:10}
.hamburger__line-in{width:200px;height:2px;position:absolute;top:0;left:0}
.hamburger__line-in::after,.hamburger__line-in::before{width:60px;height:2px;content:'';display:block;position:absolute;top:0;background-color:#fff}
.hamburger__line-in::before{left:-128px}
.hamburger__line-in::after{left:0}
.hamburger__line--01,.hamburger__line--02,.hamburger__line--03{left:0}
.hamburger__line--01{top:10px}
.hamburger__line--02{top:22px}
.hamburger__line--03{top:34px}
.hamburger__line--cross01,.hamburger__line--cross02{left:0}
.hamburger__line--cross01,.hamburger__line--cross02{top:22px}
.hamburger__line--cross01{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.hamburger__line--cross02{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.hamburger__line{-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}
.hamburger__line-in{-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}
.hamburger__line-in::after,.hamburger__line-in::before{-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}
.hamburger__line-in--cross01,.hamburger__line-in--cross02{-webkit-transform:translateX(-33.3%);transform:translateX(-33.3%)}
.hamburger__line-in--01{-webkit-transition-delay:.2s;transition-delay:.2s}
.hamburger__line-in--02{-webkit-transition-delay:.25s;transition-delay:.25s}
.hamburger__line-in--02::after,.hamburger__line-in--02::before{-webkit-transition-delay:50ms;transition-delay:50ms}
.hamburger__line-in--03{-webkit-transition-delay:.3s;transition-delay:.3s}
.hamburger__line-in--03::after,.hamburger__line-in--03::before{-webkit-transition-delay:.1s;transition-delay:.1s}
.hamburger__line-in--cross01{-webkit-transition-delay:0ms;transition-delay:0ms}
.hamburger__line-in--cross02{-webkit-transition-delay:50ms;transition-delay:50ms}
.hamburger__line-in--cross02::after,.hamburger__line-in--cross02::before{-webkit-transition-delay:.1s;transition-delay:.1s}
.hamburger.is-opened-navi .hamburger__line-in--01,.hamburger.is-opened-navi .hamburger__line-in--02,.hamburger.is-opened-navi .hamburger__line-in--03{-webkit-transform:translateX(33.3%);transform:translateX(33.3%)}
.hamburger.is-opened-navi .hamburger__line-in--cross01,.hamburger.is-opened-navi .hamburger__line-in--cross02{-webkit-transform:translateX(0);transform:translateX(0)}
.hamburger.is-opened-navi .hamburger__line-in--01{-webkit-transition-delay:0s;transition-delay:0s}
.hamburger.is-opened-navi .hamburger__line-in--02{-webkit-transition-delay:50ms;transition-delay:50ms}
.hamburger.is-opened-navi .hamburger__line-in--03{-webkit-transition-delay:.1s;transition-delay:.1s}
.hamburger.is-opened-navi .hamburger__line-in--cross01{-webkit-transition-delay:.25s;transition-delay:.25s}
.hamburger.is-opened-navi .hamburger__line-in--cross02{-webkit-transition-delay:.3s;transition-delay:.3s}