/* ===== RANKING 店長おすすめランキング (ラフ スマホ版v4 2026-09-06 準拠) ===== */
.rk26{--gd:#B8863B;--gd2:#9C7A2E;--bg:#F4F1EA;--card:#FBF9F5;--ph:#E4E1DA;--tx:#333;--sub:#666;--ln:#D9D3C6;--bk:#14100C;
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;color:var(--tx);background:var(--bg);font-size:15px;line-height:1.7;margin:0;padding:0}
.rk26 *{box-sizing:border-box}
.rk26 img{display:block;width:100%;height:auto}
.rk26 a{color:inherit;text-decoration:none}
.rk26 h1,.rk26 h2,.rk26 h3,.rk26 p,.rk26 ul,.rk26 li{margin:0;padding:0}
.rk26 ul{list-style:none}
.rk26 .rk26__serif,.rk26 .rk26-hero__en,.rk26 .rk26-hero__lead,.rk26 .rk26-h2,.rk26 .rk26-h3,.rk26 .rk26-close__en,.rk26 .rk26-close__ttl{font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}
.rk26__in{max-width:1000px;margin:0 auto;padding:0 6px}
.rk26-sec{padding:36px 0 8px}

/* hero */
.rk26-hero{text-align:center;padding:44px 20px 30px}
.rk26 .rk26-hero__en{font-family:"Times New Roman",Georgia,"Noto Serif JP",serif;font-size:44px;letter-spacing:.06em;line-height:1.1;font-weight:400;color:#222}
.rk26 .rk26-hero__sub{color:var(--gd);font-size:13px;font-weight:700;letter-spacing:.06em;margin-top:8px}
.rk26 .rk26-hero__lead{font-size:20px;font-weight:700;letter-spacing:.04em;margin-top:22px}
.rk26 .rk26-hero__bar{display:block;width:60px;height:2px;background:var(--gd);margin:22px auto 0}

/* headings */
.rk26 .rk26-h2{font-size:23px;font-weight:700;line-height:1.35;border-left:5px solid var(--gd);padding-left:14px;margin:0 0 18px}
.rk26 .rk26-h2 small{display:block;font-family:"Noto Sans JP",sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--gd);margin-top:5px}
.rk26 .rk26-h3{font-size:21px;font-weight:700;margin:40px 0 14px}

/* cards */
.rk26 ul.rk26-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 6px;margin:0}
.rk26 .rk26-card{min-width:0}
.rk26 .rk26-card__link{display:block;color:inherit}
.rk26 .rk26-card__ph{position:relative;aspect-ratio:4/5;background:var(--ph);border:1px solid var(--ln);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;overflow:hidden}
.rk26 .rk26-card__ph img,.rk26 .rk26-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.rk26 .rk26-card__no{position:absolute;left:10px;top:10px;width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid var(--gd);color:var(--gd);font-family:"Noto Serif JP",serif;font-size:18px;font-weight:700;line-height:32px;text-align:center;z-index:2}
.rk26 .rk26-card__no--top{background:var(--gd);color:#fff}
.rk26 .rk26-card__phm{margin-top:18px;font-size:17px;font-weight:700;color:#7A756C;letter-spacing:.02em}
.rk26 .rk26-card__phc{font-size:16px;font-weight:700;color:var(--gd);margin-top:14px;padding-top:12px;border-top:1px solid #C9C4B8;min-width:60%}
.rk26 .rk26-card__phn{font-size:11px;color:#A39D91;margin-top:12px;line-height:1.5}
.rk26 .rk26-card__brand{font-size:12px;color:var(--sub);text-align:center;letter-spacing:.04em;margin-top:10px}
.rk26 .rk26-card__name{font-size:clamp(10px,3.4vw,14px);font-weight:700;text-align:center;line-height:1.4;margin-top:3px;white-space:nowrap;letter-spacing:-.01em;overflow:hidden}
.rk26 .rk26-card__price{font-size:18px;font-weight:700;text-align:center;margin-top:4px;letter-spacing:.02em}
.rk26 .rk26-card__cm{font-size:12px;line-height:1.6;color:#444;border-left:3px solid var(--gd);padding-left:8px;margin:8px 4px 0}

/* 目的から探す */
.rk26 ul.rk26-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.rk26 .rk26-nav a{display:block;background:#fff;border:1px solid var(--ln);border-left:4px solid var(--gd);padding:11px 12px;line-height:1.3}
.rk26 .rk26-nav a:hover{background:var(--card)}
.rk26 .rk26-nav__jp{display:block;font-size:14px;font-weight:700}
.rk26 .rk26-nav__en{display:block;font-size:9px;color:var(--gd);letter-spacing:.06em;margin-top:3px;font-family:"Times New Roman",Georgia,serif}

/* genre */
.rk26-genre{padding-top:44px;scroll-margin-top:60px}
.rk26 .rk26-genre__ttl{margin:0 -6px}
.rk26 .rk26-genre__sub{text-align:right;font-size:13px;font-weight:700;color:#444;margin:12px 0 12px;letter-spacing:.04em}

/* closing */
.rk26-close{text-align:center;padding:56px 20px 64px;margin-top:40px;border-top:1px solid var(--ln)}
.rk26 .rk26-close__en{font-family:"Times New Roman",Georgia,serif;font-size:24px;letter-spacing:.1em;color:#222}
.rk26 .rk26-close__sub{font-size:12px;color:var(--sub);margin-top:8px}
.rk26 .rk26-close__bar{display:block;width:50px;height:2px;background:var(--gd);margin:18px auto}
.rk26 .rk26-close__ttl{font-size:22px;font-weight:700}

/* ===== PC ===== */
@media (min-width:768px){
  .rk26{font-size:16px}
  .rk26-sec{padding:48px 0 8px}
  .rk26__in{padding:0 16px}
  .rk26 .rk26-card__cm{margin:8px 0 0}
  .rk26-hero{padding:64px 20px 40px}
  .rk26 .rk26-hero__en{font-size:60px}
  .rk26 .rk26-hero__sub{font-size:15px}
  .rk26 .rk26-hero__lead{font-size:26px}
  .rk26 .rk26-h2{font-size:28px}
  .rk26 .rk26-h3{font-size:24px}
  .rk26 ul.rk26-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}
  .rk26 .rk26-card__no{width:42px;height:42px;line-height:38px;font-size:20px;left:12px;top:12px}
  .rk26 .rk26-card__phm{font-size:20px}
  .rk26 .rk26-card__phc{font-size:18px}
  .rk26 .rk26-card__brand{font-size:13px}
  .rk26 .rk26-card__name{font-size:15px;white-space:normal}
  .rk26 .rk26-card__price{font-size:20px}
  .rk26 .rk26-card__cm{font-size:13px}
  .rk26 ul.rk26-nav{grid-template-columns:repeat(4,1fr);gap:12px}
  .rk26 .rk26-nav__jp{font-size:15px}
  .rk26 .rk26-nav__en{font-size:10px}
  .rk26 .rk26-genre__ttl{margin:0}
  .rk26 .rk26-genre__sub{font-size:15px;margin:16px 0}
  .rk26 .rk26-close__en{font-size:30px}
  .rk26 .rk26-close__sub{font-size:14px}
  .rk26 .rk26-close__ttl{font-size:28px}
}