@charset "utf-8";
/* =====================================================================
   料金案内（/price/）ページ固有スタイル
   ※ ヘッダー/フッター/見出し/MV共通ガワ/パンクズ/カード → common.css
     ここには price ページ専用のMV写真と本文スタイルを書く。
   ===================================================================== */

/* MV背景写真 */
.pageHead--price {
	background-image: url('/img/price/mv.jpg');
}


/* =========== セクション共通 =========== */
/* 背景を交互に（トップ準拠：FFF ／ 薄水色 #f4fafd） */
.shared,
.rental {
	background: #FFF;
}

.charter {
	background: #f4fafd;
}


/* =========== 料金プランカード =========== */
.planCard {
	background: #FFF;
	border: 1px solid #E3E8ED;
	border-radius: 6px;
	padding: 32px 36px;
	box-shadow: 0 4px 20px rgba(34,50,64,.05);
}

/* チャーター・乗合は縦積み */
.planStack .planCard + .planCard {
	margin-top: 28px;
}

/* 乗合：カード群の下（注意事項の上）に余白 */
.planStack + .price__notes {
	margin-top: 30px;
}

/* チャーター：遠征料金テーブルの下（注意事項の上）に余白 */
.charter .price__notes {
	margin-top: 30px;
}

/* チャーター全体の但し書き（見出し直下）*/
.price__caveat {
	background: #fbf7ef;
	border-left: 3px solid #e99a20;
	padding: 12px 16px;
	margin-bottom: 28px;
	line-height: 1.7;
	color: #333B44;
}

.planCard__lead {
	line-height: 1.8;
	color: #333B44;
	margin-bottom: 18px;
}

.planCard__dummy {
	color: #c0392b;
	font-size: 13px;
}

.planCard__head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #E3E8ED;
}

.planCard__name {
	font-size: 22px;
	font-weight: 700;
	color: #1A1E24;
}

.planCard__tag {
	font-size: 12px;
	font-weight: 700;
	color: #1f6f9c;
	background: #dbedf8;
	padding: 4px 12px;
	border-radius: 999px;
}

.planCard__price {
	display: flex;
	align-items: baseline;
	gap: 3px;
	margin-bottom: 18px;
	color: #e99a20;
}

.planCard__num {
	font-family: 'Inter', sans-serif;
	font-size: 44px;
	font-weight: 700;
	line-height: 1;
}

.planCard__unit {
	font-size: 20px;
	font-weight: 700;
}

.planCard__note {
	font-size: 14px;
	color: #6B7684;
	margin-left: 8px;
}

.planCard__spec {
	border-top: none;
}


/* =========== 人数別料金テーブル（チャーター）=========== */
.priceTier {
	border-top: none;
	background: #fbf7ef;
	border-radius: 4px;
	padding: 4px 18px;
	margin-bottom: 22px;
}

.priceTier .specList__row {
	padding: 12px 0;
}

.priceTier .specList__row:last-child {
	border-bottom: none;
}

.priceTier__yen {
	font-size: 22px;
	font-weight: 700;
	color: #e99a20;
}

.priceTier__yen span {
	font-size: 13px;
	font-weight: 400;
	color: #6B7684;
	margin-left: 4px;
}

/* お一人あたり */
.priceTier__each {
	display: inline-block;
	font-style: normal;
	font-size: 13px;
	font-weight: 400;
	color: #6B7684;
	margin-left: 12px;
}

/* カード内注記（午後便の3名〜など）*/
.planCard__note-in {
	margin-top: 14px;
	font-size: 14px;
	line-height: 1.7;
	color: #6B7684;
}

/* 遠征料金の小見出しはカードの下に間隔を空ける */
.planStack + .subhead {
	margin-top: 44px;
}


/* =========== 注記（レンタル等）※小見出しは common.css の .subhead =========== */
.price__lead-txt {
	color: #6B7684;
	margin-bottom: 14px;
}

.price__note-txt {
	font-size: 14px;
	color: #6B7684;
	line-height: 1.8;
	margin-top: 22px;
}

.price__notes {
	list-style: none;
}

.price__notes li {
	position: relative;
	padding-left: 22px;
	margin-bottom: 7px;
	line-height: 1.85;
	color: #333B44;
}

.price__notes li::before {
	content: '※';
	position: absolute;
	left: 0;
	top: 0;
	color: #6B7684;
}


/* =========== 定義リストの1列目幅（PCのみ・SPは縦積み）=========== */
@media screen and (min-width: 768px){

.shared .specList__row dt,
.charter .specList__row dt,
.rental .specList__row dt {
	width: 200px;
}

.priceTier .specList__row dt {
	width: 120px;
}

/* 人数別テーブル：◯名様と料金を縦中央で揃える（文字サイズ差の吸収）*/
.priceTier .specList__row {
	align-items: center;
}

}


/* =========== SP（767px以下）=========== */
@media screen and (max-width: 767px){

.planCard {
	padding: 24px 20px;
	}

.planCard__head {
	flex-wrap: wrap;
	gap: 8px 12px;
	}

.planCard__name {
	font-size: 18px;
	}

.planCard__tag {
	font-size: 10px;
	}

.planCard__num {
	font-size: 36px;
	}

.planStack + .subhead {
	margin-top: 36px;
	}

.priceTier__yen {
	font-size: 20px;
	}

.price__notes li {
	margin-bottom: 2px;
	}

}