@charset "UTF-8";
/* アプレ店舗案内専用：他ページ・既存要素に影響しない */
.apre-room-intro,.apre-room-intro *{box-sizing:border-box}
section .apre-room-intro{width:100%;max-width:958px;margin:0 auto 22px;padding:0;color:#14243a;font-family:"Noto Sans",sans-serif}
section .apre-room-intro__head{padding:10px 8px 22px;text-align:center}
section .apre-room-intro__eyebrow{display:block;margin:0 0 8px;padding:0;float:none;color:#bb2033;font-size:12px;font-weight:700;letter-spacing:.23em;text-align:center}
section .apre-room-intro h4.apre-room-intro__title{display:block;float:none;position:static;width:100%;margin:0 0 8px;padding:0;border:0;background:none;color:#15243b;font-size:clamp(21px,3.2vw,32px);font-weight:700;line-height:1.45;text-align:center}
section .apre-room-intro__lead{display:block;float:none;margin:0;padding:0;font-size:14px;line-height:1.8;color:#566273;text-align:center}
.apre-room-intro__grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:18px;align-items:stretch}
.apre-room-intro__side{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:18px;min-width:0}
.apre-room-intro__card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid #f1e1dc;border-radius:18px;box-shadow:0 10px 28px rgba(50,32,24,.07)}
.apre-room-intro__visual{position:relative;flex:none;height:142px;overflow:hidden;background:#f5f5f5}
.apre-room-intro__card--featured .apre-room-intro__visual{height:354px}
.apre-room-intro__image{display:block;width:100%;height:100%;max-width:100%;object-fit:cover}
section .apre-room-intro__body{display:flex;flex:1;flex-direction:column;align-items:stretch;min-width:0;padding:14px 18px 17px;text-align:left}
section .apre-room-intro__card--featured .apre-room-intro__body{padding:19px 21px 21px}
section .apre-room-intro__kicker{display:block;float:none;position:static;width:100%;margin:0 0 5px;padding:0;color:#c52035;font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.4;text-align:left}
section .apre-room-intro h5.apre-room-intro__card-title{display:block;float:none;clear:both;position:static;width:100%;max-width:100%;margin:0 0 7px;padding:0;border:0;color:#14243a;font-size:19px;font-weight:700;line-height:1.45;text-align:left;overflow-wrap:anywhere}
section .apre-room-intro__card--featured h5.apre-room-intro__card-title{font-size:23px}
section .apre-room-intro p.apre-room-intro__desc{display:block;float:none;clear:both;position:static;width:100%;margin:0;padding:0;color:#526073;font-size:13px;line-height:1.75;text-align:left;overflow-wrap:anywhere}
.apre-room-intro__flag{position:absolute;top:0;left:20px;z-index:1;padding:15px 8px 18px;background:#b91e35;color:#fff;writing-mode:vertical-rl;font-size:12px;font-weight:700;letter-spacing:.18em}
.apre-room-intro__tour{max-width:958px;margin:23px auto 22px}
section .apre-room-intro__tour-title{display:block;float:none;margin:0 0 12px;padding:0;color:#14243a;font-size:18px;font-weight:700;text-align:center}
.apre-room-intro__tour .ricoh-theta-tour-image{max-width:100%;min-height:300px;margin:0 auto}
.apre-room-intro__equipment{max-width:958px;margin:10px auto;text-align:center}
.apre-room-intro__equipment img{max-width:100%;height:auto;vertical-align:middle}
section .apre-room-intro__note{float:none;margin:9px auto 16px;padding:0;color:#5b6675;font-size:13px;line-height:1.8;text-align:center}
section .apre-room-intro__link{float:none;margin:12px 0 8px;padding:0;text-align:center}
.apre-room-intro__link a{display:inline-block;padding:12px 36px;border-radius:999px;background:#bd1f34;color:#fff;text-decoration:none;font-size:15px;font-weight:700}
@media(max-width:700px){
section .apre-room-intro{width:96%;margin:0 auto 22px}
section .apre-room-intro__head{padding:6px 4px 18px}
section .apre-room-intro__lead{font-size:12px}
.apre-room-intro__grid{grid-template-columns:minmax(0,1fr);gap:13px}
.apre-room-intro__side{grid-template-rows:auto;gap:13px}
.apre-room-intro__card--featured .apre-room-intro__visual{height:auto;aspect-ratio:1.55}
.apre-room-intro__visual{height:auto;aspect-ratio:2.1}
section .apre-room-intro__body,section .apre-room-intro__card--featured .apre-room-intro__body{padding:13px 15px 16px}
section .apre-room-intro h5.apre-room-intro__card-title,section .apre-room-intro__card--featured h5.apre-room-intro__card-title{font-size:19px}
.apre-room-intro__tour .ricoh-theta-tour-image{min-height:220px}
}