@charset "UTF-8";
/*
  ブロックエディターのユニット（.column-block-editor）の見た目（2026-11 3.2.38 更新で追加）
  本体の acms-editor.css は読まない。読むと本文の p・見出しなどの指定が今までのテキストユニットにも効いて、既存のページの見た目が変わるため
  ここに書く指定は全部 .column-block-editor の中だけに効かせる。include/head/link.html で custom.css の次に読む
  本文の左右：テーマは .entry-body を -10px 広げて、p・見出しなどに左右 10px を付けている。画像・表などのブロックにも同じ 10px を付ける
*/

/* 本文
------------------------------ */
.column-block-editor {
	clear: both;
}
.column-block-editor > [data-type],
.column-block-editor > pre {
	margin-right: 10px;
	margin-left: 10px;
}
.column-block-editor > table {
	width: calc(100% - 20px);
	margin-right: 10px;
	margin-left: 10px;
}
.column-block-editor li > p,
.column-block-editor th > p,
.column-block-editor td > p,
.column-block-editor blockquote > p {
	margin: 0;
}
.column-block-editor pre {
	margin-top: 0;
	margin-bottom: 15px;
	overflow-x: auto;
}

/* カラム・グループの中は外側で左右の余白を取っているので、中の文章の左右の余白を消す */
.column-block-editor [data-type="column"] p,
.column-block-editor [data-type="column"] h2,
.column-block-editor [data-type="column"] h3,
.column-block-editor [data-type="column"] h4,
.column-block-editor [data-type="column"] h5,
.column-block-editor [data-type="column"] h6,
.column-block-editor [data-type="group"] p,
.column-block-editor [data-type="group"] h2,
.column-block-editor [data-type="group"] h3,
.column-block-editor [data-type="group"] h4,
.column-block-editor [data-type="group"] h5,
.column-block-editor [data-type="group"] h6 {
	margin-right: 0;
	margin-left: 0;
}

/* 画像
------------------------------ */
.column-block-editor [data-type="imageBlock"] {
	display: flex;
	margin-top: 0;
	margin-bottom: 15px;
}
.column-block-editor [data-type="imageBlock"][data-align="left"] {
	justify-content: flex-start;
}
.column-block-editor [data-type="imageBlock"][data-align="center"] {
	justify-content: center;
}
.column-block-editor [data-type="imageBlock"][data-align="right"] {
	justify-content: flex-end;
}
.column-block-editor [data-type="imageBlock"] figure {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	line-height: 0;
	text-align: center;
}
.column-block-editor [data-type="imageBlock"][data-align="left"] figure {
	text-align: left;
}
.column-block-editor [data-type="imageBlock"][data-align="right"] figure {
	text-align: right;
}
.column-block-editor [data-type="imageBlock"] figure a {
	display: inline-block;
	max-width: 100%;
}
.column-block-editor [data-type="imageBlock"] img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.column-block-editor [data-type="imageBlock"] figcaption {
	margin: 5px 0 0;
	line-height: 1.3;
}

/* カラム（スマホは縦に並べる）
------------------------------ */
.column-block-editor [data-type="columns"] {
	display: grid;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column;
	gap: 20px;
	margin-top: 0;
	margin-bottom: 15px;
}
.column-block-editor [data-type="column"] {
	min-width: 0;
}
.column-block-editor [data-type="column"] > :last-child {
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
	.column-block-editor [data-type="columns"] {
		grid-auto-flow: row;
		gap: 15px;
	}
}

/* グループ
------------------------------ */
.column-block-editor [data-type="group"] {
	box-sizing: border-box;
	margin-top: 0;
	margin-bottom: 15px;
}
.column-block-editor [data-type="group"][style*="background-color"] {
	padding: 20px;
}
.column-block-editor [data-type="group"] > :last-child {
	margin-bottom: 0;
}

