/**
 * 特定商取引法表記（/shop/order/）専用スタイル。
 */

.hyakushou-shop-order-contents {
	max-width: 100%;
	margin-top: 0;
	padding-top: 0;
	color: #1a1a1a;
}

.hyakushou-shop-order-hero {
	border: 5px solid #2d5a27;
	background-color: #f9f7f2;
	background-image:
		linear-gradient(
			to right,
			rgba(249, 247, 242, 0.94) 0%,
			rgba(249, 247, 242, 0.72) 38%,
			rgba(249, 247, 242, 0.35) 55%,
			rgba(249, 247, 242, 0.08) 72%,
			transparent 88%
		),
		url("../images/pages/item/page-wakayama-header.png");
	background-repeat: no-repeat, no-repeat;
	background-size: cover, cover;
	background-position: center, center;
	margin: 0 0 1.25rem;
	padding: 1.25rem 1rem 1.35rem;
	box-sizing: border-box;
	min-height: min(220px, 36vw);
}

.hyakushou-shop-order-breadcrumb {
	font-size: 0.8125rem;
	color: #333;
	margin: 0 0 0.65rem;
	line-height: 1.5;
}

.hyakushou-shop-order-breadcrumb a {
	color: #2d5a27;
	text-decoration: underline;
}

.hyakushou-shop-order-breadcrumb__current {
	font-weight: 500;
}

.hyakushou-shop-order-hero__title {
	margin: 0;
	font-size: clamp(1.35rem, 3.6vw, 1.85rem);
	font-weight: 800;
	line-height: 1.3;
	color: #111;
	letter-spacing: 0.02em;
}

.hyakushou-shop-order-table-wrap {
	margin: 0 0 1.35rem;
	overflow-x: auto;
}

.hyakushou-tokusho-table {
	width: 100%;
	min-width: min(100%, 520px);
	border: 1px solid #b0b0b0;
	border-collapse: collapse;
	font-size: 0.9375rem;
	line-height: 1.65;
}

.hyakushou-tokusho-table th,
.hyakushou-tokusho-table td {
	padding: 0.65rem 0.85rem;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #c8c8c8;
}

.hyakushou-tokusho-table tr:last-child th,
.hyakushou-tokusho-table tr:last-child td {
	border-bottom: none;
}

.hyakushou-tokusho-table th {
	width: 28%;
	min-width: 7.5rem;
	font-weight: 700;
	background: #e6e6e6;
	color: #111;
}

.hyakushou-tokusho-table td {
	background: #fff;
	color: #111;
}

.hyakushou-tokusho-table td a {
	color: #2d5a27;
	text-decoration: underline;
	word-break: break-all;
}

.hyakushou-shop-order-wp-content {
	margin: 0 0 1.25rem;
	font-size: 1rem;
	line-height: 1.7;
	color: #000;
}

@media (max-width: 900px) {
	.hyakushou-shop-order-hero {
		min-height: min(200px, 42vw);
		background-position: center top, center top;
	}
}

/* スマホ：本文はヘッダー検索帯と同程度の左右余白（.site-content の 10px のみ） */
@media (max-width: 980px) {
	#primary.site-main.site-main--shop-order-page,
	#primary.site-main.site-main--shop-order-page .hyakushou-shop-order-page {
		max-width: 100%;
		min-width: 0;
		overflow-x: hidden;
	}

	#primary.site-main.site-main--shop-order-page {
		padding-left: 0;
		padding-right: 0;
	}

	.hyakushou-shop-order-contents {
		max-width: none;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		min-width: 0;
		overflow-x: hidden;
		overflow-wrap: anywhere;
	}

	.hyakushou-shop-order-hero {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
}

@media (max-width: 640px) {
	.hyakushou-tokusho-table,
	.hyakushou-tokusho-table tbody,
	.hyakushou-tokusho-table tr,
	.hyakushou-tokusho-table th,
	.hyakushou-tokusho-table td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	.hyakushou-tokusho-table tr {
		border-bottom: 1px solid #b0b0b0;
	}

	.hyakushou-tokusho-table tr:last-child {
		border-bottom: none;
	}

	.hyakushou-tokusho-table th {
		border-bottom: 1px solid #c8c8c8;
	}

	.hyakushou-tokusho-table td {
		border-bottom: none;
	}
}