/* =========================================================
   NRT PARKING — parking.css
   個別駐車場ページ / 比較表
   ========================================================= */

.nrt-pk { padding-bottom: 2rem; }

.nrt-pk__head {
	max-width: var(--nrt-maxw); margin: 1.2rem auto 0;
	padding: clamp(1.5rem, 4vw, 2.5rem) clamp(1rem, 4vw, 2rem);
	display: grid; grid-template-columns: 1.4fr 1fr; gap: 2rem; align-items: start;
}
.nrt-pk__head--index { display: block; }
.nrt-pk__title { font-size: clamp(1.5rem, 4.5vw, 2.2rem); font-weight: 900; color: var(--nrt-navy); line-height: 1.3; }
.nrt-pk__tag { color: var(--nrt-gray); margin-top: .6rem; }
.nrt-pk__rank { margin-top: 1rem; font-size: .92rem; color: var(--nrt-navy); background: var(--nrt-mist); padding: .7rem 1rem; border-radius: var(--nrt-radius-sm); }
.nrt-pk__rank strong { color: var(--nrt-amber-d); }

.nrt-pk__farecard {
	background: var(--nrt-navy); color: #fff; border-radius: var(--nrt-radius);
	padding: 1.6rem 1.5rem; text-align: center; box-shadow: var(--nrt-shadow); position: sticky; top: 80px;
}
.nrt-pk__farecap { font-size: .82rem; color: #AFC2DA; }
.nrt-pk__farenum { display: block; font-family: var(--nrt-mono); font-weight: 700; font-size: 2.4rem; color: var(--nrt-amber); margin: .3rem 0 1.2rem; }
.nrt-pk__farecard .nrt-btn { margin-bottom: .8rem; }
.nrt-pk__tel, .nrt-pk__line { display: block; color: #fff; text-decoration: none; font-size: .92rem; padding: .5rem; border-radius: var(--nrt-radius-sm); }
.nrt-pk__tel:hover, .nrt-pk__line:hover { background: rgba(255,255,255,.08); }

@media (max-width: 760px) {
	.nrt-pk__head { grid-template-columns: 1fr; }
	.nrt-pk__farecard { position: static; }
}

.nrt-pk__sec {
	max-width: var(--nrt-maxw); margin: 1.5rem auto 0;
	padding: clamp(1.3rem, 3vw, 2rem) clamp(1rem, 4vw, 2rem);
	background: #fff; border: 1px solid var(--nrt-line); border-radius: var(--nrt-radius);
}
.nrt-pk__sec--note { background: var(--nrt-mist); border-color: transparent; }
.nrt-pk__h2 { font-size: 1.2rem; font-weight: 800; color: var(--nrt-navy); margin-bottom: 1rem; }

.nrt-pk__fees { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.nrt-pk__feecell { background: var(--nrt-mist); border-radius: var(--nrt-radius-sm); padding: 1rem; text-align: center; }
.nrt-pk__feedays { font-size: .82rem; color: var(--nrt-gray); display: block; margin-bottom: .3rem; }
.nrt-pk__feeval { font-family: var(--nrt-mono); font-weight: 700; font-size: 1.5rem; color: var(--nrt-navy); }
.nrt-pk__feenote { margin-top: 1rem; font-size: .8rem; color: var(--nrt-gray); }

.nrt-pk__spec { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: .8rem; }
.nrt-pk__spec > div { background: var(--nrt-mist); border-radius: var(--nrt-radius-sm); padding: .9rem 1rem; }
.nrt-pk__spec dt { font-size: .78rem; color: var(--nrt-gray); margin-bottom: .25rem; }
.nrt-pk__spec dd { margin: 0; font-weight: 700; color: var(--nrt-navy); }

/* ---------- 比較表 ---------- */
.nrt-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.nrt-table-scrollhint { font-size: .76rem; color: var(--nrt-gray); text-align: right; margin-bottom: .4rem; }
.nrt-table {
	width: 100%; min-width: 760px; border-collapse: collapse;
	background: #fff; border-radius: var(--nrt-radius); overflow: hidden; box-shadow: var(--nrt-shadow-sm);
}
.nrt-table thead th {
	background: var(--nrt-navy); color: #fff; font-size: .82rem; font-weight: 700;
	padding: .8rem .6rem; text-align: center; white-space: nowrap;
}
.nrt-table tbody td, .nrt-table tbody th {
	padding: .7rem .6rem; text-align: center; font-size: .9rem;
	border-bottom: 1px solid var(--nrt-line);
	font-variant-numeric: tabular-nums;
}
.nrt-table__name { text-align: left !important; font-weight: 700; white-space: nowrap; }
.nrt-table__name a { color: var(--nrt-navy); text-decoration: none; }
.nrt-table__name a:hover { color: var(--nrt-amber-d); text-decoration: underline; }
.nrt-table tbody tr:hover { background: var(--nrt-mist); }
.nrt-table tbody tr:first-child { background: rgba(30,142,90,.06); }
.nrt-table td a { color: var(--nrt-amber-d); text-decoration: none; font-weight: 700; }
.nrt-table-foot { margin-top: .8rem; font-size: .8rem; color: var(--nrt-gray); line-height: 1.7; }

/* ---------- v2追加: 個別ページ 紹介文・写真・キャンペーン ---------- */
.nrt-pk__campaign {
	margin-top: 1rem; padding: .8rem 1.1rem;
	background: var(--nrt-green); color: #fff; font-weight: 700;
	border-radius: var(--nrt-radius-sm); font-size: .95rem;
}
.nrt-pk__photo { margin: 1.4rem 0 0; }
.nrt-pk__photo img { width: 100%; border-radius: var(--nrt-radius); display: block; box-shadow: var(--nrt-shadow-sm); }
.nrt-pk__intro { line-height: 1.9; color: var(--nrt-ink); }
.nrt-pk__intro p { margin: 0 0 1em; }
