/* コラム本文の表をTOPの買取相場早見表に合わせる。issue #200 */
.p-columnSingle .p-article__body .wp-block-table {
	-ms-overflow-style: none;
	background-color: #17604a;
	border-radius: 0.5rem;
	overflow-x: auto;
	padding: 1.5rem;
	scrollbar-width: none;
}

.p-columnSingle .p-article__body .wp-block-table::-webkit-scrollbar {
	display: none;
}

.p-columnSingle .p-article__body .wp-block-table table {
	border-collapse: separate;
	border-spacing: 3px 0;
	color: #00645b;
	margin-left: -3px;
	min-width: 100%;
	table-layout: auto;
	width: max-content;
}

.p-columnSingle .p-article__body .wp-block-table th,
.p-columnSingle .p-article__body .wp-block-table td {
	background-color: #fff;
	/* 表ブロック標準の枠線（wp-block-library）を消し、早見表と同じ区切り線だけにする。issue #200 */
	border: 0;
	padding: 1rem 0.75rem;
	position: relative;
	text-align: center;
	white-space: nowrap;
}

.p-columnSingle .p-article__body .wp-block-table th::after,
.p-columnSingle .p-article__body .wp-block-table td::after {
	border-bottom: 2px solid #00645b;
	bottom: 0;
	content: "";
	height: 2px;
	left: 10%;
	position: absolute;
	width: 80%;
}

.p-columnSingle .p-article__body .wp-block-table table > :last-child > tr:last-child > *::after {
	content: none;
}

.p-columnSingle .p-article__body .wp-block-table thead th,
.p-columnSingle .p-article__body .wp-block-table table:not(:has(thead)) tbody tr:first-child > * {
	border-radius: 20px 20px 0 0;
	font-size: 1.1875rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1;
}

.p-columnSingle .p-article__body .wp-block-table figcaption {
	color: #fff;
}

/* 箇条書き内でも段落内リンクと同じ視認性を保つ。issue #200 */
.p-columnSingle .p-article__body li a {
	color: rgb(0, 100, 91);
	-webkit-text-decoration: underline rgb(0, 100, 91);
	text-decoration: underline rgb(0, 100, 91);
	/* テーマ全体で a が inline-block のため、li のぶら下げ字下げ（text-indent:-1.125rem）を
	   リンクが引き継いで左へずれ、直前の「：」「・」に重なる。リンクの中では字下げを戻す。 */
	text-indent: 0;
}

/* FV用の絶対配置だけを解除し、CTAボタンの意匠は共通CSSを使う。issue #200 */
.p-columnSingle .p-article__cta {
	margin-bottom: 2.5rem;
	margin-top: 3rem;
}

.p-columnSingle .p-article__cta .p-fv__btn {
	bottom: auto;
	left: auto;
	position: static;
	transform: none;
}

@media screen and (max-width: 768px) {
	.p-columnSingle .p-article__body .wp-block-table {
		padding: 1rem;
	}

	.p-columnSingle .p-article__body .wp-block-table th,
	.p-columnSingle .p-article__body .wp-block-table td {
		min-width: 143px;
	}

	.p-columnSingle .p-article__body .wp-block-table th:first-child,
	.p-columnSingle .p-article__body .wp-block-table td:first-child {
		/* 右は早見表と同じ区切り。左はラッパーの余白を背景色で塗り、スクロールした列が固定列の左に透けないようにする。issue #200 */
		box-shadow: 3px 0 0 0 #00645b, -1.5rem 0 0 0 #17604a;
		left: 0;
		position: sticky;
		z-index: 2;
	}

	/* 見出しの固定セルだけ上へずらした塗りを足し、角丸の外側に残る隙間を塞ぐ。
	   下の行に付けると上の行のセルに重なるため、先頭行に限定する。issue #200 */
	.p-columnSingle .p-article__body .wp-block-table thead th:first-child,
	.p-columnSingle .p-article__body .wp-block-table table:not(:has(thead)) tbody tr:first-child > :first-child {
		box-shadow: 3px 0 0 0 #00645b, -1.5rem 0 0 0 #17604a, -1.5rem -1.5rem 0 0 #17604a;
	}

	.p-columnSingle .p-article__body .wp-block-table thead th,
	.p-columnSingle .p-article__body .wp-block-table table:not(:has(thead)) tbody tr:first-child > * {
		border-radius: clamp(0.9375rem, 0.1348244147rem + 1.6722408027vw, 1.5625rem) clamp(0.9375rem, 0.1348244147rem + 1.6722408027vw, 1.5625rem) 0 0;
	}
}