/*** ホテル ***/

header#header.hotel-top-header {


    & #inner_header_parts {

        & .header_bottom {
            /* flex-layout */
            justify-content: center;
            align-items: center;
        }

        & nav.main-navigation {
            display: flex;
            justify-content: flex-start;
            align-items: stretch;
            width: auto;

            & .primary-menu {
                /* flex-layout */
                justify-content: center;
                align-items: center;
            }
        }
    }
}

/*** 信州そば ***/

/* トップページ */
header#header.sinsyu-soba-top-page-header {

    & #inner_header_parts {

        & .header_bottom {
            /* flex-layout */
            justify-content: center;
            align-items: center;
        }

        & nav.main-navigation {
            display: flex;
            justify-content: flex-start;
            align-items: stretch;
            width: auto;

            & .primary-menu {
                /* flex-layout */
                justify-content: center;
                align-items: center;
            }
        }
    }
}

/* 信州そば・ホテルのPCメニュー：項目名を途中で折り返さない */
@media (min-width: 771px) {
    header#header:is(.sinsyu-soba-top-page-header, .sinsyu-soba-top-header, .hotel-top-header) .header_bottom {
        gap: 12px;
    }

    header#header:is(.sinsyu-soba-top-page-header, .sinsyu-soba-top-header, .hotel-top-header) .site-branding {
        flex: 0 0 auto;
    }

    header#header:is(.sinsyu-soba-top-page-header, .sinsyu-soba-top-header, .hotel-top-header) .site-branding img {
        width: clamp(120px, 14vw, 181px);
        height: auto;
    }

    header#header:is(.sinsyu-soba-top-page-header, .sinsyu-soba-top-header, .hotel-top-header) #site-header-menu {
        width: auto;
        flex: 1 1 auto;
        min-width: 0;
    }

    header#header:is(.sinsyu-soba-top-page-header, .sinsyu-soba-top-header, .hotel-top-header) #menu-global_navi {
        flex-wrap: nowrap;
    }

    header#header:is(.sinsyu-soba-top-page-header, .sinsyu-soba-top-header, .hotel-top-header) #menu-global_navi > li {
        flex: 0 0 auto;
        margin: 0 2px;
    }

    header#header:is(.sinsyu-soba-top-page-header, .sinsyu-soba-top-header, .hotel-top-header) #menu-global_navi > li > a {
        white-space: nowrap;
        font-size: clamp(11px, 1.1vw, 16px);
        padding: 17px clamp(4px, 0.7vw, 12px);
    }
}

/* 共通ページ */
header#header.sinsyu-soba-top-header {

    & #inner_header_parts {

        & .header_bottom {
            /* flex-layout */
            justify-content: center;
            align-items: center;
        }

        & nav.main-navigation {
            display: flex;
            justify-content: flex-start;
            align-items: stretch;
            width: auto;

            & .primary-menu {
                /* flex-layout */
                justify-content: center;
                align-items: center;
            }
        }
    }
}