header {
    background-color: #F1F0EC;
}
.search-toggle input {
    max-width: 200px;
    transition: width 0.3s;
}
nav.navbar {
    background-size: cover;
    background-position: center;
}
.navbar.fixed-top {
    position: fixed;
    top: 0;
    width: 100%;
    height: var(--header-h);
    padding: 0 1rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
    z-index: 1030;
    background-color: #F1F0EC !important;
}
.navbar.fixed-top .container-fluid {
    height: 100%;
    padding: 0;
}
.navbar-toggler, .navbar-brand, .navbar-nav .nav-link, .form-control {
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
}
@media (max-width: 576px) {
    .navbar-brand img {
        /* お好みの高さに調整 */
        max-height: 30px !important;
        width: auto !important;
    }
}