@charset "UTF-8";

.single-page .breadcrumb {
	margin-top: var(--space-md);
}

/* single-contents */

.single-post_bg {
	background-image: url('../../images/order-derivary_bg.webp');
	background-repeat: repeat-y;
	background-size: 100%;
	padding: var(--space-sm) 0;
	padding-bottom: var(--space-lg);
}

.single-post_header {
	background-color: var(--akamaru-color-white);
	padding: var(--space-sm) 0;
	margin-bottom: var(--space-md);
}

.single-post_header-inner {
	width: 90%;
	margin: 0 auto;
}

.single-post_title {
	font-size: var(--fz-28);
	font-weight: 500;
}

.single-post_content-inner {
	width: 70%;
	margin: 0 auto;
}
.single-post_thumbnail img {
	width: 100%;
	display: block;
}
.single-post__body {
	width: 100%;
	margin: var(--space-sm) auto 0;
	font-size: var(--fz-16);
	line-height: 1.8;
	color: var(--akamaru-color-text_main);
	background-color: var(--akamaru-color-white);
	padding: 3em 1.5em;
	margin-bottom: var(--space-sm);
}

/* ---------- 見出し ---------- */
.single-post__body h2 {
	font-size: var(--fz-24);
	font-weight: 600;
	margin: var(--space-sm) 0 var(--space-sm);
	padding-bottom: 6px;
	border-bottom: 1px solid var(--akamaru-color-navy_main);
}

.single-post__body h3 {
	font-size: var(--fz-20);
	font-weight: 600;
	margin: calc(var(--space-sm) * 1.2) 0 var(--space-2xs);
}

.single-post__body h4 {
	font-size: var(--fz-18);
	font-weight: 600;
	margin: var(--space-sm) 0 var(--space-2xs);
}

/* ---------- 段落 ---------- */
.single-post__body p {
	margin: 1em 0; /* 以前の1.5em → 1em に縮小 */
}

/* 画像 */
.single-post__body img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: var(--space-sm) auto; /* 以前の space-md → コンパクト */
}

/* ---------- リスト ---------- */
.single-post__body ul,
.single-post__body ol {
	margin: 1em 0 1em 1.2em; /* 余白を縮小 */
	padding: 0;
}

.single-post__body ul li,
.single-post__body ol li {
	margin: 0.4em 0;
}

/* ---------- 引用（blockquote） ---------- */
.single-post__body blockquote {
	margin: var(--space-xs) 0; /* space-md → sm */
	padding: 14px 18px; /* padding少し縮小 */
	background: #f7f9fc;
	border-left: 3px solid var(--akamaru-color-navy_main);
	font-style: italic;
	border-radius: 3px;
}

/* ---------- テーブル ---------- */
.single-post__body table {
	width: 100%;
	border-collapse: collapse;
	margin: var(--space-xs) 0; /* 余白縮小 */
}

.single-post__body th,
.single-post__body td {
	border: 1px solid #eee;
	padding: 10px; /* 12px → 10px */
}

.single-post__body th {
	background: #f8f8f8;
	font-weight: 600;
}

/* ---------- リンク ---------- */
.single-post__body a {
	color: var(--akamaru-color-navy_main);
	text-decoration: underline;
	transition: opacity 0.2s;
}

.single-post__body a:hover {
	opacity: 0.7;
}

/* ---------- WP 固有のブロック ---------- */
.single-post__body .wp-caption {
	text-align: center;
	margin: var(--space-sm) 0; /* 縮小 */
}

.single-post__body .wp-caption-text {
	font-size: 0.8em;
	color: #666;
	margin-top: 4px;
}

/* Gutenberg wide/full */
.single-post__body .alignwide,
.single-post__body .alignfull {
	max-width: 100%;
	margin: var(--space-sm) auto;
}

.single-post_return-btn a {
	margin: 0 auto;
}

@media screen and (max-width: 980px) {
	.single-post_content-inner {
		width: 90%;
	}
	.single-post__body {
		margin-bottom: 60px;
	}
}

@media screen and (max-width: 500px) {
	.single-post_content-inner {
		width: 100%;
	}
	.single-post_title {
		font-size: 20px;
	}
	.single-post_bg {
		padding-bottom: 90px;
	}
	.single-post__body p {
		margin: 0.5em 0;
	}
}