/* ====================================================
   single.php — 見出しトンマナ（TOP renewal 準拠）
   css/src/renewal/ の .kr-title / .kr-section-heading 系
   ==================================================== */

body.kiratt-renewal-chrome #single .single-content,
body.kiratt-renewal-chrome #single .content .txt {
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	color: var(--kr-text, #212121);
	line-height: 1.9;
}

/* --- 記事タイトル（h1） --- */

body.kiratt-renewal-chrome #single article .ttl {
	margin-bottom: 32px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--kr-line, rgba(0, 154, 219, 0.16));
}

body.kiratt-renewal-chrome #page-default .single-ttl h1,
body.kiratt-renewal-chrome #single .single-ttl h1,
body.kiratt-renewal-chrome #single .content h1 {
	margin: 0;
	padding: 0;
	font-size: clamp(26px, 16px + 2vw, 38px);
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: 0.02em;
	text-align: left;
	color: var(--kr-text, #212121);
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	position: static;
	transform: none;
	top: auto;
}

body.kiratt-renewal-chrome #single article .ttl time {
	display: inline-block;
	margin-top: 14px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--kr-muted, #5c6670);
}

body.kiratt-renewal-chrome #single article .ttl time i {
	color: var(--kr-sky, #39bcdd);
}

/* --- 本文見出し h2 --- */

body.kiratt-renewal-chrome #single .txt h2,
body.kiratt-renewal-chrome #single .content .txt h2,
body.kiratt-renewal-chrome #single .content h2:not(.mainv-ttl) {
	margin: 48px 0 24px;
	padding: 0 0 12px;
	font-size: clamp(22px, 14px + 1.5vw, 28px);
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: 0.2rem;
	color: var(--kr-text, #212121);
	background: none;
	background-color: transparent;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid var(--kr-line, rgba(0, 154, 219, 0.16));
	border-radius: 0;
	position: relative;
}

body.kiratt-renewal-chrome #single .txt h2::before,
body.kiratt-renewal-chrome #single .content .txt h2::before,
body.kiratt-renewal-chrome #single .content h2:not(.mainv-ttl)::before {
	display: none;
	content: none;
	border: none;
}

