@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 側スタイルとの競合をここで上書きする）
   ========================================================= */

/* SWELL が .l-footer に付ける背景色（--color_footer_bg）と文字色（--color_footer_text）を外し、
   本サイトと同じ見た目（ページ背景が透ける余白・黒文字）に戻す。 */
.l-footer {
  background: none;
}
.l-footer .footer {
  color: #000;
}

/* SWELL フッターの重なり順を 1 に固定する（SWELL 既定は z-index:0）。
   そのままだとフッター内に出力される SP 用フローティング予約ボタン（.btn-flowt）が
   #content（z-index:1）の下に潜り込んでしまう。 */
.l-footer {
  z-index: 1;
}

/* =========================================================
   固定ヘッダー分のオフセット
   本サイト共通ヘッダーは position:fixed; top:0 のため、SWELL の
   コンテンツ先頭（パンくず／本文）がヘッダーの下に潜り込んでしまう。
   本サイトの .wrapper と同じ値（PC 55px / SP 65px）を入れる。
   ========================================================= */
#body_wrap {
  padding-top: 55px;
}
@media screen and (max-width: 599px) {
  #body_wrap {
    padding-top: 65px;
  }
}