/* 静的化に伴う最小限の補正
   （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;
}

/* 沿革の中のリンク（会社情報 → /our-history/ など）。
   テーマ既定のリンクは黒・下線なしで本文と見分けがつかないため、
   ここだけはリンクだと分かる見た目にする。 */
#colibri a.history-link {
  color: rgb(0, 100, 225);
  text-decoration: underline;
  text-underline-offset: 3px;
}
#colibri a.history-link:hover,
#colibri a.history-link:focus {
  text-decoration: none;
}

/* 電子公告ページの区分見出し（決算公告／法定公告）。
   元は h1 がテーマ既定の64pxで、他の固定ページ（ページ名 36px）より突出していた。
   ページ内に大見出しが2つある状態も解消するため h2 に変え、大きさを揃える。 */
#colibri h2.announce-heading {
  font-size: 36px;
  font-weight: 300;
  line-height: 1.4;
  margin: 0.8em 0 0.6em;
}

/* 更新日（front matter の updated を書いたときだけ出る） */
#colibri .blog-page-article-date .article-updated {
  margin-left: 0.3em;
}
#colibri .page-updated {
  max-width: 1232px;
  margin: 0 auto 32px;
  padding: 0 16px;
  box-sizing: border-box;
  text-align: right;
  font-size: 14px;
  color: #333;
}