body.kiratt-renewal-chrome #single .txt h2::after,
body.kiratt-renewal-chrome #single .content .txt h2::after,
body.kiratt-renewal-chrome #single .content h2:not(.mainv-ttl)::after {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 72px;
	height: 2px;
	content: "";
	background: linear-gradient(90deg, var(--kr-blue-deep, #005fb9), var(--kr-cyan, #00cade));
	border: none;
	box-shadow: none;
	top: auto;
}

body.kiratt-renewal-chrome #single .txt h2 span,
body.kiratt-renewal-chrome #single .content h2 span {
	background: linear-gradient(90deg, var(--kr-blue-deep, #005fb9), var(--kr-cyan, #00cade));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
}

/* --- 本文見出し h3 --- */

body.kiratt-renewal-chrome #single .txt h3,
body.kiratt-renewal-chrome #single .content .txt h3,
body.kiratt-renewal-chrome #single .content h3 {
	margin: 36px 0 16px;
	padding: 0 0 0 14px;
	font-size: clamp(18px, 12px + 1vw, 22px);
	font-weight: 600;
	letter-spacing: 0.2rem;
	line-height: 1.6;
	color: var(--kr-text, #212121);
	background: none;
	border: none;
	border-left: 3px solid var(--kr-blue, #009adb);
	border-bottom: none;
	border-radius: 0;
}

body.kiratt-renewal-chrome #single .txt h3::after,
body.kiratt-renewal-chrome #single .content .txt h3::after,
body.kiratt-renewal-chrome #single .content h3::after {
	display: none;
	content: none;
}

/* --- 本文見出し h4 --- */

body.kiratt-renewal-chrome #single .txt h4,
body.kiratt-renewal-chrome #single .content .txt h4,
body.kiratt-renewal-chrome #single .content h4 {
	margin: 28px 0 12px;
	padding: 0 0 0 12px;
	font-size: clamp(16px, 11px + 0.8vw, 18px);
	font-weight: 600;
	letter-spacing: 0.2rem;
	line-height: 1.6;
	color: var(--kr-text, #212121);
	border: none;
	border-left: 2px solid var(--kr-sky, #39bcdd);
	background: none;
}

/* --- h5 / h6 --- */

body.kiratt-renewal-chrome #single .txt h5,
body.kiratt-renewal-chrome #single .content .txt h5,
body.kiratt-renewal-chrome #single .content h5 {
	margin: 24px 0 10px;
	font-size: 16px;
	letter-spacing: 0.2rem;
	font-weight: 600;
	line-height: 1.6;
	color: var(--kr-text, #212121);
}

body.kiratt-renewal-chrome #single .txt h6,
body.kiratt-renewal-chrome #single .content .txt h6,
body.kiratt-renewal-chrome #single .content h6 {
	margin: 20px 0 8px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.6;
	color: var(--kr-muted, #5c6670);
}

/* --- 本文テキスト --- */

body.kiratt-renewal-chrome #single .txt p,
body.kiratt-renewal-chrome #single .content .txt p,
body.kiratt-renewal-chrome #single .single-content .txt p {
	margin: 0 0 1.5em;
	font-size: clamp(15px, 10px + 0.6vw, 16px);
	font-weight: 400;
	line-height: 1.8;
	color: var(--kr-text, #212121);
}

body.kiratt-renewal-chrome #single .txt p:last-child,
body.kiratt-renewal-chrome #single .content .txt p:last-child {
	margin-bottom: 0;
}

/* --- 本文リンク --- */

body.kiratt-renewal-chrome #single .txt a:not(.kr-btn):not(.wp-block-button__link),
body.kiratt-renewal-chrome #single .content .txt a:not(.kr-btn):not(.wp-block-button__link),
body.kiratt-renewal-chrome #single .single-content .txt a:not(.kr-btn):not(.wp-block-button__link) {
	color: var(--kr-blue, #009adb);
	font-size: inherit;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: rgba(0, 154, 219, 0.35);
	text-underline-offset: 0.15em;
	transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

body.kiratt-renewal-chrome #single .txt a:not(.kr-btn):not(.wp-block-button__link):hover,
body.kiratt-renewal-chrome #single .content .txt a:not(.kr-btn):not(.wp-block-button__link):hover,
body.kiratt-renewal-chrome #single .single-content .txt a:not(.kr-btn):not(.wp-block-button__link):hover {
	color: var(--kr-blue-deep, #005fb9);
	text-decoration-color: var(--kr-blue-deep, #005fb9);
}

/* --- ボタン（.kr-btn 準拠） --- */

body.kiratt-renewal-chrome #single .txt .btn,
body.kiratt-renewal-chrome #single .content .txt .btn,
body.kiratt-renewal-chrome #single .single-content .btn,
body.kiratt-renewal-chrome #single .txt .wp-block-button,
body.kiratt-renewal-chrome #single .content .txt .wp-block-button {
	margin: 32px auto;
	text-align: center;
}

body.kiratt-renewal-chrome #single .txt .btn a,
body.kiratt-renewal-chrome #single .txt .btn input,
body.kiratt-renewal-chrome #single .content .txt .btn a,
body.kiratt-renewal-chrome #single .content .txt .btn input,
body.kiratt-renewal-chrome #single .single-content .btn a,
body.kiratt-renewal-chrome #single .single-content .btn input,
body.kiratt-renewal-chrome #single .txt .wp-block-button__link,
body.kiratt-renewal-chrome #single .content .txt .wp-block-button__link,
body.kiratt-renewal-chrome #single .txt a.kr-btn,
body.kiratt-renewal-chrome #single .content .txt a.kr-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: min(100%, 220px);
	min-height: 58px;
	padding: 15px 30px;
	border: none;
	border-radius: var(--kr-radius-sm, 5px);
	background: linear-gradient(90deg, var(--kr-blue-deep, #005fb9), var(--kr-cyan, #00cade));
	color: #fff !important;
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	text-decoration: none !important;
	box-shadow: none;
	cursor: pointer;
	transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;
}

body.kiratt-renewal-chrome #single .txt .btn a:hover,
body.kiratt-renewal-chrome #single .txt .btn input:hover,
body.kiratt-renewal-chrome #single .content .txt .btn a:hover,
body.kiratt-renewal-chrome #single .content .txt .btn input:hover,
body.kiratt-renewal-chrome #single .single-content .btn a:hover,
body.kiratt-renewal-chrome #single .single-content .btn input:hover,
body.kiratt-renewal-chrome #single .txt .wp-block-button__link:hover,
body.kiratt-renewal-chrome #single .content .txt .wp-block-button__link:hover,
body.kiratt-renewal-chrome #single .txt a.kr-btn:hover,
body.kiratt-renewal-chrome #single .content .txt a.kr-btn:hover {
	background: linear-gradient(90deg, var(--kr-blue-deep, #005fb9), var(--kr-cyan, #00cade));
	color: #fff !important;
	transform: translateY(-1px);
	box-shadow: 0 14px 34px rgba(0, 95, 185, 0.18);
	opacity: 0.94;
}

body.kiratt-renewal-chrome #single .txt a.kr-btn--ghost,
body.kiratt-renewal-chrome #single .content .txt a.kr-btn--ghost {
	background: #fff;
	border: 1px solid rgba(0, 154, 219, 0.25);
	color: var(--kr-blue, #009adb) !important;
	box-shadow: none;
}

body.kiratt-renewal-chrome #single .txt a.kr-btn--reserve,
body.kiratt-renewal-chrome #single .content .txt a.kr-btn--reserve {
	background: linear-gradient(180deg, var(--kr-pink, #ff6c75), var(--kr-orange, #ffab7f));
}

/* --- 箇条書き ul --- */
/* 
body.kiratt-renewal-chrome #single .txt ul,
body.kiratt-renewal-chrome #single .content .txt ul,
body.kiratt-renewal-chrome #single .single-content .txt ul {
	margin: 24px 0;
	padding: 0;
	list-style: none;
}

body.kiratt-renewal-chrome #single .txt ul > li,
body.kiratt-renewal-chrome #single .content .txt ul > li,
body.kiratt-renewal-chrome #single .single-content .txt ul > li {
	position: relative;
	margin: 0 0 12px;
	padding: 0 0 0 1.35em;
	line-height: 1.9;
	color: var(--kr-text, #212121);
}

body.kiratt-renewal-chrome #single .txt ul > li::before,
body.kiratt-renewal-chrome #single .content .txt ul > li::before,
body.kiratt-renewal-chrome #single .single-content .txt ul > li::before {
	content: "";
	position: absolute;
	top: 0.78em;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--kr-blue-deep, #005fb9), var(--kr-cyan, #00cade));
	transform: translateY(-50%);
}

body.kiratt-renewal-chrome #single .txt ul ul,
body.kiratt-renewal-chrome #single .content .txt ul ul,
body.kiratt-renewal-chrome #single .single-content .txt ul ul {
	margin: 10px 0 0;
}

body.kiratt-renewal-chrome #single .txt ul ul > li::before,
body.kiratt-renewal-chrome #single .content .txt ul ul > li::before,
body.kiratt-renewal-chrome #single .single-content .txt ul ul > li::before {
	width: 6px;
	height: 6px;
	background: var(--kr-sky, #39bcdd);
}

body.kiratt-renewal-chrome #single .txt ul > li:last-child,
body.kiratt-renewal-chrome #single .content .txt ul > li:last-child,
body.kiratt-renewal-chrome #single .single-content .txt ul > li:last-child {
	margin-bottom: 0;
} */

/* --- 番号付き ol --- */
/* 
body.kiratt-renewal-chrome #single .txt ol,
body.kiratt-renewal-chrome #single .content .txt ol,
body.kiratt-renewal-chrome #single .single-content .txt ol {
	margin: 24px 0;
	padding: 0;
	list-style: none;
	counter-reset: kr-single-ol;
}

body.kiratt-renewal-chrome #single .txt ol > li,
body.kiratt-renewal-chrome #single .content .txt ol > li,
body.kiratt-renewal-chrome #single .single-content .txt ol > li {
	position: relative;
	margin: 0 0 12px;
	padding: 0 0 0 2em;
	line-height: 1.9;
	color: var(--kr-text, #212121);
	counter-increment: kr-single-ol;
}

body.kiratt-renewal-chrome #single .txt ol > li::before,
body.kiratt-renewal-chrome #single .content .txt ol > li::before,
body.kiratt-renewal-chrome #single .single-content .txt ol > li::before {
	content: counter(kr-single-ol) ".";
	position: absolute;
	top: 0;
	left: 0;
	min-width: 1.5em;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.9;
	color: var(--kr-blue, #009adb);
}

body.kiratt-renewal-chrome #single .txt ol ol,
body.kiratt-renewal-chrome #single .content .txt ol ol,
body.kiratt-renewal-chrome #single .single-content .txt ol ol {
	margin: 10px 0 0;
	counter-reset: kr-single-ol-nested;
}

body.kiratt-renewal-chrome #single .txt ol ol > li,
body.kiratt-renewal-chrome #single .content .txt ol ol > li,
body.kiratt-renewal-chrome #single .single-content .txt ol ol > li {
	counter-increment: kr-single-ol-nested;
}

body.kiratt-renewal-chrome #single .txt ol ol > li::before,
body.kiratt-renewal-chrome #single .content .txt ol ol > li::before,
body.kiratt-renewal-chrome #single .single-content .txt ol ol > li::before {
	content: counter(kr-single-ol-nested) ".";
	color: var(--kr-sky, #39bcdd);
	font-weight: 600;
}

body.kiratt-renewal-chrome #single .txt ol > li:last-child,
body.kiratt-renewal-chrome #single .content .txt ol > li:last-child,
body.kiratt-renewal-chrome #single .single-content .txt ol > li:last-child {
	margin-bottom: 0;
} */

/* --- 目次（Table of Contents Plus） --- */

body.kiratt-renewal-chrome #single .txt #toc_container,
body.kiratt-renewal-chrome #single .content .txt #toc_container,
body.kiratt-renewal-chrome #single .single-content .txt #toc_container {
	width: 100%;
	max-width: 100%;
	display: block;
	margin: 32px 0 40px;
	padding: 30px;
	background: #fff;
	border: 0;
	border-radius: var(--kr-radius-md, 10px);
	box-shadow: inset 0 2px 15px rgba(57, 188, 222, 0.12);
	font-size: 100%;
	text-align: left;
}

body.kiratt-renewal-chrome #single .txt #toc_container.toc_light_blue,
body.kiratt-renewal-chrome #single .content .txt #toc_container.toc_light_blue {
	background: #fff;
}

body.kiratt-renewal-chrome #single .txt #toc_container p.toc_title,
body.kiratt-renewal-chrome #single .content .txt #toc_container p.toc_title {
	margin: 0 0 16px !important;
	padding: 0 !important;
	text-align: left;
	font-family: inherit;
	font-size: clamp(18px, 12px + 1vw, 20px);
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.06em;
	color: var(--kr-text, #212121) !important;
	background: none !important;
	border: none;
	border-bottom: 1px solid var(--kr-line, rgba(0, 154, 219, 0.16));
	border-radius: 0;
	display: block;
	width: 100%;
	position: relative;
}

body.kiratt-renewal-chrome #single .txt #toc_container p.toc_title::after,
body.kiratt-renewal-chrome #single .content .txt #toc_container p.toc_title::after {
	content: "";
	display: block;
	width: 48px;
	height: 2px;
	margin-top: 12px;
	background: linear-gradient(90deg, var(--kr-blue-deep, #005fb9), var(--kr-cyan, #00cade));
}

body.kiratt-renewal-chrome #single .txt #toc_container span.toc_toggle,
body.kiratt-renewal-chrome #single .content .txt #toc_container span.toc_toggle {
	display: inline-block;
	margin-left: 8px;
	font-size: 13px;
	font-weight: 400;
	color: var(--kr-muted, #5c6670);
}

body.kiratt-renewal-chrome #single .txt #toc_container span.toc_toggle a,
body.kiratt-renewal-chrome #single .content .txt #toc_container span.toc_toggle a {
	color: var(--kr-blue, #009adb) !important;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none !important;
}

body.kiratt-renewal-chrome #single .txt #toc_container span.toc_toggle a:hover,
body.kiratt-renewal-chrome #single .content .txt #toc_container span.toc_toggle a:hover {
	color: var(--kr-blue-deep, #005fb9) !important;
	text-decoration: underline !important;
}

body.kiratt-renewal-chrome #single .txt #toc_container p.toc_title + ul.toc_list,
body.kiratt-renewal-chrome #single .content .txt #toc_container p.toc_title + ul.toc_list {
	margin-top: 0 !important;
	margin-left: 0 !important;
}

body.kiratt-renewal-chrome #single .txt #toc_container ul.toc_list,
body.kiratt-renewal-chrome #single .content .txt #toc_container ul.toc_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.kiratt-renewal-chrome #single .txt #toc_container.no_bullets li,
body.kiratt-renewal-chrome #single .content .txt #toc_container.no_bullets li,
body.kiratt-renewal-chrome #single .txt #toc_container ul.toc_list > li,
body.kiratt-renewal-chrome #single .content .txt #toc_container ul.toc_list > li {
	position: relative;
	margin: 0;
	padding: 12px 0 12px 1.35em;
	border-bottom: 1px solid var(--kr-line, rgba(0, 154, 219, 0.16));
	background: none;
	list-style: none;
	text-align: left;
	line-height: 1.7;
}

body.kiratt-renewal-chrome #single .txt #toc_container ul.toc_list > li::before,
body.kiratt-renewal-chrome #single .content .txt #toc_container ul.toc_list > li::before {
	content: "›";
	position: absolute;
	top: 16px;
	left: 0;
	width: auto;
	height: auto;
	border-radius: 0;
	background: none;
	color: var(--kr-blue, #009adb);
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	transform: none;
}

body.kiratt-renewal-chrome #single .txt #toc_container ul.toc_list > li:last-child,
body.kiratt-renewal-chrome #single .content .txt #toc_container ul.toc_list > li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

body.kiratt-renewal-chrome #single .txt #toc_container ul ul,
body.kiratt-renewal-chrome #single .content .txt #toc_container ul ul {
	margin: 4px 0 0 0.75em;
	padding-top: 4px;
}

body.kiratt-renewal-chrome #single .txt #toc_container ul ul > li,
body.kiratt-renewal-chrome #single .content .txt #toc_container ul ul > li {
	padding: 8px 0 8px 1.2em;
	border-bottom: none;
	border-top: 1px dashed rgba(0, 154, 219, 0.12);
	font-size: 0.95em;
}

body.kiratt-renewal-chrome #single .txt #toc_container ul ul > li::before,
body.kiratt-renewal-chrome #single .content .txt #toc_container ul ul > li::before {
	top: 8px;
	font-size: 14px;
	color: var(--kr-sky, #39bcdd);
}

body.kiratt-renewal-chrome #single .txt #toc_container a,
body.kiratt-renewal-chrome #single .content .txt #toc_container a,
body.kiratt-renewal-chrome #single .content #toc_container.no_bullets li a {
	color: var(--kr-text, #212121) !important;
	font-size: clamp(14px, 10px + 0.5vw, 15px);
	font-weight: 500;
	text-decoration: none !important;
	text-shadow: none;
	transition: color 0.2s ease;
}

body.kiratt-renewal-chrome #single .txt #toc_container a:hover,
body.kiratt-renewal-chrome #single .content .txt #toc_container a:hover,
body.kiratt-renewal-chrome #single .content #toc_container.no_bullets li a:hover {
	color: var(--kr-blue, #009adb) !important;
	text-decoration: none !important;
}

/* --- ブログ監修 --- */

body.kiratt-renewal-chrome #single .txt .row.supervision,
body.kiratt-renewal-chrome #single .content .txt .row.supervision,
body.kiratt-renewal-chrome #single .single-content .txt .row.supervision {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 24px 28px;
	width: 100%;
	max-width: 100%;
	margin: 32px 0 40px !important;
	padding: 30px;
	background: #fff !important;
	border: 0;
	border-radius: var(--kr-radius-md, 10px);
	box-shadow: inset 0 2px 15px rgba(57, 188, 222, 0.12);
	font-size: 100%;
	text-align: left;
}

