/* ヘッダーメニュー 空室予約 共通 */
.commonheader__reserve{
    display: flex;
    gap: 19px;
    right: 5rem;
    position: absolute;
}
header .commonheader__vacancy {
    display: flex;
    border-radius: 3px;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    font-family: 'Noto Sans JP', sans-serif;
    color: #fff;
    border: none;
    background-color: #bda67c;
    transition: 0.3s;
    position: relative;
    right: auto;
}
header a.commonheader__vacancy:hover {
    opacity: 1;
}

header .commonheader__vacancy:nth-child(1) {
    background-color: #000000;
}

.services header .commonheader__vacancy{
    right: 9vw;
}
@media screen and (max-width: 799px) {
    .services header .commonheader__vacancy{
        right: auto;
        top: auto;
    }
}
.services header .commonheader__vacancy:nth-child(1){
    background-color: #226C81;
}
header .commonheader__vacancy span{
    display: inline-block;
    width: 25px;
    height: 25px;
}
header .commonheader__vacancy span.text-join{
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin-right: 6px;
    margin-left: 6px;
}
header .commonheader__vacancy.single span{
    margin-right: 15px;
}
header .commonheader__vacancy .icon-hotel{
    background-image: url("/common/img/icon-hotel.svg");
    margin-right: 4px;
}
header .commonheader__vacancy .icon-plane{
    background-image: url("/common/img/icon-plane.svg");
    margin-right: 6px;
}
header .commonheader__vacancy br{
    display: none;
}

@media screen and (max-width: 799px) {
    .commonheader__reserve {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        height: 40px;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }
    header .commonheader__vacancy{
        border-radius: 0;
        justify-content: center;
        align-items: center;
        font-size: 0.9rem;
        line-height: 1;
    }
    header .commonheader__vacancy br{
        display: block;
    }
    header .commonheader__vacancy span.text-join{
        margin-right: 4px;
        margin-left: 4px;
    }
}
@media screen and (max-width: 799px) {
    .copyright {
        padding: 0.6rem 0.6rem 3.68rem!important;
    }
}
@media screen and (max-width: 328px) {
    header .commonheader__vacancy span:not(.text-join){
        display: none;
    }
}

[target=_blank]::after {
    content: none;
}


.sp-only{
    display: none!important;
}
@media screen and (max-width: 799px) {
    .pc-only {
        display: none!important;
    }
    .sp-only{
        display: flex!important;
    }
}