/* 2026-11-02 /rental/ レンタルバイク（bike-rental.net の紹介＋送客ページ）＝storage/trailer の iron 系部品に車両カード・料金目安・流れだけ追加 */
body.rental-page .page-hero.rt-hero>img{object-position:58% 50%;filter:brightness(.5)}
body.rental-page .rt-hero .page-lead{font-size:15px;line-height:2;color:#d9d3c8}
/* ヒーローの2分割（trailer-open.css の .tr-split はこの頁で読まないので同等を自前で持つ） */
.rt-split{display:flex;align-items:stretch;gap:0;margin-top:26px;max-width:560px;border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e}
.rt-split div{flex:1;padding:20px 24px 20px 0;min-width:0}
.rt-split div+div{border-left:1px solid #ffffff2e;padding-left:24px}
.rt-split small{display:block;font:10px 'Oswald',sans-serif;letter-spacing:.24em;color:#d3b887}
.rt-split b{display:block;margin-top:10px;font:500 clamp(22px,2.4vw,32px)/1 'Oswald','Noto Sans JP',sans-serif;letter-spacing:.04em;color:#f2ece0}
.rt-split b i{font-style:normal;font-size:.5em;font-weight:500;margin-left:.1em;color:#d3b887}
.rt-split span{display:block;margin-top:8px;font-size:13px;line-height:1.85;color:#c4bbad;word-break:keep-all;overflow-wrap:anywhere}

.rt-lead{margin:0 0 26px;font-size:14px;line-height:2;color:#c4bbad;word-break:keep-all;overflow-wrap:anywhere}

/* 車両カード */
.rt-fleet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rt-bike{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--edge,#3a3736);border-top:2px solid #b52c40;background:linear-gradient(150deg,var(--plate-a,#29272c),var(--plate-b,#111315));box-shadow:inset 0 1px #ffffff12,0 20px 45px #0005;color:inherit;text-decoration:none}
.rt-bike>a.rt-bike-pic{display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background-color:#141315}
.rt-bike>a.rt-bike-pic img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.rt-bike:hover>a.rt-bike-pic img{transform:scale(1.05)}
.rt-bike-body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.rt-bike small{font:10px 'Oswald',sans-serif;letter-spacing:.24em;color:#d3b887}
.rt-bike b{display:block;margin-top:10px;font:500 clamp(22px,2.2vw,30px)/1.15 'Oswald','Noto Sans JP',sans-serif;letter-spacing:.01em;color:#f2ece0;word-break:keep-all;overflow-wrap:anywhere}
.rt-bike em{display:block;margin-top:8px;font-style:normal;font-size:13px;letter-spacing:.04em;color:#ded7c9}
.rt-bike ul{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid #ffffff1c}
.rt-bike li{position:relative;padding:9px 0 9px 16px;border-bottom:1px solid #ffffff14;font-size:13px;line-height:1.7;color:#ddd7cb;word-break:keep-all;overflow-wrap:anywhere}
.rt-bike li::before{content:"";position:absolute;left:0;top:17px;width:6px;height:1px;background-color:#d3b887}
.rt-more{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding:18px 0 0;font-size:13px;font-weight:600;letter-spacing:.08em;color:#eee5d5;text-decoration:none}
.rt-more span{color:#d3b887}
.rt-more:hover span{color:#fff}
.rt-bike-more{justify-content:center;border-top-color:#75716b;background:linear-gradient(150deg,#1d1b1f,#0f1012)}
.rt-bike-more .rt-bike-body{justify-content:center;min-height:260px}
.rt-bike-more em{line-height:1.9}
.rt-bike-more .rt-more{margin-top:18px}
.rt-bike-more:hover{border-top-color:#b52c40}

/* 料金の目安 */
.rt-price{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rt-price>div{display:flex;flex-direction:column;gap:6px;padding:22px 24px;border:1px solid #75716b;border-top:3px solid #b52c40;background:linear-gradient(140deg,var(--plate-a,#29272c),var(--plate-b,#111315))}
.rt-price small{font:10px 'Oswald',sans-serif;letter-spacing:.24em;color:#d3b887}
.rt-price span{font-size:13px;letter-spacing:.04em;color:#ded7c9}
.rt-price b{margin-top:6px;font:500 clamp(30px,3vw,42px)/1 'Oswald',sans-serif;letter-spacing:.01em;color:#f4efe3}
.rt-price b i{font-style:normal;font-size:.42em;margin-left:.15em;color:#c4bbad}
.rt-panel{margin-top:18px;padding:22px 26px 14px}
body.iron-page .rt-panel .spec>div{grid-template-columns:150px 1fr;gap:14px;padding:12px 0}
.rt-panel .spec dd{font-size:14px;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere}
.rt-site-link{display:inline-flex;align-items:center;gap:14px;margin-top:18px;padding:14px 22px;border:1px solid #b2a89b;font:600 13px 'Noto Sans JP',sans-serif;letter-spacing:.08em;color:#f2ece0;text-decoration:none;border-radius:2px;transition:background-color .2s,border-color .2s}
.rt-site-link:hover{background-color:#f2ece0;border-color:#f2ece0;color:#0e0d0f}
.rt-site-link span{color:#d3b887}
.rt-site-link:hover span{color:#b52c40}

/* 流れ */
.rt-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:none}
.rt-flow li{display:flex;flex-direction:column;padding:22px 22px 24px;border:1px solid #75716b;border-top:3px solid var(--ac-deep,#7a1d27);background:linear-gradient(140deg,var(--plate-a,#29272c),var(--plate-b,#111315));min-width:0}
.rt-flow small{font:10px 'Oswald',sans-serif;letter-spacing:.24em;color:#d3b887}
.rt-flow b{display:block;margin-top:12px;font-size:18px;font-weight:700;letter-spacing:.06em;color:#f2ece0}
.rt-flow p{margin:12px 0 0;font-size:13px;line-height:1.95;color:#c4bbad;word-break:keep-all;overflow-wrap:anywhere}

@media(max-width:1000px){
  .rt-fleet{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rt-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  body.rental-page .page-hero.rt-hero{min-height:620px}
  body.rental-page .page-hero.rt-hero>img{object-position:62% 50%}
  body.rental-page .rt-hero .page-lead{font-size:13px}
  .rt-split{max-width:none}
  .rt-split b{font-size:20px}
  .rt-split div{padding:16px 16px 16px 0}
  .rt-split div+div{padding-left:16px}
  .rt-fleet{grid-template-columns:1fr;gap:14px}
  .rt-bike-body{padding:18px 18px 20px}
  .rt-bike-more .rt-bike-body{min-height:0}
  .rt-price{grid-template-columns:1fr 1fr;gap:10px}
  .rt-price>div{padding:16px 14px}
  .rt-price b{font-size:26px}
  .rt-panel{padding:16px 16px 10px}
  body.iron-page .rt-panel .spec>div{grid-template-columns:1fr;gap:2px;padding:10px 0}
  .rt-flow{grid-template-columns:1fr;gap:10px}
  .rt-flow li{padding:18px 18px 20px}
}