body.kiratt-renewal-chrome #single .txt .row.supervision::before,
body.kiratt-renewal-chrome #single .txt .row.supervision::after,
body.kiratt-renewal-chrome #single .content .txt .row.supervision::before,
body.kiratt-renewal-chrome #single .content .txt .row.supervision::after {
	display: none;
	content: none;
}

body.kiratt-renewal-chrome #single .txt .row.supervision .col-sm-3,
body.kiratt-renewal-chrome #single .content .txt .row.supervision .col-sm-3,
body.kiratt-renewal-chrome #single .single-content .txt .row.supervision .col-sm-3 {
	float: none;
	flex: 0 0 160px;
	width: auto;
	max-width: 160px;
	margin: 0;
	padding: 0;
}

body.kiratt-renewal-chrome #single .txt .row.supervision .col-sm-9,
body.kiratt-renewal-chrome #single .content .txt .row.supervision .col-sm-9,
body.kiratt-renewal-chrome #single .single-content .txt .row.supervision .col-sm-9 {
	float: none;
	flex: 1 1 240px;
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 0;
}

body.kiratt-renewal-chrome #single .txt .row.supervision .col-sm-3 img,
body.kiratt-renewal-chrome #single .content .txt .row.supervision .col-sm-3 img,
body.kiratt-renewal-chrome #single .single-content .txt .row.supervision .col-sm-3 img {
	display: block;
	width: 100%;
	max-width: 160px;
	height: auto;
	margin: 0 auto;
	border-radius: var(--kr-radius-sm, 5px);
	float: none !important;
}

