/* トップ専用: 共通指定 / スマホ〜767px / タブレット768〜1023px / PC1024px〜。 */

@media screen and (min-width: 1024px) {
  html:has(body.p-home) {
    --top-header-height: clamp(72px, calc(5.2632vw + 18.105px), 90px);
  }

  body.p-home .l-gheader {
    height: var(--top-header-height);
    --gh-nav-gap: clamp(14px, calc(5.2632vw - 39.895px), 32px);
    --gh-pad: clamp(16px, 2.2222vw, 32px);
    --gh-side-gap: clamp(12px, 1.6667vw, 24px);
  }

  body.p-home .l-gheader__dropdown {
    top: calc(100% - 6px);
  }

  body.p-home .l-gdrawer {
    display: none;
  }
}