/* RODEO 価格表 1.10（公開ページ） — 文字の大きさ・行間・字間・フォント・色は RODEO Base の変数だけを使う */
.rp{position:relative;max-width:1050px;margin:0 auto;padding-top:26px;box-sizing:border-box}
.rp *,.rp *::before,.rp *::after{box-sizing:border-box}
.rp p{margin:0 0 1em}
.rp a{color:var(--rodeo-c-orange-dark)}

/* 冒頭の説明 */
.rp .rp-lead{margin:0 0 8px;padding:14px 16px;background:var(--rodeo-c-bg-soft);border:1px solid var(--rodeo-c-border);border-left:4px solid var(--rodeo-c-orange);border-radius:8px}

/* 見出し：黒い線＋左端だけオレンジ */
.rp .rp-h{position:relative;margin:40px 0 16px!important;padding:0 0 8px!important;border:0!important;border-bottom:2px solid var(--rodeo-c-text)!important;background:none!important;color:var(--rodeo-c-text)}
.rp .rp-h::before{content:none!important}
.rp .rp-h::after{content:""!important;position:absolute;left:0;bottom:-2px;width:80px;height:2px;background:var(--rodeo-c-orange)}

/* 表の上の帯（改定日・ベース価格・ロゴ） */
.rp-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:var(--rodeo-c-white);border:1px solid var(--rodeo-c-border);border-bottom:3px solid var(--rodeo-c-orange);border-radius:8px 8px 0 0}
.rp .rp-head p{margin:0}
.rp .rp-head .rodeo-h3{margin:2px 0}
.rp .rp-logo{display:block;flex:none;width:96px;height:96px}

/* PC の表 */
.rp-pc{overflow-x:auto;-webkit-overflow-scrolling:touch}
.rp-t,.rp-mt{width:100%;border-collapse:collapse;background:var(--rodeo-c-white)}
.rp-t th,.rp-t td,.rp-mt th,.rp-mt td{border:1px solid var(--rodeo-c-border);padding:6px 4px;text-align:center;vertical-align:middle;line-height:var(--rodeo-lh-note)}
.rp-t thead th,.rp-mt thead th{background:var(--rodeo-c-text);color:var(--rodeo-c-white);font-weight:500;font-size:var(--rodeo-fs-note)}
.rp-t thead th small,.rp-mt thead th small{display:block;font-size:var(--rodeo-fs-note);color:var(--rodeo-c-orange-light)}
.rp-t tbody th,.rp-mt tbody th{font-weight:700}
.rp .rp-t tbody th a,.rp .rp-mt tbody th a{color:var(--rodeo-c-text);text-decoration:none!important;border:0!important;box-shadow:none!important}
.rp .rp-t tbody th a:hover,.rp .rp-mt tbody th a:hover{color:var(--rodeo-c-orange-dark)}
.rp-t tbody th{min-width:7.5em}
.rp-t .rp-sp{min-width:11.5em}
.rp-t .rp-no,.rp-t .rp-sp,.rp-t .rp-st{font-size:var(--rodeo-fs-note)}
.rp-t .rp-st,.rp-t thead th:first-child{white-space:nowrap}
.rp-t .rp-pr{white-space:nowrap;font-weight:700}
.rp .rp-tx{display:block;font-weight:500;font-size:var(--rodeo-fs-note);color:var(--rodeo-c-text-sub)}
.rp .rp-tx-h{font-weight:500;font-size:var(--rodeo-fs-body)}
.rp-t .rp-kn,.rp-mt .rp-kn{font-size:var(--rodeo-fs-note)}
.rp-t .rp-all{font-weight:700;background:var(--rodeo-c-white)}
.rp-t .rp-na,.rp-mt .rp-na{color:var(--rodeo-c-text-muted)}
/* 表のマスはすべて白（テーマの表の色に負けないよう強めに指定） */
.rp .rp-t tbody td,.rp .rp-mt tbody td,.rp .rp-t tbody th,.rp .rp-mt tbody th{background:var(--rodeo-c-white)!important}

/* スマホの表（万円・3列） */
.rp-sp-only{display:none}
.rp-mt{table-layout:fixed}
.rp-mt thead th:first-child{width:40%}
.rp-mt tbody th{text-align:left;padding:6px 6px}
.rp-mt tbody th small{display:block;margin-top:2px;font-weight:500;font-size:var(--rodeo-fs-note);color:var(--rodeo-c-text-sub)}
.rp-mt .rp-pr{white-space:nowrap;font-weight:700}
.rp .rp-mt-all{margin:8px 0 0}

/* 表の下 */
.rp .rp-tax{margin:8px 0 4px}
.rp .rp-nt{margin:0 0 1em}

/* ボタン */
.rp-btns{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.rp-btns--c{justify-content:center}
.rp .rp-btn{text-decoration:none!important}

/* ラインナップの写真タイル（中身は RODEO 車種ページ） */
.rp-nav{margin:24px 0 0}
.rp .rp-nav .rm-nav{margin-bottom:0}

/* お問い合わせの箱 */
.rp-cta{margin:40px 0 0;padding:16px;background:var(--rodeo-c-bg-soft);border:1px solid var(--rodeo-c-border);border-radius:12px;text-align:center}
.rp .rp-cta p{text-align:center;margin:0 0 12px}
.rp .rp-cta .rp-btns{margin:0 0 12px}
.rp .rp-cta .rodeo-note{margin:0}

/* クレジット */
.rp .rp-credit{margin:36px 0 24px;text-align:center}

@media (max-width:767px){
	.rp-pc{display:none}
	.rp-sp-only{display:block}
	.rp .rp-logo{width:89px;height:89px}
	.rp-head{padding:10px 12px;gap:10px}
	.rp .rp-h{margin:32px 0 12px!important}
	/* スマホ：同じ段のボタンは幅をそろえる */
	.rp-btns--3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
	.rp-btns--2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
	.rp-btns--c{flex-direction:column;align-items:stretch;max-width:300px;margin-left:auto!important;margin-right:auto!important}
}