/* header
========================================================================== */
header {
    background-color: var(--theme-color, var(--omoya-color)); /* デフォルトはOMOYAカラー */
}
.omoya-theme header h1 a:first-of-type {
    width: 196px;
    width: 52.9%;
    width: auto;
    height: 35%;
}
header h1 a:last-of-type {
    width: 39.7%;
    width: 10em;
    color: #B7975A;
}
header h1 p {
    /* color: #B7975A; */
    border-color: #B7975A;
    padding: 0.5em 9.1% 0.4em 0;
    /* width: 39.7%; */
    /* text-align: right; */
}
header h1 a:last-of-type p::before {
    background-color: #B7975A;
}
header h1 a:last-of-type p span::after,
header h1 a:last-of-type p span::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: auto 100%;
    top: 0;
    right: 7.6px;
    bottom: 0;
    width: 18px;
    height: 18px;
    margin: auto 0;
    transition: opacity 0.5s cubic-bezier(0.8, 0, 0.2, 1);
    background-image: url(../images/btn-circle-g.svg);
    opacity: 1;
    z-index: 1;
}
header h1 a:last-of-type:hover p {
    color: #FFF;
}
header h1 a:last-of-type p span::before {
    background-image: url(../images/btn-circle-w.svg);
    opacity: 0;
    z-index: 2;
}
header h1 a:last-of-type:hover p span::after {
    opacity: 0;
}
header h1 a:last-of-type:hover p span::before {
    opacity: 1;
}

header .menu-wrap {
    align-items: stretch;
}
header .menu-wrap li.reserv {
    height: 100%;
}
header .menu-wrap li.reserv a {
    background-color: #B7975A;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2em;
    box-sizing: border-box;
}
header .menu-wrap li.reserv a:hover {
    background-color: #D8C094;
}

header .hamburger-wrap {
    background-color: var(--theme-color, var(--omoya-color));
}

header .hamburger-wrap nav ul li:hover a {
    color: var(--theme-color, var(--omoya-color));
}
@media print, screen and (max-width: 768px) {
    .omoya-theme header h1 {
        width: 71.2vw;
    }
    header h1 a:first-of-type {
        width: 30.6vw;
        height: auto;
    }
    .omoya-theme header h1 a:first-of-type {
        width: 30.4vw;
        height: auto;
    }
    header h1 a:last-of-type {
        width: 37.6vw;
        margin-left: 3vw;
    }
    header h1 p {
        /* width: 37.6vw; */
        padding: 0.5em 7.8vw 0.4em 3.2vw;
        padding: 0.2em 7.0vw 0.2em 3.0vw;
        font-size: 4vw;
    }
    header h1 p::after {
        right: 2.6vw;
        width: 4.2vw;
        height: 4.2vw;
    }
    header h1 a:last-of-type:hover p {
        color: #FFF;
    }
    header h1 a:last-of-type:hover p::after {
        background-image: url(../images/btn-circle-w.svg);
    }
    header h1 a:last-of-type p span::after, header h1 a:last-of-type p span::before {
        width: 4vw;
        height: 4vw;
    }

    header .menu-wrap li.reserv {
        height: 100%;
        margin-right: 40px;
    }
    header .menu-wrap li.reserv a {
        background-color: #B7975A;
        height: 100%;
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
    }
    header .menu-wrap li.reserv a:hover {
        background-color: #D8C094;
    }

    header .hamburger-wrap {
        background-color: var(--theme-color, var(--omoya-color));
    }

    header .hamburger-wrap nav ul li:hover a {
        color: var(--theme-color, var(--omoya-color));
    }

    header .hamburger-wrap .sub-nav dl.menu05 dd .tel {
        font-size: 8.5vw
    }
    header .hamburger-wrap .sub-nav dl.menu05 dd .tel-time {
        font-size: 3.7vw;
    }
    header .hamburger-wrap .sub-nav dl.menu05 dd .tel-time span {
        font-size: 3.4vw;
    }

    .follow {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 17.06vw;
        background-color: #B7975A;
        z-index: 10;
        height: 36.8vw;
    }
    .follow a {
        color: #FFF;
    }
    .follow .tb-rl {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.4;
        height: 36.8vw;
        width: 17.06vw;
    }
    .follow p {
        font-size: 5.3vw;
    }
    .follow p.en {
        font-size: 4.2vw;
    }

}