body.kiratt-renewal-chrome #single .txt .row.supervision .col-sm-3 p,
body.kiratt-renewal-chrome #single .content .txt .row.supervision .col-sm-3 p,
body.kiratt-renewal-chrome #single .single-content .txt .row.supervision .col-sm-3 p {
	margin: 0 !important;
}

body.kiratt-renewal-chrome #single .txt .row.supervision .title,
body.kiratt-renewal-chrome #single .content .txt .row.supervision .title,
body.kiratt-renewal-chrome #single .single-content .txt .row.supervision .title {
	margin: 0 0 12px;
	padding: 0 0 16px;
	border: none;
	border-bottom: 1px solid var(--kr-line, rgba(0, 154, 219, 0.16));
	border-radius: 0;
	font-family: inherit;
	font-size: clamp(18px, 12px + 1vw, 20px);
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.06em;
	color: var(--kr-text, #212121) !important;
	background: none !important;
	position: relative;
}

body.kiratt-renewal-chrome #single .txt .row.supervision .title::after,
body.kiratt-renewal-chrome #single .content .txt .row.supervision .title::after,
body.kiratt-renewal-chrome #single .single-content .txt .row.supervision .title::after {
	content: "";
	display: block;
	width: 48px;
	height: 2px;
	margin-top: 12px;
	background: linear-gradient(90deg, var(--kr-blue-deep, #005fb9), var(--kr-cyan, #00cade));
}

body.kiratt-renewal-chrome #single .txt .row.supervision .sub-title,
body.kiratt-renewal-chrome #single .content .txt .row.supervision .sub-title,
body.kiratt-renewal-chrome #single .single-content .txt .row.supervision .sub-title {
	margin: 0 0 16px;
	padding: 0 0 12px;
	border: none;
	border-bottom: 1px dashed rgba(0, 154, 219, 0.22);
	font-size: clamp(14px, 10px + 0.5vw, 15px);
	font-weight: 600;
	line-height: 1.6;
	color: var(--kr-blue, #009adb) !important;
	background: none !important;
}

body.kiratt-renewal-chrome #single .txt .row.supervision .col-sm-9 > p,
body.kiratt-renewal-chrome #single .content .txt .row.supervision .col-sm-9 > p,
body.kiratt-renewal-chrome #single .single-content .txt .row.supervision .col-sm-9 > p {
	margin: 0 0 14px;
	font-size: clamp(14px, 10px + 0.4vw, 15px);
	line-height: 1.8;
	color: var(--kr-text, #212121);
}

body.kiratt-renewal-chrome #single .txt .row.supervision .col-sm-9 > p:last-of-type,
body.kiratt-renewal-chrome #single .content .txt .row.supervision .col-sm-9 > p:last-of-type,
body.kiratt-renewal-chrome #single .single-content .txt .row.supervision .col-sm-9 > p:last-of-type {
	margin-bottom: 0;
}

