.stripe{background:repeating-linear-gradient(-45deg,#63b1fa,#63b1fa 30px,#bae4fc 0,#bae4fc 60px)}.bg-menu-sp{background-image:linear-gradient(154deg,rgba(251,213,251,1),rgba(149,233,243,1))}.bg-header{background-color:#a8eeff7a}.hamburger-menu{position:relative;width:50px;height:50px;cursor:pointer;z-index:100;background-color:#ffffff;border-radius:10px;box-shadow:5px 5px 20px 0 #a8a8a8}.hamburger-menu>span{position:absolute;left:50%;transform:translateX(-50%);width:35px;height:4px;background:linear-gradient(135deg,rgb(92,212,255),rgb(255,163,240)) 0 0 /100% 100%;background:-webkit-linear-gradient(135deg,rgb(92,212,255),rgb(255,163,240)) 0 0 /100% 100%}.hamburger-menu,.hamburger-menu>span{transition:all .4s}.hamburger-menu>span:first-child{top:20%}.hamburger-menu>span:nth-child(2){top:50%;transform:translateX(-50%) translateY(-50%)}.hamburger-menu>span:nth-child(3){bottom:20%}#menu01.active span{left:0}#menu01.active span:first-of-type{transform:translateX(7px) translateY(12px) rotate(-45deg)}#menu01.active span:nth-of-type(2){left:200%;opacity:0;transform:translateY(10px);animation:active-menu01-bar01 .8s forwards}@keyframes active-menu01-bar01{to{height:0}}#menu01.active span:nth-of-type(3){transform:translateX(8px) translateY(-14px) rotate(45deg)}