/*
 * 下層ブロック共通の margin-bottom ユーティリティ。
 * 各ブロックの marginBottom 属性(sobaeru_mb_class() が返すクラス)とセットで使う。
 * フロント(wp_enqueue_scripts)とエディタ iframe(add_editor_style)の両方に流入する。
 * --spc-* / --sec-spc は style.css の :root 定義(clamp ベース、SP 自動縮小)を参照。
 */

.l-mb-none { margin-bottom: 0; }
.l-mb-spc-10 { margin-bottom: var(--spc-10); }
.l-mb-spc-15 { margin-bottom: var(--spc-15); }
.l-mb-spc-20 { margin-bottom: var(--spc-20); }
.l-mb-spc-25 { margin-bottom: var(--spc-25); }
.l-mb-spc-30 { margin-bottom: var(--spc-30); }
.l-mb-spc-35 { margin-bottom: var(--spc-35); }
.l-mb-spc-40 { margin-bottom: var(--spc-40); }
.l-mb-spc-50 { margin-bottom: var(--spc-50); }
.l-mb-spc-60 { margin-bottom: var(--spc-60); }
.l-mb-spc-65 { margin-bottom: var(--spc-65); }
.l-mb-spc-75 { margin-bottom: var(--spc-75); }
.l-mb-spc-80 { margin-bottom: var(--spc-80); }
.l-mb-spc-90 { margin-bottom: var(--spc-90); }
.l-mb-spc-100 { margin-bottom: var(--spc-100); }
.l-mb-spc-120 { margin-bottom: var(--spc-120); }
.l-mb-sec { margin-bottom: var(--sec-spc); }

/*
 * section-title ブロックの右寄せモディファイア(alignment: right)。
 * ソバエル様 style.css の .c-section-title--center と対称の実装(原本 CSS は不変のままここで追加)。
 */
.c-section-title--right { text-align: right; }
.c-section-title--right .c-section-title__sub { justify-content: flex-end; }

/*
 * page-title ブロック(下層FV)の固定ヘッダー回避余白。.p-header は position: fixed のため、
 * ページ先頭の .c-page-title がヘッダー裏に潜り SP では h1 とロゴが重なる(原本 parts.html はヘッダー非内包)。
 * 値はヘッダー実測高(PC 100px = padding 30px×2 + ロゴ 40px / SP 65px = padding-top 5px + inner min-height 60px)。
 * ソバエル様 style.css は不変のままここで追加。エディタ iframe に固定ヘッダーは無いため editor.css で打ち消す。
 */
.c-page-title { margin-top: 100px; }
@media screen and (max-width: 767px) {
	.c-page-title { margin-top: 65px; }
}