/* 移行元テーマの見た目を、移行記事だけで再現するコレカットケ側の互換スタイル。 */
.post_content .kk-legacy-bold-blue,
.editor-styles-wrapper .kk-legacy-bold-blue {
	color: #1769aa;
	font-weight: 700;
}

.post_content .kk-legacy-bold-red,
.editor-styles-wrapper .kk-legacy-bold-red {
	color: #c62828;
	font-weight: 700;
}

.post_content .kk-legacy-bold-green,
.editor-styles-wrapper .kk-legacy-bold-green {
	color: #16834b;
	font-weight: 700;
}

.post_content .kk-legacy-marker,
.editor-styles-wrapper .kk-legacy-marker {
	background: linear-gradient(transparent 64%, #fff1a8 64%);
}

.post_content .kk-legacy-marker-red,
.editor-styles-wrapper .kk-legacy-marker-red {
	background: linear-gradient(transparent 64%, #ffd1d1 64%);
}

.post_content .kk-legacy-marker-red-fill,
.editor-styles-wrapper .kk-legacy-marker-red-fill {
	background-color: #ffe4e4;
}

.post_content .kk-legacy-fz-12,
.editor-styles-wrapper .kk-legacy-fz-12 {
	font-size: 12px;
}

.post_content .kk-legacy-fz-16,
.editor-styles-wrapper .kk-legacy-fz-16 {
	font-size: 16px;
}

.post_content .kk-legacy-fz-18,
.editor-styles-wrapper .kk-legacy-fz-18 {
	font-size: 18px;
}

.post_content .kk-legacy-fz-20,
.editor-styles-wrapper .kk-legacy-fz-20 {
	font-size: 20px;
}

.post_content .kk-legacy-balloon,
.editor-styles-wrapper .kk-legacy-balloon {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	gap: 14px;
	align-items: start;
	margin: 2em 0;
}

.post_content .kk-legacy-balloon__person,
.editor-styles-wrapper .kk-legacy-balloon__person {
	text-align: center;
}

.post_content .kk-legacy-balloon__icon,
.editor-styles-wrapper .kk-legacy-balloon__icon {
	margin: 0;
}

.post_content .kk-legacy-balloon__icon img,
.editor-styles-wrapper .kk-legacy-balloon__icon img {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover;
}

.post_content .kk-legacy-balloon__body,
.editor-styles-wrapper .kk-legacy-balloon__body {
	position: relative;
	padding: 14px 16px;
	border: 1px solid #d7e1e8;
	border-radius: 10px;
	background: #f7fafc;
}

.post_content .kk-legacy-balloon__body::before,
.editor-styles-wrapper .kk-legacy-balloon__body::before {
	position: absolute;
	top: 18px;
	left: -8px;
	width: 14px;
	height: 14px;
	border-bottom: 1px solid #d7e1e8;
	border-left: 1px solid #d7e1e8;
	background: #f7fafc;
	content: '';
	transform: rotate(45deg);
}

.post_content .kk-legacy-balloon__body > :first-child,
.editor-styles-wrapper .kk-legacy-balloon__body > :first-child,
.post_content .kk-legacy-box > :first-child,
.editor-styles-wrapper .kk-legacy-box > :first-child,
.post_content .kk-legacy-tab-box__body > :first-child,
.editor-styles-wrapper .kk-legacy-tab-box__body > :first-child {
	margin-top: 0;
}

.post_content .kk-legacy-balloon__body > :last-child,
.editor-styles-wrapper .kk-legacy-balloon__body > :last-child,
.post_content .kk-legacy-box > :last-child,
.editor-styles-wrapper .kk-legacy-box > :last-child,
.post_content .kk-legacy-tab-box__body > :last-child,
.editor-styles-wrapper .kk-legacy-tab-box__body > :last-child {
	margin-bottom: 0;
}

.post_content .kk-legacy-box,
.editor-styles-wrapper .kk-legacy-box {
	margin: 2em 0;
	padding: 18px 20px;
	border: 2px solid #dbe5eb;
	border-radius: 8px;
	background: #fff;
}

.post_content .kk-legacy-tab-box,
.editor-styles-wrapper .kk-legacy-tab-box {
	margin: 2em 0;
	border: 1px solid #ccd9e2;
	border-radius: 8px;
	overflow: hidden;
}

.post_content .kk-legacy-tab-box__title,
.editor-styles-wrapper .kk-legacy-tab-box__title {
	padding: 10px 16px;
	background: #edf4f8;
	font-weight: 700;
}

.post_content .kk-legacy-tab-box__body,
.editor-styles-wrapper .kk-legacy-tab-box__body {
	padding: 16px;
}

@media (max-width: 600px) {
	.post_content .kk-legacy-balloon,
	.editor-styles-wrapper .kk-legacy-balloon {
		grid-template-columns: 48px minmax(0, 1fr);
		gap: 10px;
	}

	.post_content .kk-legacy-balloon__icon img,
	.editor-styles-wrapper .kk-legacy-balloon__icon img {
		width: 46px;
		height: 46px;
	}
}