@charset "utf-8";
/* ユニットの見た目の調整（dest/all.css より後に読む） */

/* 引用：中身の <p> に段落の余白をかけない */
.entry-container blockquote > p {
	margin: 0;
	line-height: inherit;
}

/* 表：前の区切り（hr.clearHidden）が1本減った分の 1px を足す。本文の最初の表は足さない */
.entry-column .column-table {
	margin-top: 1px;
}
.entry-column .acms-grid > hr.clearHidden:first-child + .column-table,
.entry-column .acms-grid > .js-unit_group-align:first-child > hr.clearHidden:first-child + .column-table {
	margin-top: 0;
}

/* 以下ブロックエディター。リスト・表・引用の中の <p> に段落の余白をかけない */
.column-block-editor li > p,
.column-block-editor th > p,
.column-block-editor td > p,
.column-block-editor blockquote > p {
	margin: 0;
	padding: 0;
	font-size: inherit;
	line-height: inherit;
}

/* 画像は width 属性の大きさで出るので、枠からはみ出させない */
.column-block-editor img {
	max-width: 100%;
	height: auto;
}

/* ブロックの間を段落と同じ下 30px に。変数は後から読む block-editor.css にあるので .entry-column で優先させる */
.entry-column .column-block-editor {
	--unit-margin-top: 0;
	--unit-margin-bottom: 30px;
}
.entry-column .column-block-editor :where(.media-image-block, .tableWrapper, [data-type=columns]) {
	margin-bottom: 30px;
}
/* 2カラム全体の余白と重ならないように */
.entry-column .column-block-editor [data-type=column] > :last-child {
	margin-bottom: 0;
}

/* 2・3カラムはスマホで縦に並べる */
@media screen and (max-width: 767px) {
	.entry-column .column-block-editor [data-type=columns] {
		grid-auto-flow: row;
		grid-template-columns: 1fr;
		row-gap: 30px;
	}
}

/* リンクボタン・ファイルのボタンをサイトのボタン（p.entry-btn）に合わせる */
.entry-column .column-block-editor [data-type=linkButton] a,
.entry-column .column-block-editor [data-type=fileBlock][data-display-type=button] a {
	min-height: 0;
	padding: 8px 15px;
	font-size: 16px;
	line-height: 1.2;
	color: #FFF;
	background: #999;
	border: 0;
	border-radius: 3px;
}
.entry-column .column-block-editor [data-type=linkButton] a:hover,
.entry-column .column-block-editor [data-type=fileBlock][data-display-type=button] a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #999;
	background-image: linear-gradient(to bottom, #C1C1C1, #999);
}
.entry-column .column-block-editor [data-type=linkButton] a:focus,
.entry-column .column-block-editor [data-type=linkButton] a:active,
.entry-column .column-block-editor [data-type=fileBlock][data-display-type=button] a:focus,
.entry-column .column-block-editor [data-type=fileBlock][data-display-type=button] a:active {
	color: #FFF;
	background: #878787;
	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .5);
}

/* 表の見出しセルをテーブルユニットと同じ色に */
.entry-column .column-block-editor th {
	background: #EFEFEF;
}

/* figure の初期値の余白（左右 40px）で画像が文章より狭くなるので、段落と同じ左右 10px に */
.entry-column .column-block-editor figure {
	margin: 0 10px;
}
.entry-column .column-block-editor figure img {
	vertical-align: bottom;
}