.has-pascase-white-color {
	color: var(--pascase-white);
}
.has-pascase-highlighter-color {
	color: var(--pascase-highlighter);
}
.has-pascase-red-color {
	color: var(--pascase-red);
}
.has-pascase-gray-color {
	color: var(--pascase-gray);
}
.has-pascase-orange-color {
	color: var(--pascase-orange);
}
.has-pascase-orange-2-color {
	color: var(--pascase-orange-2);
}
.has-pascase-orange-3-color {
	color: var(--pascase-orange-3);
}
.has-pascase-orange-4-color {
	color: var(--pascase-orange-4);
}
.has-pascase-green-color {
	color: var(--pascase-green);
}
.has-pascase-blue-color {
	color: var(--pascase-blue);
}
.has-pascase-white-background-color {
	background-color: var(--pascase-white);
}
.has-pascase-highlighter-background-color {
	background-color: var(--pascase-highlighter);
}
.has-pascase-red-background-color {
	background-color: var(--pascase-red);
}
.has-pascase-gray-background-color {
	background-color: var(--pascase-gray);
}
.has-pascase-orange-background-color {
	background-color: var(--pascase-orange);
}
.has-pascase-orange-2-background-color {
	background-color: var(--pascase-orange-2);
}
.has-pascase-orange-3-background-color {
	background-color: var(--pascase-orange-3);
}
.has-pascase-orange-4-background-color {
	background-color: var(--pascase-orange-4);
}
.has-pascase-green-background-color {
	background-color: var(--pascase-green);
}
.has-pascase-blue-background-color {
	background-color: var(--pascase-blue);
}

.wp-block-group.has-background {
	padding: 1em;
	p, h2, h3, h4, h5, h6 {
		&:first-child {
			margin-top: 0;
		}
		&:last-child {
			margin-bottom: 0;
		}
	}
}
.wp-block-quote {
	padding: 2em 4em;
	background-color: #e6e6e6;
	position: relative;
	margin-left: 0;
	margin-right: 0;
	&:before, &:after {
		content: '“';
		color: #fff;
		font-size: 6em;
		position: absolute;
	}
	&:before {
		top: 0.1em;
		left: 0.1em;
	}
	&:after {
		transform: rotate(180deg);
		bottom: 0.1em;
		right: 0.1em;
	}
}
#page_content {
	p, h1, h2, h3, h4, h5, h6, table, ul, ol {
		line-height: 1.7em;
	}
	figcaption {
		font-size: calc(13 * var(--px));
		line-height: 1.5em;
	}
	h2 {
		padding: 0.5em;
		padding-left: 1.3em;
		font-size: calc(26 * var(--px));
		border: solid 1px #bebebe;
		background-color: #FEF3D7;
		border-radius: 0.3em;
		position: relative;
		margin-top: 2em;
		&:before {
			content: "";
			position: absolute;
			top: 50%;
			left: 0.5em;
			border-left: 6px solid #FF950F;
			border-radius: 3px;
			height: 60%;
			transform: translateY(-50%);
		}
	}
	h3 {
		margin-top: 2em;
		padding: 0.5em;
		padding-left: 1.3em;
		font-size: calc(20 * var(--px));
		border: solid 1px #bebebe;
		background-color: #fff;
		border-radius: 0.3em;
		position: relative;
		&:before {
			content: "";
			position: absolute;
			top: 50%;
			left: 0.5em;
			border-left: 6px solid #FF950F;
			border-radius: 3px;
			height: 60%;
			transform: translateY(-50%);
		}
	}
	.recommend_agent {
		.review_link {
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			font-size: calc(14 * var(--px));
			margin: 0.5em 0;
			a {
				padding: 0.8em 0;
				display: flex;
				align-items: center;
				gap: 0.5em;
				line-height: 1em;
				text-decoration: none;
				&:before {
					content: "→";
					display: flex;
					align-items: center;
					justify-content: center;
					border: 1px solid #ccc;
					border-radius: 50%;
					font-size: 1.2rem;
					width: 1.5em;
					height: 1.5em;
					color: #000;
				}
			}
		}
		.wp-block-button {
			width: 100%;
			line-height: 1.8em;
		}
		.title {
			min-height: 3.5em;
			margin: 0.5em;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.banner {
			img {
				max-width: 250px;
				min-height: 56px;
				width: 100%;
				object-position: center;
				object-fit: contain;
			}
		}
	}
	#ez-toc-container {
		margin-top: 3em;
	}
	.smb-balloon {
		margin: 1em 0;
	}
	.has-fixed-layout {
		margin: 1em 0;
	}
	#front_page_new_posts {
		background-color: #f9f9f9;
		padding: 1em;
		list-style-type: none;
		li {
			display: flex;
			align-items: center;
			gap: 0.5em;
			margin-bottom: 0.5em;
			padding-bottom: 0.5em;
			border-bottom: 1px dotted #ddd;
			&:before {
				content: '';
				background-image: url("../images/common/update_ico.gif");
				width: 10px;
				height: 10px;
				background-repeat: no-repeat;
				background-position: center;
			}
			&:last-of-type {
				border-bottom: none;
				padding-bottom: 0;
				margin-bottom: 0;
			}
		}
		a {
			flex: 1;
			line-height: 1.8em;
		}
	}
}