header {
    color: #574337;
    background-color: #f7f3ec;
    font-family: "Noto Sans JP", sans-serif;
}


.logo {
    width: 150px;
}

.icon {
    width: 30px;
}



@media screen and (max-width: 768px) {

    .header {
        height: 60px;
    }

    .shop-logo img {
        max-height: 50px;
        transform: translateY(-10px);
        width: auto;
    }

    .menu-trigger span {
        height: 3px;
        background-color: #574337;
    }

    .menu-trigger span:nth-of-type(1) {
        top: 3px;
    }



    .menu-trigger.active span {
        background-color: #574337;
    }

    .menu-trigger.active span:nth-of-type(1) {
        transform: translateY(13px) rotate(-45deg);
    }

    .menu-trigger.active span:nth-of-type(3) {
        transform: translateY(-5px) rotate(45deg);
    }

    .cart-link img {
        width: 40px;
        transform: translateY(-5px);
    }

}