@charset "utf-8";

.header {
    position: relative;
    z-index: 99;
}

.hHamBtn {
    z-index: 9999;
}

.hHamBtn.open .hHamBarBx {
    justify-content: center;
}

.hHamBar {
    transition: all .3s;
}

.hHamBtn.open .hHamBar:first-of-type {
    transform: rotate(30deg);
    transform-origin: center;
}

.hHamBtn.open .hHamBarCenter {
    display: none;
}

.hHamBtn.open .hHamBar:last-of-type {
    transform: rotate(-30deg);
    transform-origin: center;
}

.hamMenu {
    z-index: 999;
    opacity: 0;
    transition: all .5s;
    pointer-events: none;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.hamMenu::-webkit-scrollbar {
    display: none;
}

/* Chrome, Safari 対応 */
.box::-webkit-scrollbar {
    display: none;
}

.hamMenu.open {
    opacity: 1;
    pointer-events: all;
}