body.kiratt-renewal-chrome #single .txt .row.supervision .btn,
body.kiratt-renewal-chrome #single .content .txt .row.supervision .btn,
body.kiratt-renewal-chrome #single .single-content .txt .row.supervision .btn {
	margin: 24px 0 0 !important;
	text-align: left;
}

body.kiratt-renewal-chrome #single .txt .row.supervision .btn a,
body.kiratt-renewal-chrome #single .content .txt .row.supervision .btn a,
body.kiratt-renewal-chrome #single .single-content .txt .row.supervision .btn a {
	min-width: min(100%, 260px);
}

/* --- テーブル --- */

body.kiratt-renewal-chrome #single .txt figure.wp-block-table,
body.kiratt-renewal-chrome #single .content .txt figure.wp-block-table,
body.kiratt-renewal-chrome #single .txt .wp-block-table,
body.kiratt-renewal-chrome #single .content .txt .wp-block-table {
	margin: 32px 0;
}

body.kiratt-renewal-chrome #single .txt figure.wp-block-table > table,
body.kiratt-renewal-chrome #single .content .txt figure.wp-block-table > table,
body.kiratt-renewal-chrome #single .txt .wp-block-table > table,
body.kiratt-renewal-chrome #single .content .txt .wp-block-table > table {
	margin: 0;
}

