/*
Theme Name: Lightning aynika
Theme URI: https://aynika.co.jp/
Template: lightning
Description: aynika.co.jp 用の Lightning 子テーマ。カスタマイズはすべてこのテーマ内で行い、親テーマ（Lightning）の更新で消えないようにする。
Author: aynika
Version: 1.3.0
*/

/* ==========================================================================
   トップページ：ヘッダー／フッターとの間の余白を無くす

   Lightning は .site-body に上下 padding（画面幅により 2〜3rem）を持たせている。
   トップページは最初と最後が全幅の色面（ヒーロー・CTA）なので、この余白があると
   ヘッダー・フッターとの間に中途半端な白帯ができる。
   下層ページは見出しがヘッダーに近づきすぎないよう、既定の余白を残す。
   ========================================================================== */

.home .site-body,
.home .site-body.site-body--base--on {
	padding-top: 0;
	padding-bottom: 0;
}

/* ==========================================================================
   本文ブロックの余白（全ページ共通）

   ブロック側のインライン padding（グループの内側余白）とは競合しないよう、
   ここでは margin（ブロック同士の間隔）だけを調整している。
   見出しの前を大きく空けることで、セクションのまとまりを作る。
   ========================================================================== */

.entry-body > * {
	margin-block-start: 2rem;
}

.entry-body > *:first-child {
	margin-block-start: 0;
}

/* 見出しの前は大きく空け、直後の本文とは近づける */
.entry-body > h2.wp-block-heading {
	margin-block-start: 4.5rem;
	margin-block-end: 1.5rem;
}

.entry-body > h3.wp-block-heading {
	margin-block-start: 3rem;
	margin-block-end: 1rem;
}

/* 区切り線はセクションの切れ目なので、前後を大きく空ける */
.entry-body > .wp-block-separator {
	margin-block: 5.5rem;
}

.entry-body > .wp-block-columns,
.entry-body > .wp-block-buttons,
.entry-body > .wp-block-table {
	margin-block-start: 2.5rem;
}

/* 色面のセクション（CTA など） */
.entry-body > .wp-block-group {
	margin-block: 5rem;
}

/* 全幅の色面が先頭・末尾にある場合（トップのヒーロー・CTA）は端に密着させる。
   これらの打ち消しは上の .wp-block-group ルールより後に、かつ高い詳細度で書くこと。
   同じ詳細度で先に書くと後勝ちで打ち消しが効かない（実際に一度その状態になった）。 */
.entry-body > .wp-block-group.alignfull:first-child {
	margin-block-start: 0;
}

.entry-body > .wp-block-group.alignfull:last-child {
	margin-block-end: 0;
}

/* スマートフォン：余白のみ詰める。文字サイズは変更しない */
@media (max-width: 781px) {

	.entry-body > * {
		margin-block-start: 1.75rem;
	}

	.entry-body > h2.wp-block-heading {
		margin-block-start: 3rem;
	}

	.entry-body > h3.wp-block-heading {
		margin-block-start: 2.25rem;
	}

	.entry-body > .wp-block-separator {
		margin-block: 3.5rem;
	}

	.entry-body > .wp-block-group {
		margin-block: 3.5rem;
	}
}

/* ==========================================================================
   フッターメニューを中央揃えにする

   Lightning は .nav--line li { display: inline-block }（PC）、
   .footer-nav-list li { display: block }（モバイル）でフッターナビを組んでいる。
   ここで display:flex を当てると、モバイルの縦並びが壊れる。
   そのため親に text-align を当てる方式にしている。
   ========================================================================== */

.footer-nav .footer-nav-list {
	text-align: center;
}