/* ==========================================================
   Nirvana page-guide.css
   ご利用ガイドページ（page-guide.php）専用
   ========================================================== */

.guide-page {
	width: min(100% - var(--gutter) * 2, 1040px);
	margin-inline: auto;
	padding-block: 56px 120px;
}

/* ---------- タブ（ページ内リンク） ---------- */
.guide-tabs ul {
	display: flex;
	gap: 8px;
}
.guide-tabs li {
	flex: 1;
	min-width: 0;
}
.guide-tabs a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 56px;
	padding: 0 8px;
	border: 1px solid #ddd;
	background: #fff;
	font-size: 13px;
	line-height: 1.4;
	letter-spacing: 0.06em;
	text-align: center;
	transition: background-color 0.25s;
}
.guide-tabs a:hover {
	background: var(--c-green-pale);
}

/* ---------- セクション ---------- */
.guide-section {
	margin-top: 96px;
	scroll-margin-top: 24px;
}
.guide-section__title {
	margin-bottom: 44px;
	font-size: clamp(22px, 2.1vw, 28px);
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.5;
}

.guide-sub + .guide-sub {
	margin-top: 48px;
}
.guide-sub__title {
	position: relative;
	padding: 8px 0 8px 24px;
	border-bottom: 1px solid #e3e3e3;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.6;
}
.guide-sub__title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 8px;
	background: var(--c-green-pale);
}
.guide-sub__body {
	margin-top: 32px;
	font-size: 13px;
	line-height: 2;
	color: #555;
}
.guide-sub__body p + p {
	margin-top: 1.6em;
}

/* ---------- 送料表 ---------- */
.shipping-table-wrap {
	margin-top: 28px;
}
.shipping-table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #e5e5e5;
	font-size: 13px;
	line-height: 1.8;
	color: var(--c-text);
}
.shipping-table th,
.shipping-table td {
	padding: 18px 16px;
	border-bottom: 1px solid #e5e5e5;
	vertical-align: middle;
}
.shipping-table thead th {
	background: #f7f7f7;
	font-weight: 400;
	text-align: center;
}
.shipping-table th[scope="row"] {
	width: 14.5%;
	background: #f7f7f7;
	font-weight: 400;
	text-align: center;
}
.shipping-table thead th:first-child {
	width: 14.5%;
}
.shipping-table thead th:last-child,
.shipping-table__fee {
	width: 14%;
	text-align: center;
}
.shipping-table th + th,
.shipping-table th + td,
.shipping-table td + td {
	border-left: 1px solid #e5e5e5;
}
.shipping-table__regions {
	padding-left: 28px !important;
}

.guide-extra {
	margin-top: 96px;
	font-size: 13px;
	color: #555;
}

/* ---------- SP ---------- */
@media (max-width: 768px) {
	.guide-page {
		padding-block: 36px 72px;
	}
	.guide-tabs ul {
		flex-wrap: wrap;
	}
	.guide-tabs li {
		flex: 0 0 calc(50% - 4px);
	}
	.guide-tabs li:last-child:nth-child(odd) {
		flex-basis: 100%;
	}
	.guide-tabs a {
		height: 48px;
		font-size: 12px;
	}
	.guide-section {
		margin-top: 64px;
	}
	.guide-section__title {
		margin-bottom: 28px;
	}
	.guide-sub + .guide-sub {
		margin-top: 36px;
	}
	.guide-sub__title {
		padding-left: 18px;
		font-size: 15px;
	}
	.guide-sub__body {
		margin-top: 22px;
		font-size: 13px;
	}
	.shipping-table {
		font-size: 12px;
	}
	.shipping-table th,
	.shipping-table td {
		padding: 12px 8px;
	}
	.shipping-table th[scope="row"],
	.shipping-table thead th:first-child {
		width: 20%;
	}
	.shipping-table thead th:last-child,
	.shipping-table__fee {
		width: 22%;
	}
	.shipping-table__regions {
		padding-left: 12px !important;
	}
}