body.kiratt-renewal-chrome #single .txt table,
body.kiratt-renewal-chrome #single .content .txt table,
body.kiratt-renewal-chrome #single .single-content .txt table {
	width: 100%;
	margin: 32px 0;
	border-collapse: collapse;
	border: 1px solid #b8d9eb;
	background: #fff;
	font-size: clamp(14px, 10px + 0.4vw, 15px);
	line-height: 1.7;
	color: var(--kr-text, #212121);
}

body.kiratt-renewal-chrome #single .txt table thead,
body.kiratt-renewal-chrome #single .content .txt table thead,
body.kiratt-renewal-chrome #single .single-content .txt table thead {
	background: linear-gradient(90deg, var(--kr-blue-deep, #005fb9), var(--kr-cyan, #00cade));
}

body.kiratt-renewal-chrome #single .txt table.has-background,
body.kiratt-renewal-chrome #single .content .txt table.has-background,
body.kiratt-renewal-chrome #single .single-content .txt table.has-background {
	background-color: transparent !important;
}

body.kiratt-renewal-chrome #single .txt table thead th,
body.kiratt-renewal-chrome #single .content .txt table thead th,
body.kiratt-renewal-chrome #single .single-content .txt table thead th {
	padding: 14px 12px;
	background: transparent;
	color: #fff !important;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #0088c4;
}

body.kiratt-renewal-chrome #single .txt table thead th .artb-font-color,
body.kiratt-renewal-chrome #single .txt table thead th span,
body.kiratt-renewal-chrome #single .txt table thead th mark,
body.kiratt-renewal-chrome #single .txt table thead th strong,
body.kiratt-renewal-chrome #single .content .txt table thead th .artb-font-color,
body.kiratt-renewal-chrome #single .content .txt table thead th span,
body.kiratt-renewal-chrome #single .content .txt table thead th mark,
body.kiratt-renewal-chrome #single .content .txt table thead th strong,
body.kiratt-renewal-chrome #single .single-content .txt table thead th .artb-font-color,
body.kiratt-renewal-chrome #single .single-content .txt table thead th span,
body.kiratt-renewal-chrome #single .single-content .txt table thead th mark,
body.kiratt-renewal-chrome #single .single-content .txt table thead th strong {
	color: #fff !important;
}

