/** 固定ページは、テンプレートでタイトルを出力しないので、エディター側でのタイトル欄を小さくする */
.post-type-page
.editor-styles-wrapper
.edit-post-visual-editor__post-title-wrapper
h1,
.post-type-page.editor-styles-wrapper
.edit-post-visual-editor__post-title-wrapper
h1 {
	font-size: 1em;
	margin-bottom: 3em;
}

/** thとtdの境目がわかりづらいので、エディター側では点線を表示する */
.editor-styles-wrapper .wp-block-table.is-style-no-border th,
.editor-styles-wrapper .wp-block-table.is-style-no-border td {
	border: 1px dotted #ccc !important;
}

/* ====================
* エディターの操作方法補足テキストを追加
==================== */
.editor-styles-wrapper .workshop-acf-item,
.editor-styles-wrapper .workshop-intro,
.editor-styles-wrapper .workshop-info {
	position: relative;
	padding: 10px 0 0;
}

.editor-styles-wrapper .workshop-acf-item::before,
.editor-styles-wrapper .workshop-intro::before,
.editor-styles-wrapper .workshop-info::before {
	position: absolute;
	left: 4px;
	top: 0;
	font-size: 10px;
	color: #c23c3c;
}

/* ブロックを囲う直線 */
.editor-styles-wrapper .workshop-acf-item::after,
.editor-styles-wrapper .workshop-intro::after,
.editor-styles-wrapper .workshop-info::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	display: inline-block;
	border: 1px solid #c23c3c !important;
	left: 0;
	top: 0;
}

/* ブロックを囲う破線 */
.editor-styles-wrapper .workshop-acf-item::after,
.editor-styles-wrapper .workshop-intro::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	display: inline-block;
	border: 1px dashed #c23c3c !important;
	left: 0;
	top: 0;
}

/* ブロックを線で囲った要素が前に来るように設定 */
.editor-styles-wrapper .workshop-intro p {
	position: relative;
	z-index: 1;
}

/* 表示するテキスト（ワークショップ概要ブロック） */
.editor-styles-wrapper .workshop-info::before {
	content: "ワークショップ概要";
}

/* 表示するテキスト（ワークショップ概要ACFブロック） */
.editor-styles-wrapper .workshop-acf-item::before {
	content: "※【入力フィールドがあります】ページ下にあるフィールドに入力すると自動で反映します。";
}

/* 表示するテキスト（ワークショップ概要入力ブロック） */
.editor-styles-wrapper .workshop-intro::before {
	content: "※ワークショップの説明を入力してください";
}