/* 静的化に伴う最小限の補正
   （WordPressプラグインのJSが行っていた表示制御を、CSSで肩代わりする） */

/* Forminator: プラグインJSが display:none を解除していたため、静的側で表示する */
form.forminator-ui.forminator-custom-form { display: block !important; }
div.forminator-ui.forminator-custom-form:not(form) { display: none !important; }
.forminator-loading, .forminator-response-message:empty { display: none !important; }

/* ------------------------------------------------------------------
   ヘッダーの追従表示

   現行サイトでは Colibri のJSが、スクロール時にヘッダーへ
   position:fixed を当てて固定していた（そのJSは静的化で外している）。
   fixedだと本文がヘッダーの高さぶん飛び上がるため、position:sticky を使う。

   なお現行サイトは、固定時に h-navigation_sticky クラスを付けてロゴを
   小さくしていたが、ロゴ画像は通常時と同一ファイルで見た目が変わらない
   わりにヘッダーの高さが20px変わり、スクロール開始時にガタつく。
   ここでは付けない。
   ------------------------------------------------------------------ */
/* position:sticky は「祖先のはみ出し設定」と「親の高さ」に左右される。
   ヘッダー自身とその外側2枚はいずれも高さ80pxしか無いため、
   ヘッダーに直接指定しても動く余地が無い。ページ全体を包む
   .page-header に指定する。
   また .site の overflow:hidden はスクロールの基準を奪ってしまうので、
   横方向のはみ出し防止だけを残す overflow-x:clip に置き換える。 */
/* テーマは html と body に overflow-x:hidden を当てている。
   これがあるとページ全体がスクロール領域として扱われ、
   position:sticky が効かなくなる。横のはみ出しを抑える目的は
   overflow-x:clip でも達せられるので、そちらに置き換える。 */
html,
body,
#colibri .site {
  overflow-x: clip;
  overflow-y: visible;
}
#colibri .page-header {
  position: sticky;
  top: 0;
  z-index: 9999;
}