body.kiratt-renewal-chrome #single .txt table tbody th,
body.kiratt-renewal-chrome #single .content .txt table tbody th,
body.kiratt-renewal-chrome #single .single-content .txt table tbody th {
	min-width: 18%;
	padding: 14px 16px;
	background: var(--kr-bg-soft, #f2fafe) !important;
	color: var(--kr-text, #212121) !important;
	font-weight: 700;
	text-align: left;
	vertical-align: top;
	border: 1px solid #b8d9eb;
}

body.kiratt-renewal-chrome #single .txt table tbody th .artb-font-color,
body.kiratt-renewal-chrome #single .txt table tbody th span,
body.kiratt-renewal-chrome #single .content .txt table tbody th .artb-font-color,
body.kiratt-renewal-chrome #single .content .txt table tbody th span,
body.kiratt-renewal-chrome #single .single-content .txt table tbody th .artb-font-color,
body.kiratt-renewal-chrome #single .single-content .txt table tbody th span {
	color: var(--kr-text, #212121) !important;
}

body.kiratt-renewal-chrome #single .txt table td,
body.kiratt-renewal-chrome #single .content .txt table td,
body.kiratt-renewal-chrome #single .single-content .txt table td {
	padding: 14px 12px;
	background: #fff !important;
	color: var(--kr-text, #212121);
	text-align: left;
	vertical-align: middle;
	border: 1px solid #b8d9eb;
}

body.kiratt-renewal-chrome #single .txt table td.has-text-align-center,
body.kiratt-renewal-chrome #single .content .txt table td.has-text-align-center,
body.kiratt-renewal-chrome #single .single-content .txt table td.has-text-align-center,
body.kiratt-renewal-chrome #single .txt table th.has-text-align-center,
body.kiratt-renewal-chrome #single .content .txt table th.has-text-align-center,
body.kiratt-renewal-chrome #single .single-content .txt table th.has-text-align-center {
	text-align: center;
}

body.kiratt-renewal-chrome #single .txt table tbody tr:nth-child(even) td,
body.kiratt-renewal-chrome #single .content .txt table tbody tr:nth-child(even) td,
body.kiratt-renewal-chrome #single .single-content .txt table tbody tr:nth-child(even) td {
	background: #f8fcfe !important;
}

body.kiratt-renewal-chrome #single .txt table a,
body.kiratt-renewal-chrome #single .content .txt table a,
body.kiratt-renewal-chrome #single .single-content .txt table a {
	font-size: inherit;
	font-weight: 600;
}

/* --- 前後記事ナビ --- */

body.kiratt-renewal-chrome #single .content .prev-next-link {
	margin-top: 48px;
	border-top: 1px solid var(--kr-line, rgba(0, 154, 219, 0.16));
}

body.kiratt-renewal-chrome #single .content .prev-next-link a {
	padding: 18px 20px;
	border: none;
	border-bottom: 1px solid var(--kr-line, rgba(0, 154, 219, 0.16));
	background: transparent;
	color: var(--kr-text, #212121) !important;
	font-weight: 600;
	text-decoration: none !important;
	transition: background-color 0.2s ease;
}

