@charset "utf-8";
/* ====================================================
   ホテルライク（2026-10-16）: トップと同じ「広い余白・細い線・ゆっくりした動き」を、
   お知らせ・お問い合わせ・プライバシーにもそろえる。includes/i18n.php の site_head_extras() が読み込む。
   書体・文字の大きさ・色は変えない（色は見る人ごとの配色のまま）
   ==================================================== */

/* 文字がふわっと出る動きを、トップに合わせてゆっくりに */
.m-rise { transition-duration: 1.2s, 1.2s; }

/* 上の帯の線は、ごく薄く */
.b-head, .site-header { border-bottom-color: var(--rule-soft); }
.b-foot, .site-footer { border-top-color: var(--rule-soft); }

/* ページの見出しの上に、トップと同じ短い線を1本 */
.b-title::before,
.b-article__date::before,
main.wrap:not(.is-thanks) > h1::before {
  content: ""; display: block; width: 28px; height: 1px; margin: 0 0 28px;
  background: currentColor; opacity: .35;
}

/* 余白を広く */
.b-title { margin: 12vh 0 72px; }
.b-item { padding-bottom: 40px; margin-bottom: 40px; }
.b-article__date { margin-top: 12vh; }
.b-article__title { margin-bottom: 64px; }
.b-foot { margin-top: 140px; }
main.wrap:not(.is-thanks) { padding-top: 12vh; padding-bottom: 140px; }
main.wrap:not(.is-thanks) > .lead { margin-bottom: 64px; }

/* スマホ: 余白は少し控えめに。上の帯のリンクを指で押しやすく（高さ44px） */
@media screen and (max-width: 768px) {
  .b-title { margin: 9vh 0 52px; }
  .b-article__date { margin-top: 9vh; }
  .b-article__title { margin-bottom: 44px; }
  .b-foot { margin-top: 100px; }
  main.wrap:not(.is-thanks) { padding-top: 9vh; padding-bottom: 100px; }
  .b-head__nav a, .site-header a, .site-header nav a { display: inline-flex; align-items: center; min-height: 44px; }
  .b-head, .site-header { padding-top: 14px; padding-bottom: 14px; }
}