

  .site-header .head-note,
  .wa-lede {
    width: 50%;
    max-width: 750px;
    padding: 5px 33px;
    font-size: 13px;
    text-align: left;
  }

  .wa-row {
    grid-template-columns: 12rem 1px 1fr;
    gap: 3rem;
  }
  .wa-row-line {
    width: 1px;
    min-height: 5.5rem;
    background: var(--color-line);
    transform-origin: top;
  }

  .wa-access { grid-template-columns: 15rem minmax(0, 1fr); gap: 4rem; }

  .wa-access .info-list dl { grid-template-columns: 11em minmax(0, 1fr); gap: 1rem; }

  .wa-card { grid-template-columns: 1fr 1px 1fr; gap: 3rem; padding: 3rem; }
  .wa-card-line { width: 1px; background: var(--color-line-soft); }

  .wa-scatter {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 24px;
    align-items: start;
  }

  .wa-scatter-a   { grid-column: 1; grid-row: 1; }
  .wa-scatter-b   { grid-column: 2; grid-row: 1; }
  .wa-scatter-c   { grid-column: 3; grid-row: 1; }
  .wa-scatter-txt { grid-column: 1 / -1; grid-row: 2; justify-self: center; margin-top: 48px; }

  .wa-price { grid-template-columns: 10rem 1px 1fr; gap: 3rem; }
  .wa-price-line { width: 1px; min-height: 7rem; background: var(--color-line); transform-origin: top; }

  .site-footer .wrap {
    grid-template-columns: auto 1fr;
    align-items: start;
    justify-items: start;
    text-align: left;
  }

  .wa-intro { grid-template-columns: 1fr 1fr; gap: 3.5rem; }

  .wa-intro--wide-first { grid-template-columns: 1.5fr 1fr; }

  .wa-intro--rev > :first-child { order: 2; }
  .wa-intro--rev > :last-child  { order: 1; }

  main > section[id],
  main > div[id] { scroll-margin-top: var(--wa-corner-h); }

main p { max-width: 40em; }
main .txt-center > p,
main p.txt-center { margin-inline: auto; }

  .wa-oc { gap: 1.5rem; max-width: 840px; margin-inline: auto; }
  .wa-oc .oc-item { padding: 2rem 1rem 1.6rem; }
  .wa-oc-tate { height: 14.5em; gap: 1.4em; }
  .wa-oc .oc-ttl { font-size: 24px; }
  .wa-oc .oc-desc { font-size: 16px; }
  .wa-oc .oc-meta { font-size: 14px; }

:root { --section-y: 96px; }

.sec-ttl-main,
.sec-ttl--tate,
.sec-ttl--tate .sec-ttl-main,
.wa-row-ttl,
.wa-tate-ttl .sec-ttl-main,
.wa-access h2,
.wa-news-head h2,
.wa-greet-ttl,
.wa-tate-word,
.wa-resv h2 { font-size: 32px; }
.wa-notice-ttl,
.wa-card-ttl,
.wa-price-name,
.wa-greet-name,
.wa-dish .dish-group-ttl { font-size: 24px; }

.site-footer .footer-nav,
.site-footer .sns,
.site-footer .lang-list,
.site-footer .footer-copy { grid-column: 2; justify-self: end; }

@media (max-width: 1023px) {
  .wa-access { grid-template-columns: 11rem minmax(0, 1fr); gap: 2.5rem; }
  .wa-access .info-list dl { grid-template-columns: 7em minmax(0, 1fr); }
}

@media (max-width: 1199px) {
  .site-header .head-nav .nav,
  .site-header .head-nav .sns { display: none; }
}

html:not([lang="ja"]) .site-header--overlay .head-nav { column-gap: 1.7rem; padding-top: 1.25rem; }
html:not([lang="ja"]) .wa-tate-set { flex-direction: column; align-items: flex-start; gap: 1.2rem; }
html:not([lang="ja"]) .wa-tate-set--right { align-items: flex-end; }
html:not([lang="ja"]) .wa-tate-set .wa-tate-ttl { order: 1; }
html:not([lang="ja"]) .wa-tate-set .wa-vline { order: 2; width: 60px; height: 1px; }
html:not([lang="ja"]) .wa-tate-set .tate { order: 3; margin-inline: 0; }
html:not([lang="ja"]) .wa-tate-block { flex-direction: column; }
html:not([lang="ja"]) .wa-tate-block .wa-tate-ttl { order: 1; }
html:not([lang="ja"]) .wa-tate-block .tate { order: 2; }
html:not([lang="ja"]) .wa-price { grid-template-columns: 20rem 1px 1fr; }
body[data-page="menu"] .gallery-grid { max-width: 900px; margin-inline: auto; }
body[data-page="menu"] #sec1 .narrow > p { margin-inline: auto; }
body[data-page="menu"] .wa-note-right { max-width: 900px; margin-inline: auto; padding-left: calc(16rem + 1px); }
html:not([lang="ja"]) body[data-page="menu"] .wa-note-right { padding-left: calc(26rem + 1px); }
.policy-list dd { max-width: 40em; }
body.has-preview .hero { min-height: calc(100svh - 50px); }
body.has-preview .page-hero { min-height: calc(86svh - 50px); }
body[data-page="concept"] .site-header--overlay .header-fix .btn,
body[data-page="menu"] .site-header--overlay .header-fix .btn { display: none; }
body[data-page="404"] main > .section { padding-top: calc(var(--section-y) + 128px); }
.hero .wa-brush img { height: 240px; }
.page-hero .wa-brush img { height: 168px; }
.wa-access-brand .wa-brush img { height: 128px; }
#access .wa-card { grid-template-columns: 1fr; }