body.kiratt-renewal-chrome #single .content .prev-next-link a:hover {
	background: var(--kr-bg-soft, #f2fafe);
	color: var(--kr-blue, #009adb) !important;
}

body.kiratt-renewal-chrome #single .content .prev-next-link .prev-next-label {
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: 600;
	color: var(--kr-muted, #5c6670);
}

@media (max-width: 768px) {
	main{
		padding-top: 0;
	}
	body.kiratt-renewal-chrome #page-default .single-ttl h1,
	body.kiratt-renewal-chrome #single .single-ttl h1,
	body.kiratt-renewal-chrome #single .content h1 {
		font-size: clamp(22px, 6vw, 28px);
		text-shadow: none;
	}

	body.kiratt-renewal-chrome #single .txt h2,
	body.kiratt-renewal-chrome #single .content .txt h2,
	body.kiratt-renewal-chrome #single .content h2:not(.mainv-ttl) {
		margin-top: 36px;
		margin-bottom: 18px;
		font-size: clamp(20px, 5.2vw, 24px);
	}

	body.kiratt-renewal-chrome #single .txt h3,
	body.kiratt-renewal-chrome #single .content .txt h3,
	body.kiratt-renewal-chrome #single .content h3 {
		margin-top: 28px;
		font-size: clamp(17px, 4.6vw, 20px);
	}

	body.kiratt-renewal-chrome #single .txt .btn,
	body.kiratt-renewal-chrome #single .content .txt .btn,
	body.kiratt-renewal-chrome #single .single-content .btn {
		width: min(100%, 320px);
	}

	body.kiratt-renewal-chrome #single .txt .btn a,
	body.kiratt-renewal-chrome #single .txt .btn input,
	body.kiratt-renewal-chrome #single .content .txt .btn a,
	body.kiratt-renewal-chrome #single .content .txt .btn input,
	body.kiratt-renewal-chrome #single .single-content .btn a,
	body.kiratt-renewal-chrome #single .single-content .btn input,
	body.kiratt-renewal-chrome #single .txt .wp-block-button__link,
	body.kiratt-renewal-chrome #single .content .txt .wp-block-button__link {
		width: 100%;
		min-width: 0;
	}

	body.kiratt-renewal-chrome #single .txt #toc_container,
	body.kiratt-renewal-chrome #single .content .txt #toc_container {
		padding: 25px 20px;
		margin: 24px 0 32px;
	}

	body.kiratt-renewal-chrome #single .txt #toc_container p.toc_title,
	body.kiratt-renewal-chrome #single .content .txt #toc_container p.toc_title {
		font-size: 17px;
	}

	body.kiratt-renewal-chrome #single .txt .row.supervision,
	body.kiratt-renewal-chrome #single .content .txt .row.supervision {
		flex-direction: column;
		align-items: center;
		gap: 20px;
		padding: 25px 20px;
		margin: 24px 0 32px !important;
	}

	body.kiratt-renewal-chrome #single .txt .row.supervision .col-sm-3,
	body.kiratt-renewal-chrome #single .content .txt .row.supervision .col-sm-3 {
		flex: 0 0 auto;
		width: 100%;
		max-width: 180px;
	}

	body.kiratt-renewal-chrome #single .txt .row.supervision .col-sm-9,
	body.kiratt-renewal-chrome #single .content .txt .row.supervision .col-sm-9 {
		flex: 1 1 auto;
		width: 100%;
	}

	body.kiratt-renewal-chrome #single .txt .row.supervision .title,
	body.kiratt-renewal-chrome #single .content .txt .row.supervision .title {
		font-size: 17px;
	}

	body.kiratt-renewal-chrome #single .txt .row.supervision .btn,
	body.kiratt-renewal-chrome #single .content .txt .row.supervision .btn {
		width: 100%;
		text-align: center;
	}

	body.kiratt-renewal-chrome #single .txt .row.supervision .btn a,
	body.kiratt-renewal-chrome #single .content .txt .row.supervision .btn a {
		width: 100%;
		min-width: 0;
	}

	/* テーブル: 横長は SP で横スクロール */
	body.kiratt-renewal-chrome #single .txt figure.wp-block-table,
	body.kiratt-renewal-chrome #single .content .txt figure.wp-block-table,
	body.kiratt-renewal-chrome #single .txt .wp-block-table,
	body.kiratt-renewal-chrome #single .content .txt .wp-block-table {
		display: block;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin: 24px 0;
	}

	body.kiratt-renewal-chrome #single .txt figure.wp-block-table > table,
	body.kiratt-renewal-chrome #single .content .txt figure.wp-block-table > table,
	body.kiratt-renewal-chrome #single .txt .wp-block-table > table,
	body.kiratt-renewal-chrome #single .content .txt .wp-block-table > table {
		display: table;
		width: max-content;
		min-width: 100%;
		margin: 0;
		table-layout: auto !important;
	}

	body.kiratt-renewal-chrome #single .txt figure.wp-block-table table.has-fixed-layout th,
	body.kiratt-renewal-chrome #single .txt figure.wp-block-table table.has-fixed-layout td,
	body.kiratt-renewal-chrome #single .content .txt figure.wp-block-table table.has-fixed-layout th,
	body.kiratt-renewal-chrome #single .content .txt figure.wp-block-table table.has-fixed-layout td {
		width: auto !important;
		min-width: 88px;
		white-space: nowrap;
	}

	body.kiratt-renewal-chrome #single .txt table thead th,
	body.kiratt-renewal-chrome #single .content .txt table thead th {
		padding: 12px 10px;
		font-size: 13px;
	}

	body.kiratt-renewal-chrome #single .txt table td,
	body.kiratt-renewal-chrome #single .content .txt table td,
	body.kiratt-renewal-chrome #single .txt table tbody th,
	body.kiratt-renewal-chrome #single .content .txt table tbody th {
		padding: 12px 10px;
		font-size: 13px;
	}
}
