@charset "UTF-8";
/* 楽ラク — ホーム専用 */

/* ヒーロー：窓ガラスに貼ったシール */
.rk-hero{position:relative;padding:46px 0 50px;overflow:hidden;
 background:
   linear-gradient(118deg,rgba(255,255,255,.55) 0 12%,rgba(255,255,255,0) 12.5% 26%,
                          rgba(255,255,255,.34) 26.5% 33%,rgba(255,255,255,0) 33.5% 62%,
                          rgba(255,255,255,.42) 62.5% 70%,rgba(255,255,255,0) 70.5%),
   linear-gradient(to right,transparent calc(25% - 4px),rgba(255,255,255,.34) calc(25% - 4px),
                            rgba(255,255,255,.34) calc(25% + 4px),transparent calc(25% + 4px)),
   linear-gradient(to right,transparent calc(75% - 4px),rgba(255,255,255,.34) calc(75% - 4px),
                            rgba(255,255,255,.34) calc(75% + 4px),transparent calc(75% + 4px)),
   linear-gradient(to bottom,transparent calc(28% - 5px),rgba(255,255,255,.42) calc(28% - 5px),
                             rgba(255,255,255,.42) calc(28% + 5px),transparent calc(28% + 5px)),
   linear-gradient(160deg,#DCE4E9 0%,#C3CDD4 42%,#8FA2AE 100%);}
.rk-hero::before{content:"";position:absolute;inset:14px;border:9px solid rgba(255,255,255,.5);
 border-radius:6px;pointer-events:none;
 box-shadow:inset 0 0 0 1px rgba(120,140,155,.35),0 0 0 1px rgba(120,140,155,.2)}
.rk-hero::after{content:"";position:absolute;top:14px;bottom:14px;left:50%;width:11px;
 transform:translateX(-50%);background:rgba(255,255,255,.5);pointer-events:none;
 box-shadow:0 0 0 1px rgba(120,140,155,.25)}
.rk-hero .rk-wrap{position:relative;z-index:2;max-width:1260px}
.rk-hero__lead{width:fit-content;margin:0 auto 20px;text-align:center;color:#2C3944;font-weight:800;font-size:14px;
 letter-spacing:.1em;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);
 border-radius:99px;padding:6px 22px;box-shadow:0 2px 8px rgba(40,60,75,.12)}
.rk-panes{display:grid;grid-template-columns:1.24fr 1fr;gap:24px;align-items:stretch}
.rk-pane{background:#fff;border-radius:var(--rk-r);position:relative;
 box-shadow:0 14px 34px rgba(40,60,75,.26),0 2px 6px rgba(40,60,75,.16);
 padding:26px 26px 24px;overflow:hidden;
 display:flex;flex-direction:column;justify-content:space-between}
.rk-pane::before{content:"";position:absolute;top:0;left:0;right:0;height:7px;
 background:linear-gradient(90deg,var(--rk-or),var(--rk-ylw))}

/* 左パネル */
.rk-kicker{text-align:center;font-size:14.5px;font-weight:800;color:var(--rk-or-d);margin:2px 0 8px}
.rk-kicker span{opacity:.55;font-weight:900}
.rk-brand{text-align:center;line-height:1.14;margin:0 0 12px}
.rk-brand__1{font-size:clamp(38px,7vw,58px);font-weight:900;letter-spacing:.02em}
.rk-brand__1 i{color:var(--rk-or);font-style:normal}
.rk-brand__2{font-size:clamp(26px,4.6vw,38px);font-weight:900;color:var(--rk-or);letter-spacing:.06em}
.rk-h24{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 auto 14px;
 background:var(--rk-or-l);border:2px solid var(--rk-or);border-radius:99px;padding:6px 20px;width:fit-content}
.rk-h24__c{width:30px;height:30px;border-radius:50%;background:var(--rk-or);color:#fff;
 display:grid;place-items:center;font-size:11px;font-weight:900;line-height:1}
.rk-h24__t{font-size:19px;font-weight:900;color:var(--rk-or-d);letter-spacing:.02em}
.rk-checks{list-style:none;padding:0;margin:0 auto 8px;width:fit-content}
.rk-checks li{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;margin:12px 0}
.rk-checks i{width:27px;height:27px;border:3px solid var(--rk-or);border-radius:6px;font-style:normal;
 display:grid;place-items:center;color:var(--rk-or);font-size:17px;font-weight:900;flex-shrink:0}
.rk-pane__foot{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:6px}
.rk-pane__foot img{width:112px;flex-shrink:0}
.rk-shop{background:linear-gradient(90deg,var(--rk-ylw),#FFD75E);border-radius:10px;
 padding:7px 20px;font-size:22px;font-weight:900;color:var(--rk-or-d);letter-spacing:.06em}

/* 右パネル */
.rk-pane2{justify-content:flex-start}
.rk-pane2 h3{text-align:center;font-size:25px;font-weight:900;color:var(--rk-or-d);margin:6px 0 4px;border:0;padding:0}
.rk-uselist{list-style:none;padding:0 0 4px;margin:0;flex:1;display:flex;flex-direction:column;justify-content:space-evenly}
.rk-uselist li{display:flex;align-items:center;gap:15px;margin:0;font-size:23px;font-weight:800}
.rk-uselist__ic{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;
 flex-shrink:0;box-shadow:0 2px 5px rgba(0,0,0,.16)}
.rk-uselist__ic svg{width:27px;height:27px;fill:#fff}

/* 3つの安心 */
.rk-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rk-feat{background:#fff;border:1px solid var(--rk-line);border-radius:var(--rk-r);
 padding:26px 22px;text-align:center;box-shadow:0 2px 10px rgba(30,50,70,.05)}
.rk-feat__n{width:56px;height:56px;border-radius:50%;background:var(--rk-or-l);
 display:grid;place-items:center;margin:0 auto 12px}
.rk-feat__n svg{width:30px;height:30px;fill:var(--rk-or)}
.rk-feat h4{margin:0 0 7px;font-size:20px;font-weight:900;border:0;padding:0}
.rk-feat p{margin:0;font-size:15px;color:var(--rk-sub);line-height:1.8}

/* お部屋を選ぶ */
.rk-rooms{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.rk-room{background:#fff;border-radius:var(--rk-r);overflow:hidden;position:relative;
 box-shadow:0 6px 20px rgba(40,60,75,.1);transition:transform .2s,box-shadow .2s;
 display:flex;flex-direction:column}
.rk-room:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(40,60,75,.16)}
.rk-room__ph{aspect-ratio:16/10;background:#EDF0F3;position:relative;overflow:hidden}
.rk-room__ph img{width:100%;height:100%;object-fit:cover}
.rk-room__fl{position:absolute;top:14px;left:14px;background:var(--rk-or);color:#fff;
 font-size:17px;font-weight:900;padding:7px 20px;border-radius:99px;letter-spacing:.06em;
 box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:2}
.rk-room__ph .rk-room__mas{position:absolute;top:auto;bottom:10px;right:12px;left:auto;
 width:auto;height:76px;object-fit:contain;z-index:2;
 filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}
.rk-room__bd{padding:22px 22px 24px;flex:1;display:flex;flex-direction:column}
.rk-room__bd h3{margin:0 0 4px;font-size:25px;font-weight:900;border:0;padding:0}
.rk-room__sb{color:var(--rk-or-d);font-weight:800;font-size:14.5px;margin:0 0 12px}
.rk-room__bd p{margin:0 0 14px;font-size:15px;color:var(--rk-sub);line-height:1.85}
.rk-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.rk-tags span{background:var(--rk-or-l);color:var(--rk-or-d);font-size:12.5px;font-weight:800;
 padding:3px 11px;border-radius:99px}
.rk-room__pr{display:flex;align-items:baseline;gap:6px;margin-bottom:16px;padding-top:14px;
 border-top:1px dashed var(--rk-line)}
.rk-room__pr .l{font-size:13.5px;color:var(--rk-sub);font-weight:700}
.rk-room__pr .v{font-size:31px;font-weight:900;color:var(--rk-or)}
.rk-room__pr .u{font-size:14px;color:var(--rk-sub);font-weight:700}
.rk-room__go{margin-top:auto;display:block;text-align:center;background:var(--rk-or);color:#fff;
 font-weight:900;padding:15px;border-radius:11px;font-size:17px;box-shadow:0 3px 10px rgba(240,122,26,.3)}
.rk-room__go:hover{background:var(--rk-or-d);color:#fff}

.rk-acc{display:grid;grid-template-columns:1.05fr 1fr;gap:26px;align-items:start}
.rk-acc dl{display:grid;grid-template-columns:96px 1fr;gap:0 18px;margin:0 0 26px;font-size:15.5px}
.rk-acc dt{color:var(--rk-sub);font-weight:800;font-size:14px;
 padding:14px 0;border-bottom:1px solid var(--rk-line);display:flex;align-items:center}
.rk-acc dd{margin:0;font-weight:600;line-height:1.75;
 padding:14px 0;border-bottom:1px solid var(--rk-line)}
.rk-acc dl dt:first-of-type,.rk-acc dl dd:first-of-type{padding-top:2px}

@media(max-width:860px){
  .rk-panes{grid-template-columns:1fr}
  .rk-hero::after{display:none}
  .rk-acc{grid-template-columns:1fr}
}
@media(max-width:800px){
  .rk-feats{grid-template-columns:1fr}
  .rk-rooms{grid-template-columns:1fr}
}

/* ホームの地図 */
.rk-map{border-radius:var(--rk-r);overflow:hidden;box-shadow:0 4px 16px rgba(40,60,75,.12);
 border:1px solid var(--rk-line)}
.rk-map iframe{display:block;width:100%;height:100%;min-height:360px;border:0}
@media(max-width:860px){.rk-map iframe{min-height:300px}}