@charset "UTF-8";
/*
 * shitate ActionKit ブロックスタイル（フロント・エディター共通）
 * includes/block-styles.php で登録。
 */

/* ---------- 段落「注意」「補足」 ---------- */
.is-style-shitate-alert,
.is-style-shitate-info {
	position: relative;
	box-sizing: border-box;
	padding: 1em 1em 1em 3.4em;
	border-radius: 6px;
	color: #545454;
}
.is-style-shitate-alert {
	background-color: #ffeaea;
}
.is-style-shitate-info {
	background-color: #eaf4ff;
}
.is-style-shitate-alert::before,
.is-style-shitate-info::before {
	position: absolute;
	top: 50%;
	left: 1em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.7em;
	height: 1.7em;
	margin-top: -0.85em;
	border-radius: 50%;
	color: #fff;
	font-family: Arial, sans-serif;
	font-weight: 700;
	line-height: 1;
}
.is-style-shitate-alert::before {
	content: "!";
	background-color: #f88080;
}
.is-style-shitate-info::before {
	content: "i";
	background-color: #5ba9f7;
}

/* ---------- グループ「メモ」 ---------- */
.wp-block-group.is-style-shitate-note {
	box-sizing: border-box;
	padding: 1.5em 1em;
	border-left: 6px solid #ffc06e;
	background-color: #fff8e8;
	color: #232323;
}

/* ---------- グループ「タイトル付きボックス」 ----------
 * 最初のブロックがタイトル帯になる。
 * 枠と帯の色は --shitate-box-color で変えられる。
 */
.wp-block-group.is-style-shitate-titled-box {
	--shitate-box-color: var(--wp--preset--color--primary, #2952cc);
	box-sizing: border-box;
	padding: 0 1em 1em;
	border: 2px solid var(--shitate-box-color);
	border-radius: 6px;
	background-color: var(--wp--preset--color--base, #fff);
	overflow: hidden;
}
.wp-block-group.is-style-shitate-titled-box > :first-child {
	margin: 0 -1em 1em;
	padding: 0.6em 1em;
	background-color: var(--shitate-box-color);
	color: #fff;
	font-weight: 700;
	line-height: 1.5;
}
.wp-block-group.is-style-shitate-titled-box > :last-child {
	margin-bottom: 0;
}