@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
*/

/* =========================================================
   固定ヘッダー分のオフセット
   本サイト共通ヘッダーは position:fixed; top:0 のため、SWELL の
   コンテンツ先頭（メインビジュアル／パンくず／本文）がヘッダーの下に
   潜り込んで見えない・クリックできない。コンテンツ全体ラッパーに
   ヘッダー高さ分の余白を入れて、ヘッダー下に表示されるようにする。
   ※ ヘッダー実測値: 1280px→85px / 900px→76px / 390px→62px
   ========================================================= */
#body_wrap {
  padding-top: clamp(85px, 9vw, 115px);
}

/* =========================================================
   本サイト app.min.css の汎用ルールが SWELL 側に波及する分の打ち消し
   ========================================================= */

/* `body img{width:100%}` が WordPress 側の画像（アイキャッチ・本文内画像・
   アバター・絵文字など）まで強制的に横幅いっぱいに広げてしまうため、
   SWELL のコンテンツ領域内では本来の幅に戻す。 */
#body_wrap img {
  width: auto;
}
#body_wrap .wrapper img,
#body_wrap #header img,
#body_wrap .footer img,
#body_wrap .f-contact img {
  width: 100%;
}

/* `body p+p{margin-top:1em}` などの余白ルールが SWELL のパンくずや
   リスト系ウィジェットの行間に効いて縦ズレするため、パンくず内は無効化する。
   （投稿本文のリスト余白には影響させない） */
.p-breadcrumb li + li,
.p-breadcrumb__item + .p-breadcrumb__item {
  margin-top: 0;
}