@charset "utf-8";

.header.is-scroll {
    background: var(--tertiary);
}

.header.is-scroll .hBx {
    height: 60px;
}

.hHamBtn {
    aspect-ratio: 50/37;
}

.fixedHeader {
    transition: all .3s;
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:768px) {
    .header.is-scroll .hBx {
        height: 100px;
    }


    .is-hidden {
        opacity: 0;
        pointer-events: none;
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */