/* =========================================================
   ランク再設定（ランク判定ポイントの再設定）告知用スタイル
   - LPトップのバナー（.rr-banner）
   - 下位ページ /rankreset/（.rr-page）
   ========================================================= */

/* ---------- 共通：レイアウト（下位ページ用。トップのNuxt出力CSSと同値） ---------- */
.rr-main{background:var(--color-primary);min-height:100vh;position:relative;width:100%}
.rr-pc-bg{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:calc(88.88889% - 600px);z-index:0}
.rr-pc-bg img{max-width:500px;width:50%}
@media (max-width:1200px){.rr-pc-bg{display:none}}
.rr-article{background:#f9f5f4;filter:drop-shadow(0 0 10px black);margin-left:auto;margin-right:11.11111%;max-width:600px;position:relative;width:100%;z-index:1}
@media (max-width:1200px){.rr-article{margin-right:auto}}
.rr-header{background:var(--color-primary);padding:15px 18px}
.rr-header .logo{max-width:360px;min-width:120px;width:30%}

/* ---------- 共通：ボタン ---------- */
.rr-btn{align-items:center;background:#fff;border:1.5px solid var(--color-primary);border-radius:5px;color:var(--color-primary);display:inline-flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;line-height:1;padding:10px 22px;transition:background .3s,color .3s}
.rr-btn::after{content:"▶";font-size:9px}
@media (any-hover:hover){.rr-btn:hover{background:var(--color-primary);color:#fff}}
.rr-btn--pill{border-radius:100px;padding:12px 36px}

/* ---------- 共通：リボン見出し ---------- */
.rr-ribbon{background:var(--color-primary);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%,12px 50%);color:#fff;line-height:1.35;margin:0 -26px;padding:7px 26px;text-align:center}
.rr-ribbon small{display:block;font-size:11px;font-weight:500}
.rr-ribbon strong{display:block;font-size:16px;font-weight:800;letter-spacing:.05em}

/* =========================================================
   LPトップ：ヒーロー直下のバナー
   ========================================================= */
.rr-banner{background:#fff;border:1.5px solid var(--color-primary);border-radius:2px;margin:0 auto 6px;max-width:calc(100% - 36px);padding:14px 14px 18px;text-align:center;width:460px}
.rr-banner__text{color:var(--color-black);font-size:13px;font-weight:700;line-height:1.6;margin:12px 0 12px}

/* =========================================================
   下位ページ /rankreset/
   ========================================================= */
.rr-page{padding:40px 18px 50px}
.rr-page .heading{line-height:1.5;margin-bottom:36px}

.rr-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:28px 20px}

/* 概要カード */
.rr-summary{text-align:center}
.rr-tag{background:var(--color-primary);border-radius:100px;color:#fff;display:inline-block;font-size:12px;font-weight:700;line-height:1;padding:7px 16px}
.rr-date{color:var(--color-black);font-size:18px;font-weight:800;line-height:1.2;margin-top:18px}
.rr-date .num{font-family:Barlow,sans-serif;font-size:44px;font-weight:700;margin:0 2px;vertical-align:-4px}
.rr-lead{color:var(--color-black);font-size:18px;font-weight:800;line-height:1.5;margin-top:8px}
.rr-sub{color:var(--color-primary);font-size:13px;font-weight:500;line-height:1.7;margin-top:16px}

/* 再設定内容テーブル */
.rr-section-title{color:var(--color-black);font-size:18px;font-weight:800;margin:50px 0 18px;text-align:center}
.rr-table{padding:18px 16px 8px}
.rr-table__head,.rr-table__row{align-items:center;display:grid;gap:8px;grid-template-columns:1fr 20px 1fr}
.rr-table__head{border-bottom:1.5px solid var(--color-primary);color:#555;font-size:11px;font-weight:700;line-height:1.4;padding-bottom:10px}
.rr-table__head span:last-child{color:var(--color-black);grid-column:3}
.rr-table__row{border-bottom:1px dotted #959595c0;padding:16px 0}
.rr-table__row:last-child{border-bottom:none}
.rr-range{color:var(--color-black);font-family:Barlow,sans-serif;font-size:20px;font-weight:600;line-height:1.2}
.rr-range small,.rr-after small{font-family:"Noto Sans JP",sans-serif;font-size:11px;font-weight:500;margin-left:2px}
.rr-arrow{color:var(--color-primary);font-size:12px;text-align:center}
.rr-after{align-items:center;display:flex;gap:10px;justify-content:space-between}
.rr-after .pt{color:var(--color-black);font-family:Barlow,sans-serif;font-size:24px;font-weight:700;line-height:1;white-space:nowrap}
.rr-after .badge{display:block;flex-shrink:0}
.rr-after .badge img{display:block;height:auto;width:66px}

@media (max-width:400px){
  .rr-range{font-size:17px}
  .rr-after .pt{font-size:20px}
  .rr-after .badge img{width:54px}
}

/* 注意書き */
.rr-notes{margin-top:18px}
.rr-notes li{color:#555;font-size:12px;line-height:1.6;padding-left:1em;text-indent:-1em}
.rr-notes li+li{margin-top:4px}

.rr-back{margin-top:44px;text-align:center}

/* 下位ページ用フッター（トップのフッターと同値） */
.rr-footer{background:var(--color-primary);color:#fff;font-size:12px;padding:50px 0 30px;width:100%}
.rr-footer__list{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.rr-footer__list a{color:#fff;font-size:14px;font-weight:300}
@media (max-width:900px){
  .rr-footer__list li{text-align:center;width:45%}
  .rr-footer__list li:nth-child(odd){margin-right:10px;text-align:right}
  .rr-footer__list li:nth-child(2n){margin-left:10px;text-align:left}
}
.rr-footer__logo{display:block;margin:50px auto 0;max-width:200px;width:40%}
.rr-footer__copy{line-height:1.1;margin-top:2.7rem;opacity:.4;text-align:center}