@charset "utf-8";
/*
 * 3.2 対応：ブロックエディターのテーマ側の補正（手書き）。
 * 本文の見た目は system の acms-editor.min.css が担当する。各ページの head で acms-editor.min.css の次に読む。
 * 文字の大きさはテーマの本文（16px）と system が同じなので指定しない。
 */

/* 3.2 の acms.css が :root で定義している変数。このテーマは acms.css を読まないので、ブロックエディターの中にだけ足す */
.acms-entry {
	--unit-gap-x: 1.25rem;
	--unit-margin-top: 1rem;
	--unit-margin-bottom: 0;
}

/* acms-editor の .column-image-left { display: flex } などが配置 v1 の既存ユニットに効くので戻す */
[class*="column-"]:is([class*="-left"], [class*="-right"], [class*="-center"]) {
	display: block;
}

/* acms-editor が地図・動画・モジュールのユニットに付ける上下の余白を 3.1 の形（上 0・下 20px）に戻す（marumanshoji） */
:is(.column-map, .column-street-view, .column-youtube, .column-video, [class*="column-module"]):not(.acms-entry *) {
	margin-top: 0;
	margin-bottom: 20px;
}

/* 本文の段落をテーマの段落（.page p：上 50px・行の高さ 40px、425px 以下は 30px・30px）に合わせる（2026-11-10 アラタさん：文字はテーマに合わせる）。
   acms-editor の .acms-entry p が同じ詳細度で後から読まれて勝つため。リスト・表の中の段落は対象外（直下の p だけ） */
.page .column-block-editor > p {
	margin-top: 50px;
	line-height: 40px;
	font-size: 1.6rem; /* テーマの p と同じ。acms-editor は 767px 以下で 14px にする */
}
@media (max-width: 425px) {
	.page .column-block-editor > p {
		margin-top: 30px;
		line-height: 30px;
	}
}


/* ブロックエディターの枠の文字の基準をテーマの本文（16px）に。テーマは html 62.5% で本文の外枠が 10px のままなので、
   acms-editor の em で決まる大きさ（画像のキャプション 0.9em など）が 9〜10px になっていた（2026-11-10、キャプションで確認） */
.page .column-block-editor {
	font-size: 1.6rem;
}

/* リスト・表・引用・カラムの中の文字もテーマの本文（16px）に（acms-editor は 767px 以下で 14px）。カラムの中の段落は行の高さもテーマに */
.page .column-block-editor p {
	font-size: 1.6rem;
}
.page .column-block-editor [data-type=column] > p {
	line-height: 40px;
}
@media (max-width: 425px) {
	.page .column-block-editor [data-type=column] > p {
		line-height: 30px;
	}
}

/* 番号付き・箇条書きのリストの印が本文の左端からはみ出さないように（テーマの ress.css で ul・ol の余白が 0 になる） */
.page .column-block-editor :is(ul, ol) {
	padding-left: 2.4rem; /* 24px（テーマは html を 62.5% にしているので rem は 10px） */
	list-style-position: outside;
}

/* スマホではカラムを縦に並べる（本体の CSS に指定が無い。テーマのユニットグループ（acms-col-sm-*）と同じく 479px 以下で縦に） */
@media (max-width: 479px) {
	.page .column-block-editor [data-type=columns] {
		grid-auto-flow: row;
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ダイレクト編集のボタン（編集・追加・複製・削除）。3.2 の acms-admin.css はボタンの高さを 42px に固定しているが、
   アイコンと文字（テーマの明朝体・行の高さ normal）で中身が 42px を超え、文字の下が黒地の外にはみ出して後ろが透けていた（2026-11-10 アラタさん指摘）。
   中身に合わせて伸ばす。帯の位置（ユニットのすぐ上）は JS が帯の高さから決め直すので変わらない */
#js-edit_inplace-control button {
	height: auto;
	min-height: 42px;
	padding: 4px 0;
	line-height: 1.2;
}
#js-edit_inplace-control .js-edit_inplace-control-label {
	line-height: 1.2;
}
/* 3.2 は帯の float:right が消えてページ幅のブロックになり、ユニットの左端から右へはみ出すので、ボタンの幅に縮める（見た目は変わらない） */
#js-edit_inplace-control {
	width: max-content;
}