/* リンクボタン・ファイル（ボタン型）
------------------------------ */
.column-block-editor [data-type="linkButton"],
.column-block-editor [data-type="fileBlock"] {
	display: flex;
	margin-top: 0;
	margin-bottom: 15px;
}
.column-block-editor [data-type="linkButton"][data-align="left"],
.column-block-editor [data-type="fileBlock"][data-align="left"] {
	justify-content: flex-start;
}
.column-block-editor [data-type="linkButton"][data-align="center"],
.column-block-editor [data-type="fileBlock"][data-align="center"] {
	justify-content: center;
}
.column-block-editor [data-type="linkButton"][data-align="right"],
.column-block-editor [data-type="fileBlock"][data-align="right"] {
	justify-content: flex-end;
}
.column-block-editor [data-type="linkButton"] a,
.column-block-editor [data-type="fileBlock"][data-display-type="button"] a {
	box-sizing: border-box;
	display: inline-flex;
	gap: 8px;
	align-items: center;
	min-height: 40px;
	padding: 10px 24px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	color: #fff;
	text-decoration: none;
	background-color: #333;
	border-radius: 4px;
	transition: background-color 0.2s ease;
}
.column-block-editor [data-type="linkButton"] a:hover,
.column-block-editor [data-type="fileBlock"][data-display-type="button"] a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #666;
}
.column-block-editor [data-type="fileBlock"][data-display-type="button"] img {
	width: auto;
	height: 1.4em;
}
.column-block-editor [data-type="fileBlock"][data-display-type="button"] .caption {
	margin: 0;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

/* ファイル（アイコン型）
------------------------------ */
.column-block-editor [data-type="fileBlock"][data-display-type="icon"] > div {
	text-align: center;
}
.column-block-editor [data-type="fileBlock"][data-display-type="icon"] a {
	display: inline-block;
	text-decoration: none;
}
.column-block-editor [data-type="fileBlock"][data-display-type="icon"] img {
	display: inline-block;
	width: 70px;
	max-width: 100%;
	height: auto;
}
.column-block-editor [data-type="fileBlock"][data-display-type="icon"] .caption {
	margin: 5px 0 0;
	line-height: 1.5;
}

/* 区切り線
------------------------------ */
.column-block-editor [data-type="horizontalRule"] {
	margin-top: 0;
	margin-bottom: 15px;
}
.column-block-editor [data-type="horizontalRule"] hr {
	margin: 0;
}

/* 埋め込み（リンクカード）
------------------------------ */
.column-block-editor [data-type="embedBlock"] {
	margin-top: 0;
	margin-bottom: 15px;
	container-type: inline-size;
	line-height: normal;
	text-align: left;
}
.column-block-editor [data-type="embedBlock"] > * {
	max-width: 100%;
}
.column-block-editor [data-type="embedBlock"] > figure {
	margin: 0;
}
.column-block-editor [data-type="embedBlock"][data-align="center"] [data-embed-content],
.column-block-editor [data-type="embedBlock"][data-align="right"] [data-embed-content] {
	display: flex;
	flex-direction: column;
}
.column-block-editor [data-type="embedBlock"][data-align="center"] [data-embed-content] {
	align-items: center;
}
.column-block-editor [data-type="embedBlock"][data-align="right"] [data-embed-content] {
	align-items: flex-end;
}
.column-block-editor iframe,
.column-block-editor video {
	box-sizing: border-box;
	display: block;
	max-width: 100%;
}
.column-block-editor .embed-block-card {
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 16px;
	line-height: normal;
	text-align: left;
	text-decoration: none;
	background-color: #f1f1f1;
}
.column-block-editor .embed-block-card:hover {
	background-color: #e5e5e5;
}
.column-block-editor .embed-block-card-image-container {
	display: block;
	flex-shrink: 0;
	width: 100%;
	height: auto;
	aspect-ratio: 1.91 / 1;
}
.column-block-editor .embed-block-card-image-container img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.column-block-editor .embed-block-card-content {
	min-width: 0;
}
.column-block-editor .embed-block-card .embed-block-card-title {
	display: block;
	padding: 0;
	margin: 0 0 8px;
	font-size: 16px;
	line-height: 1.4;
	color: #333;
	text-decoration: none;
}
.column-block-editor .embed-block-card .embed-block-card-title:hover {
	text-decoration: underline;
}
.column-block-editor .embed-block-card .embed-block-card-title::after {
	position: absolute;
	inset: 0;
	content: "";
}
.column-block-editor .embed-block-card-provider {
	display: block;
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #333;
}
.column-block-editor .embed-block-card-description {
	display: block;
	padding: 0;
	margin: 8px 0 0;
	font-size: 14px;
	line-height: 1.6;
	color: #333;
}
@container (min-width: 470px) {
	.column-block-editor .embed-block-card {
		flex-direction: row;
	}
	.column-block-editor .embed-block-card-image-container {
		width: 154px;
		aspect-ratio: 1 / 1;
	}
}