@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.1
    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
*/

/* 固定ページ h2 マージンリセット（Extension の data-hdg-id 付きは除外） */
.page .post_content h2:not([data-hdg-id]),
.page .post_content h3:not([data-hdg-id]) {
	margin: 0;
}

/* SWELL の section_ttl ::after/::before リセットを解除（カスタムCSS側で装飾を定義） */
.post_content .is-style-section_ttl::after {
	content: "";
	border: none;
}
.post_content .is-style-section_ttl::before {
	content: none;
}

[data-block-link] {
	cursor: pointer;
}

/* SWELL 標準の .has-border/.has-background box_padding を UB でリセット
   Extension が spacingPadding で個別管理するため */
.wp-block-flavor-universal-block.has-border,
.wp-block-flavor-universal-block.has-background {
	padding: 0;
}

/* 下層固定ページ: SWELL既定の「ページタイトル帯＋パンくず」を非表示
   各固定ページは独自のFV(ヒーロー)を持つため不要。フロントページ(home)は除外。
   ※SWELLにタイトル/パンくず非表示の純正トグルが無いためCSSで対応（ユーザー要望・可逆） */
.page:not(.home) .c-pageTitle,
.page:not(.home) .p-breadcrumb {
	display: none;
}
/* タイトル帯を消した後に残る上部の空白を詰め、FVをヘッダー直下に密着させる
   （.l-content の上パディング64px ＋ .post_content の上マージン64px を固定ページ限定でゼロに） */
.page:not(.home) .l-content {
	padding-top: 0;
}
.page:not(.home) .post_content {
	margin-top: 0;
}

/* ============================================================
   CONTACT CTA（ブログパーツ）用 装飾 — グローバル
   ブロックパーツ化したCONTACTセクションを、どのページに貼っても
   装飾が出るよう .sec-contact 配下に限定したルールをここに置く
   （ブロック属性で表現できない3点: ボタン影 / セクション上端border /
   SWELL既定h2装飾の打ち消し）。セレクタは全て .sec-contact 配下＝他に影響なし。
   ============================================================ */
.sec-contact .wp-block-button__link {
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
.sec-contact {
	border-top: 1px solid #020c1b;
}
.sec-contact h2.wp-block-heading {
	background: none;
	padding: 0;
}
.sec-contact h2.wp-block-heading::before,
.sec-contact h2.wp-block-heading::after {
	display: none;
	content: none;
}

/* ============================================================
   モバイルヘッダー（≤959px = ハンバーガー表示域）をデザインに合わせる
   Figma node 110-4930（375幅）準拠: ヘッダー高さ80px / ロゴ左32px /
   ハンバーガー右まわりの余白。要素は flex align-items:center で上下中央。
   PC（≥960px）の固定ヘッダーは別デザインのため一切変更しない。
   ヘッダーは position:sticky で通常フローを占有するため、高さを増やすと
   本文がその分だけ下がるだけで重なりは生じない（スペーサー不要）。
   ============================================================ */
@media (max-width: 959px) {
	/* ヘッダー高さ 48px → 80px（min-height で SWELL 既定の height:48px を上書き） */
	.l-header__inner {
		min-height: 80px;
	}
	/* ロゴの左余白を SWELL 既定の 2vw（≒7.5px@375）→ 32px 固定に */
	.l-header__logo {
		padding-left: 32px;
	}
	/* ハンバーガーを右端から内側へ寄せる（デザインの右24px相当）。
	   ボタン枠は48pxのままアイコンを中央維持し、枠ごと右余白を確保。 */
	.l-header__menuBtn {
		margin-right: 16px;
	}
}