/* RODEO ラインナップ 2.0 — 文字の大きさ・行間・字間・色は RODEO Base の変数だけ。茶色をやめて白基調＋黒・オレンジの線。写真・リンク・フォームは前の版のまま */
.rlu{position:relative;max-width:1200px;margin:0 auto;padding-top:28px}
.rlu *{box-sizing:border-box}
.rlu p{margin:0}
.rlu img{display:block;max-width:100%;height:auto;margin:0 auto}
.rlu .rlu-title{margin:0 0 32px;padding:14px 10px;border-top:2px solid var(--rodeo-c-orange);border-bottom:1px solid var(--rodeo-c-border);text-align:center}
.rlu .rlu-title h2{margin:0;padding:0;border:0;background:none;color:var(--rodeo-c-text)}
.rlu .rlu-title h2::before,.rlu .rlu-title h2::after{display:none}
.rlu .rlu-en,.rlu .rlu-ja{display:block}
.rlu .rlu-ja{margin-top:4px;font-size:var(--rodeo-fs-h3)}
.rlu .rlu-lead,.rlu .rlu-wide,.rlu .rlu-txt,.rlu .rlu-sh,.rlu .rlu-eng,.rlu .rlu-models,.rlu .rlu-btns,.rlu .rlu-cat,.rlu .rlu-tel,.rlu .rlu-form{max-width:1050px;margin-left:auto;margin-right:auto}
.rlu .rlu-lead{margin-bottom:32px}
.rlu .rlu-lead,.rlu .rlu-txt p{text-align:justify;text-justify:inter-character;word-break:normal;text-wrap:wrap}
.rlu .rlu-lead.rlu-c{text-align:center;margin-bottom:16px}
.rlu .rlu-wide{margin-bottom:40px}
.rlu .rlu-sh{margin-bottom:24px;padding:12px 10px 10px;border-top:1px solid var(--rodeo-c-border);border-bottom:1px solid var(--rodeo-c-border);text-align:center}
.rlu .rlu-sh h3{margin:0;padding:0;border:0;background:none;color:var(--rodeo-c-text)}
.rlu .rlu-sh h3::before,.rlu .rlu-sh h3::after{display:none}
.rlu .rlu-sub{margin-top:6px;color:var(--rodeo-c-text-sub)}
.rlu .rlu-txt{margin-bottom:32px}
.rlu .rlu-txt p+p{margin-top:16px;padding-top:16px;border-top:1px solid var(--rodeo-c-border)}
.rlu .rlu-txt .rlu-note{font-size:var(--rodeo-fs-note);line-height:var(--rodeo-lh-note);color:var(--rodeo-c-text-sub)}
.rlu .rlu-eng{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:48px}
.rlu .rlu-eng a{display:block;width:110px}
.rlu .rlu-eng img{width:110px;height:110px;object-fit:cover;border-radius:8px}
.rlu .rlu-models{display:grid;gap:16px;margin-bottom:40px}
.rlu .rlu-models img{width:100%;border-radius:8px}
.rlu .rlu-btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:40px}
.rlu .rlu-btns a,.rlu .rlu-tel a{display:flex;text-decoration:none}
.rlu .rlu-tel a{max-width:320px;margin:0 auto}
.rlu .rlu-cat{margin-bottom:48px}
/* 2.1.2：カタログのバナーは RODEO Base の共通バナー（画像の幅の指定は外した） */
.rlu .rlu-tel{margin-bottom:32px}
/* フォームの中のクレジットは、ページ下のクレジットと重なるので出さない */
.rlu .rf .credit{display:none}
.rlu .rlu-credit{padding:24px 0;text-align:center}
.rlu .rlu-credit img{width:89px;height:89px;margin:0 auto 8px}
@media(max-width:600px){
.rlu .rlu-btns{grid-template-columns:1fr;gap:10px}
.rlu .rlu-eng{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.rlu .rlu-eng a{width:auto}
.rlu .rlu-eng img{width:100%;height:auto;aspect-ratio:1/1}
}

/* 9枠のタイル（rodeo-models 1.9 と同じ見た目） */
.rlu .rm-nav{max-width:1050px;margin:0 auto 40px;container-type:inline-size}
.rlu .rm-nav__h{margin:0 0 10px!important;text-align:center;font-weight:700;font-size:var(--rodeo-fs-h3);line-height:var(--rodeo-lh-head);color:var(--rodeo-c-text)}
.rlu .rm-nav__l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:480px;margin:0 auto;padding:0;list-style:none}
.rlu .rm-nav__l li{display:flex;margin:0;padding:0;list-style:none}
.rlu .rm-nav__l li::before{content:none}
.rlu .rm-nav__t{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;border-radius:8px;overflow:hidden;background:var(--rodeo-c-text);color:var(--rodeo-c-white)!important;font-size:var(--rodeo-fs-note);line-height:var(--rodeo-lh-head);font-weight:700;text-align:center;text-decoration:none!important;white-space:nowrap}
.rlu .rm-nav__ph{display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--rodeo-c-text-sub)}
.rlu .rm-nav__ph img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .3s}
.rlu a.rm-nav__t:hover img{transform:scale(1.06)}
.rlu .rm-nav__n{display:block;width:100%;padding:4px 2px}
.rlu .is-now .rm-nav__n{background:var(--rodeo-c-orange)}
.rlu .rm-nav__t--x{justify-content:center;gap:2px;background:var(--rodeo-c-btn-bg);color:var(--rodeo-c-btn-text)!important;border:var(--rodeo-btn-bw) solid var(--rodeo-c-btn-border)}
@media (hover:hover){.rlu .rm-nav__t--x:hover{background:var(--rodeo-c-hover);color:var(--rodeo-c-text)}}
.rlu a.rm-nav__t--x:hover{filter:brightness(.95)}
.rlu .rm-nav__en{display:block;font-size:var(--rodeo-fs-note);color:var(--rodeo-c-btn-text)}
.rlu .rm-nav__t--x .rm-nav__n{padding:0;font-size:var(--rodeo-fs-body)}
.rlu .rm-nav__t--x.is-now .rm-nav__n{background:none}
@container (min-width:960px){.rlu .rm-nav__l{grid-template-columns:repeat(var(--rm-nav-n),minmax(0,1fr));max-width:none}}
.rlu .rlu-nav .rm-nav{margin:0 auto 24px}