/* Legacy area-specific rules. The shared font file is authoritative. */
:root {
    --alice-area-sans: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

@font-face {
    font-family: "Kiwi Maru";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/wp-content/mu-plugins/kiwi-maru-shinjuku-v20.woff2") format("woff2");
}

/* Global navigation, the desktop area list, breadcrumbs, and application menu. */
body[class*="page"] .header,
body[class*="page"] .header *,
body[class*="page"] .sidebar .pc-nav,
body[class*="page"] .sidebar .pc-nav *,
body[class*="page"] #arealist,
body[class*="page"] #arealist *,
body[class*="page"] #breadcrumb,
body[class*="page"] #breadcrumb *,
body[class*="page"] #footerFloatingMenu,
body[class*="page"] #footerFloatingMenu *,
body[class*="page"] .modal,
body[class*="page"] .modal * {
    font-family: "Kiwi Maru", serif;
}

/* Match the Sendai body-copy rule while keeping headings and decorative titles intact. */
main :is(p, li, a, dt, dd, td, th, figcaption, label, button, input, select, textarea) {
    font-family: var(--alice-area-sans) !important;
}

/* Keep the area-name line beneath the hero heading consistent with other areas. */
#subimage .ttl2 {
    font-family: "Kiwi Maru", serif !important;
}

/* Match the rounded desktop navigation used by Sapporo and Sendai. */
body[class*="page"] .sidebar .pc-nav,
body[class*="page"] .sidebar .pc-nav * {
    font-family: "Kiwi Maru", serif !important;
}

/* Tokyo has six area-menu items. Keep its proportions identical to Sendai. */
body[class*="page"] #arealist > ul.six > li {
    flex: 0 0 calc(100% / 6) !important;
    width: calc(100% / 6) !important;
}

body[class*="page"] #arealist > ul.six > li > a {
    padding: 33px 0 5px !important;
    font-size: min(2.5vw, 14px) !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
}

body[class*="page"] #arealist > ul.six > li.home > a,
body[class*="page"] #arealist > ul.six > li.home.current > a {
    padding-top: 33px !important;
    background: #fff url("/wp-content/themes/alice_offical_www_ver02/images/area/sapporo-home.svg") center top 5px / 25px no-repeat !important;
    color: var(--color-key) !important;
}

body[class*="page"] #arealist > ul.six > li.home.current {
    opacity: 0.9 !important;
}