@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* =========================================================
   本サイト共通ヘッダー/フッターの調整
   （SWELL の <footer class="l-footer"> 内に出力されるため、
   　SWELL 側スタイルとの競合をここで上書きする）
   ========================================================= */

/* フローティング予約ボタン（SP）の文字色を本サイトと同じ白に戻す。
   SWELL が .l-footer に color:#333（--color_footer_text）を継承させるため、
   フッタースコープの高詳細度ルールで上書きする。 */
.l-footer .floating .popup-btn {
  color: #fff;
}

/* フローティング予約ボタンが SWELL の各要素（z-index 最大 1000）に隠れて
   見出し等が前面に被るのを防ぐ。
   magnific-popup（z-index 1042〜）より下に保ち、予約ポップアップは前面に出す。 */
.l-footer .floating {
  z-index: 1010;
}

/* SWELL フッター自体の重なり順を 1 に固定する（SWELL 既定は z-index:0）。 */
.l-footer {
  z-index: 1;
}

/* =========================================================
   固定ヘッダー分のオフセット
   本サイト共通ヘッダーは position:fixed; top:0 のため、SWELL の
   コンテンツ先頭（パンくず／本文）がヘッダーの下に潜り込んで
   見えない・クリックできない。コンテンツ全体ラッパーにヘッダー
   高さ分の余白を入れて、ヘッダー下に表示されるようにする。
   ※ ヘッダー高さの目安: ロゴ(168x68)最大140px幅 + 上下padding ≒ 60〜85px
   ========================================================= */
#body_wrap {
  padding-top: clamp(100px, 11vw, 140px);
}

/* 本サイト app.min.css の汎用ルール `ol li+li{margin-top:1em}` が
   SWELL のパンくず（<ol> 構造）の 2 番目以降の項目に効いて縦ズレするため、
   パンくず内に限って無効化する。（投稿本文のリスト余白には影響させない） */
.p-breadcrumb li + li,
.p-breadcrumb__item + .p-breadcrumb__item {
  margin-top: 0;
}