/* 役割: グローバルメニュー・上部バーの共通／ページ表示・処理。
 * 利用ページ: Appeal、Aria、Article-corn、Article-elephant、Article-onshika、Cuisine、Echelon、Ember、Experience、Hearth、Kurohime、Longevity、Story、Program-bath-rest、Program-caralia、Program-fire、Program-room-day、Program-sauna、Programs、Rooms、Serene、Stay、Story-autumn、Story-corn-local、Story-history-elephant、Story-legend、Story-nojiri、Story-onshika、Story-seasonal-food、Story-spring、Story-summer、Story-winter（日英）。
 * 関係する棚: S01共通土台・S04日英・S05予約・S10履歴・S12TOP・S16導入。
 * 注意: 詳細度・media・JS実行位置を保持。!important変更は証拠台帳に限定。P/U置換依存は変更しない。placement.jsonと地図の更新.mdを参照。名前付き区画は元slotへ生成。URLはsrc担当、helper不在時は従来処理へ戻す。
 */
html body>header.brandhead.brandhead,
html body#loma-experience-page>header.brandhead.brandhead {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font-family: yu-gothic-pr6n,sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
}
html body>header.loma-room-global.loma-room-global {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font-family: yu-gothic-pr6n,sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  height: 73px;
  min-height: 68px;
}
html body>header.brandhead.brandhead :is(a,span,button),
html body>header.loma-room-global.loma-room-global :is(a,span,button) {
  font-family: yu-gothic-pr6n,sans-serif;
  letter-spacing: normal;
}
html body>header.brandhead>.page-menu.page-menu[data-loma-top-menu="20261010"],
html body>header.brandhead>.page-menu.page-menu[data-loma-top-menu="20261010"]>a {
  line-height: normal;
  color: #fff;
}
html body>header.brandhead>.page-menu.page-menu[data-loma-top-menu="20261010"]>a>span {
  -webkit-font-smoothing: auto;
  font-weight: 400;
  color: inherit;
}
html body>header.brandhead>.page-menu.page-menu[data-loma-top-menu="20261010"]>a:hover {
  color: #d2cbba;
}
@media (min-width:901px) {
  html body>header.brandhead>.page-menu.page-menu[data-loma-top-menu="20261010"]>a.compact-menu-reserve {
    display: block;
    line-height: 1.5;
    margin-left: calc(32px - clamp(16px,2.6vw,38px));
  }
}
@media (max-width:900px) {
  html body>header.loma-room-global.loma-room-global {
    height: 62px;
    min-height: 62px;
  }
  html body>header.brandhead>.page-menu.page-menu[data-loma-top-menu="20261010"]>a.compact-menu-reserve {
    display: flex;
    line-height: 1.5;
    margin-left: auto;
  }
}