@charset "utf-8";

.icon {
	width: 0.8125rem;
	height: 0.6875rem;
}

.icon.icon-back-to-list {
	width: var(--space-20);
	height: var(--space-15);
}

.single-wrap {
	padding-block: var(--space-60) var(--space-120);
}

.single-ttl {
	line-height: 1.5;
	padding-bottom: var(--space-20);
	font-size: var(--fs-32);
	font-weight: 700;
	margin-block: var(--space-20) var(--space-40);
	border-bottom: 1px solid var(--clr-border-500);
}

.single-content h2 {
	border-radius: 10px;
	font-size: var(--fs-28);
	line-height: 1.5;
	background-color: var(--clr-background);
	padding: var(--space-5) var(--space-20);
	margin-block: var(--space-40) var(--space-30);
}

.single-content h3 {
	line-height: 1.5;
	padding-bottom: var(--space-5);
	display: inline-block;
	border-bottom: 2px solid var(--clr-neutral-900);
	font-size: var(--fs-24);
	font-weight: 700;
	margin-block: var(--space-40) var(--space-30);
}

.single-content p + p {
	margin-top: 2em;
}

.single-content p:has(a) {
	margin-top: 0;
}

.single-content .wp-block-image img {
	border-radius: 10px;
	margin-inline: auto;
}

.single-content .wp-block-image,
.single-content .wp-block-gallery {
	max-width: 800px;
	margin-block: var(--space-40);
	margin-inline: auto;
}

.single-content .wp-block-gallery.has-nested-images {
	--wp--style--gallery-gap-default: var(--space-40);
}

.single-content .wp-block-image figcaption {
	margin-top: var(--space-20);
	margin-bottom: unset;
	font-size: var(--fs-14);
	text-align: center;
}

.single-content ul li {
	position: relative;
	padding-left: var(--space-15);
	line-height: 2;
}

.single-content ul li::before {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: var(--fs-16);
	font-weight: 700;
	content: '・';
}

.single-content ul li ul li::before {
	font-weight: 400;
}

.single-content ol {
	list-style: auto;
	margin-left: var(--space-15);
}

.single-content .info p {
	display: grid;
	grid-template-columns: max-content 1fr;
}

.single-content .info p strong {
	font-weight: 400;
}

.single-content .info p + p {
	margin-top: 0;
}

.single-content .info {
	margin-bottom: 2em;
}

.single-content .info + .info {
	margin-block: 2em;
}

.single-content h2 + .info {
	margin-top: 0em;
}

.btn-back-to-list {
	border-top: 1px solid var(--clr-border-500);
}

@media (max-width: 48em) {
	.single-ttl {
		font-size: var(--fs-28);
	}

	.single-content h2 {
		font-size: var(--fs-22);
	}

	.single-content h3 {
		font-size: var(--fs-20);
	}

	.single-content .wp-block-gallery.columns-2 {
		flex-direction: column;
	}

	.single-content .wp-block-gallery.columns-2 > * {
		width: 100% !important;
	}

	.single-content .wp-block-gallery.has-nested-images {
		flex-direction: column;
	}

	.single-content .wp-block-image img {
		border-radius: 10px;
	}

	.wp-block-gallery.has-nested-images.is-cropped
		figure.wp-block-image:not(#individual-image) {
		width: 100%;
	}
}