/* 正式デザイン（B案＋A案の画像と配色 v02 を統合）。元: 20260925_ポップデザイン3案 */

/* ==== pop-base.css ==== */
/* ポップデザイン3案 共通レイアウト。配色・装飾は theme-*.css の変数で切り替える */
:root{
  --bg:#fff8ec;--surface:#fff;--ink:#1f1d2b;--muted:#5d5a6e;--line:#e7e2d6;
  --accent:#ff5a5f;--accent-2:#ffd23f;--accent-3:#2f6bff;--accent-4:#35c98b;
  --cta:#e2384a;--cta-ink:#fff;--cta-shadow:#a31f2f;
  --radius:18px;--radius-sm:12px;--bw:0px;--bc:transparent;
  --shadow:0 10px 30px #1f1d2b14;--shadow-sm:0 4px 12px #1f1d2b10;
  --font-display:"M PLUS Rounded 1c",-apple-system,"Hiragino Sans",sans-serif;
  --font-body:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",sans-serif;
  --hero-fade:#fff8ec;--rank-bg:var(--bg);--points-bg:#fff4d6;--points-bc:#ffe39a;--tag-bg:#f3f0ff;--tag-ink:#4a3fb0;
  --spec-label:#f6f3ee;--table-head:#fffaf0;--featured:#fff1f1;--featured-line:var(--accent)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,select,input{font:inherit;color:inherit}
button,summary{cursor:pointer}
h1,h2,h3,h4,p{margin:0}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--accent-3);outline-offset:3px}
.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.skip:focus{display:block;padding:10px;background:#fff}
.demo-note{font-size:12px;text-align:center;padding:5px 12px;background:var(--ink);color:#fff;letter-spacing:.04em}

/* header（固定しない） */
.site-header{position:relative;z-index:30;background:var(--surface);border-bottom:var(--bw) solid var(--bc)}
.header-inner{max-width:1120px;margin:auto;padding:14px 28px;display:flex;align-items:center;gap:16px}
.site-logo{font-family:var(--font-display);font-weight:900;font-size:24px;line-height:1.2;color:var(--ink);white-space:nowrap}
.site-logo>span{color:var(--accent)}
.site-logo small{display:block;font-family:var(--font-body);font-size:10px;letter-spacing:.28em;color:var(--muted);font-weight:700;margin-top:2px}
.pr{font-size:11px;font-weight:700;border:1.5px solid currentColor;color:var(--muted);border-radius:6px;padding:0 6px}
.desktop-nav{margin-left:auto;display:flex;gap:8px;font-size:14px;font-weight:800}
.desktop-nav a{padding:8px 16px;border-radius:999px}
.desktop-nav a:hover{background:var(--tag-bg);color:var(--tag-ink)}
#menu-toggle{display:none}
#mobile-menu{display:grid;gap:8px;padding:6px 16px 18px}
#mobile-menu a{padding:12px 16px;border-radius:var(--radius-sm);background:var(--tag-bg);color:var(--tag-ink);font-weight:800}

.page-shell{max-width:1120px;margin:auto}

/* hero */
.hero{position:relative;isolation:isolate;min-height:420px;overflow:hidden;display:flex;align-items:center;background:var(--hero-fade)}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-2}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--hero-fade) 0%,color-mix(in srgb,var(--hero-fade) 85%,transparent) 38%,transparent 58%)}
.hero-content{padding:44px 48px;max-width:600px}
.eyebrow{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--accent)}
.hero .eyebrow{background:var(--surface);color:var(--ink);padding:5px 14px;border-radius:999px;border:var(--bw) solid var(--bc);box-shadow:var(--shadow-sm)}
.hero h1{font-family:var(--font-display);font-size:26px;font-weight:900;line-height:1.5;margin-top:16px}
.hero h1>span{display:inline-block;font-size:46px;line-height:1.3;letter-spacing:-.01em;margin-top:4px}
.hero h1 strong{font-size:78px;line-height:1;color:var(--accent);padding:0 4px;vertical-align:-4px}
.hero p{margin-top:14px;font-size:16px;font-weight:700;color:var(--ink)}
.hero-tags{display:flex;gap:10px;margin:22px 0}
.hero-tags span{display:grid;place-items:center;min-width:76px;height:40px;padding:0 14px;border-radius:999px;font-weight:800;font-size:14px;background:var(--surface);border:var(--bw) solid var(--bc);box-shadow:var(--shadow-sm)}
.hero-tags span:nth-child(1){color:var(--accent)}
.hero-tags span:nth-child(2){color:var(--accent-3)}
.hero-tags span:nth-child(3){color:var(--accent-4)}
.hero-link{display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:15px;padding:12px 22px;border-radius:999px;background:var(--ink);color:#fff}
.hero-link span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent-2);color:var(--ink);font-size:13px}

/* search */
.search-section{margin:40px 28px;background:var(--surface);border-radius:var(--radius);border:var(--bw) solid var(--bc);box-shadow:var(--shadow);overflow:hidden}
.search-section>header{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 20px;background:var(--ink);color:#fff}
.search-section h2{font-family:var(--font-display);font-size:22px;font-weight:900}
.search-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent-2);color:var(--ink);font-size:22px;line-height:1}
.search-section form{padding:26px 28px 24px}
.search-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px}
.search-fields label{font-size:14px;font-weight:800}
.search-fields select{display:block;width:100%;margin-top:6px;min-height:50px;padding:10px 36px 10px 14px;border-radius:var(--radius-sm);border:2px solid var(--line);background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23555' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center;appearance:none;font-size:15px;font-weight:600}
.search-fields select:focus{border-color:var(--accent-3)}
.extra-conditions{margin-top:20px;border-radius:var(--radius-sm);background:var(--bg)}
.extra-conditions summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;font-weight:800}
.extra-conditions summary::-webkit-details-marker{display:none}
.extra-conditions summary span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-size:16px}
.extra-conditions[open] summary span{transform:rotate(45deg)}
.checkboxes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 18px 18px}
.checkboxes label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;padding:8px 12px;border-radius:999px;background:var(--surface);border:1.5px solid var(--line)}
.checkboxes label:has(input:checked){border-color:var(--accent);background:var(--featured)}
.checkboxes input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}
.button{display:flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:999px;min-height:56px;padding:14px 26px;font-weight:900;font-size:17px;background:var(--cta);color:var(--cta-ink);box-shadow:0 5px 0 var(--cta-shadow);transition:transform .12s,box-shadow .12s}
.button:hover{transform:translateY(2px);box-shadow:0 3px 0 var(--cta-shadow)}
.button:active{transform:translateY(5px);box-shadow:none}
.search-button{width:min(100%,480px);margin:24px auto 0}
.search-button span{font-size:20px}
.form-note{text-align:center;font-size:12px;color:var(--muted);margin-top:12px}

/* section titles */
.section-title{text-align:center;margin-bottom:30px}
.section-title h2{font-family:var(--font-display);font-size:34px;font-weight:900;line-height:1.45;margin:8px 0 10px}
.section-title p{font-size:15px;color:var(--muted);font-weight:600}
.title-marker{background:linear-gradient(transparent 58%,var(--accent-2) 58%);padding:0 8px}

/* ranking */
.ranking-section{padding:48px 28px 56px;background:var(--rank-bg)}
.product-list{display:grid;gap:32px}
.product{--product:var(--accent);--product-bg:var(--featured);background:var(--surface);border-radius:var(--radius);border:var(--bw) solid var(--bc);box-shadow:var(--shadow);overflow:hidden}
.product-heading{display:flex;align-items:center;padding:18px 26px;background:var(--product-bg);border-bottom:var(--bw) solid var(--bc)}
.product-heading>div{display:flex;align-items:center;gap:14px}
.rank{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--product);color:#fff;font-family:var(--font-display);font-weight:900;font-size:20px;flex-shrink:0}
.product h3{font-family:var(--font-display);font-size:25px;font-weight:900;color:var(--ink)}
.product-body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px 28px;padding:28px}
.banner{grid-row:1/4}
.banner.image-placeholder{aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;border-radius:var(--radius-sm);background:var(--product-bg);border:2px dashed color-mix(in srgb,var(--product) 45%,transparent);color:color-mix(in srgb,var(--product) 80%,var(--ink));font-size:14px;font-weight:800;line-height:1.6}
.placeholder-symbol{font-size:34px;line-height:1}
.image-placeholder small{font-size:11px;opacity:.8}
.product-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.product-info h4{font-family:var(--font-display);font-size:21px;font-weight:900;line-height:1.6}
.points{border-radius:var(--radius-sm);padding:14px 18px 12px;background:var(--points-bg);border:1.5px solid var(--points-bc)}
.points>span{display:inline-block;font-family:var(--font-display);font-size:12px;font-weight:900;letter-spacing:.12em;color:#fff;background:var(--product);padding:1px 12px;border-radius:999px}
.points ul{list-style:none;padding:0;margin:8px 0 0;font-size:14px;font-weight:600;line-height:1.6}
.points li{position:relative;padding-left:24px;margin:6px 0}
.points li:before{content:'';position:absolute;left:0;top:3px;width:17px;height:17px;border-radius:50%;background:var(--product) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' stroke='white' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.specs{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.specs>div{background:var(--spec-label);border-radius:var(--radius-sm);padding:10px 12px;text-align:center}
.specs dt{font-size:12px;font-weight:700;color:var(--muted)}
.specs dd{margin:2px 0 0;font-size:13px;font-weight:700}
.specs dd b{font-size:19px;font-weight:900;letter-spacing:-.01em;white-space:nowrap}
.specs sup{font-size:10px}
.features{display:flex;flex-wrap:wrap;gap:6px}
.features>span{font-size:12px;font-weight:800;padding:4px 12px;border-radius:999px;background:var(--tag-bg);color:var(--tag-ink)}
.product-action{grid-column:2}
.product-action p{text-align:center;font-size:12px;color:var(--muted);margin-bottom:8px}
.product-action .button{width:100%}
.product-action .button>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--cta);font-size:14px}

/* reviews: 1件常時表示＋残りを開閉 */
.reviews{grid-column:1/-1;border-radius:var(--radius-sm);background:var(--bg);border:var(--bw) solid var(--bc);overflow:hidden}
.reviews-head{display:flex;align-items:center;padding:14px 20px 4px;font-family:var(--font-display);font-weight:900;font-size:16px}
.reviews-head small{display:inline-block;margin-left:10px;padding:0 10px;border-radius:999px;background:var(--product);color:#fff;font-size:12px}
.review-content{padding:0 20px}
.review-note{font-size:11px;color:var(--muted)}
.review-list{list-style:none;margin:0;padding:0}
.review-list li{display:flex;gap:14px;align-items:flex-start;padding:14px 0}
.review-list li+li{border-top:1.5px dashed var(--line)}
.review-list p{position:relative;flex:1;background:var(--surface);border-radius:4px 16px 16px 16px;padding:12px 16px;font-size:14px;line-height:1.8;box-shadow:var(--shadow-sm)}
.review-avatar{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--product-bg);color:var(--product);overflow:hidden}
.review-avatar svg{width:32px;height:32px}
.review-list li:nth-child(2) .review-avatar{background:#fff0d0;color:#d18a18}
.review-list li:nth-child(3) .review-avatar{background:#e6f7ef;color:#2c9d6c}
.review-more-toggle{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;border:0;border-top:1.5px dashed var(--line);background:transparent;font-weight:900;font-size:14px;color:var(--ink)}
.review-more-toggle:hover{background:color-mix(in srgb,var(--product) 8%,transparent)}
.review-toggle{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--product);color:#fff}
.review-toggle:before{content:'＋';font-size:15px;font-weight:900}
.review-more-toggle[aria-expanded="true"] .review-toggle:before{content:'－'}
.conditions{grid-column:1/-1;font-size:12px;color:var(--muted)}
.conditions summary{text-align:right}
.conditions p{margin-top:8px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--bg);line-height:1.8}

/* compare */
.compare-section{padding:52px 28px 48px;background:var(--surface)}
.table-toolbar{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-weight:700;margin-bottom:10px}
.swipe-hint{display:none}
.comparison-scroll{overflow-x:auto;border-radius:var(--radius);border:var(--bw) solid var(--bc);box-shadow:var(--shadow);background:var(--surface)}
.comparison-scroll table{width:100%;min-width:820px;border-collapse:separate;border-spacing:0;table-layout:fixed;text-align:center;font-size:14px}
.labelcol{width:130px}
.comparison-scroll th,.comparison-scroll td{padding:18px 10px;border-bottom:1.5px solid var(--line);border-right:1.5px solid var(--line)}
.comparison-scroll tr>*:last-child{border-right:0}
.comparison-scroll tbody tr:last-child>*{border-bottom:0}
.comparison-scroll thead th{background:var(--table-head)}
.comparison-scroll tr>:first-child{position:sticky;left:0;z-index:2;background:var(--spec-label);text-align:left;font-size:13px;font-weight:800}
.comparison-scroll .featured{background:var(--featured);box-shadow:inset 3px 0 var(--featured-line),inset -3px 0 var(--featured-line)}
.comparison-scroll thead .featured{box-shadow:inset 3px 3px var(--featured-line),inset -3px 0 var(--featured-line)}
.comparison-scroll tbody tr:last-child .featured{box-shadow:inset 3px -3px var(--featured-line),inset -3px 0 var(--featured-line)}
.table-rank{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--font-display);font-weight:900;font-size:15px;margin-bottom:10px}
.featured .table-rank{background:var(--accent);transform:scale(1.15)}
.product-brand{display:inline-flex;align-items:center;gap:8px;color:var(--product);font-family:var(--font-display);font-weight:900;font-size:22px;line-height:1.1}
.product-brand small{display:block;font-family:var(--font-body);font-size:9px;letter-spacing:.12em;color:var(--muted);margin-top:4px}
.monogram{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--product);color:#fff;font-size:20px}
.table-title{display:block;font-size:12px;color:var(--muted);margin-top:10px;font-weight:700}
.comparison-scroll td b{font-size:22px;font-weight:900;white-space:nowrap}
.comparison-scroll small{font-size:12px}
.comparison-scroll sup{font-size:10px}
.table-button{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;font-weight:800}
.featured .table-button{background:var(--cta)}
.fineprint{font-size:12px;color:var(--muted);margin-top:14px}

footer{background:var(--ink);color:#fff}
footer>div{max-width:1120px;margin:auto;padding:26px 28px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}
footer .site-logo{color:#fff}
footer small{opacity:.7;font-size:11px;letter-spacing:.08em}
.mobile-bottom{display:none}
dialog{border:0;border-radius:var(--radius);padding:26px;max-width:min(92vw,440px);box-shadow:0 20px 60px #0004}
dialog h2{font-family:var(--font-display);font-size:20px;margin-bottom:10px}
dialog ul{padding-left:1.2em}
dialog .button{margin-top:16px;width:100%}
dialog::backdrop{background:#1f1d2b99}

/* tablet */
@media (max-width:1000px){
  .product-body{grid-template-columns:200px minmax(0,1fr)}
  .product-info{grid-template-columns:1fr}
  .specs{grid-template-columns:repeat(2,1fr)}
}

/* smartphone */
@media (max-width:760px){
  body{font-size:15px}
  .header-inner{padding:12px 16px;gap:10px}
  .site-logo{font-size:20px}
  .site-logo small{font-size:9px}
  .pr{margin-left:auto}
  .desktop-nav{display:none}
  #menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;border-radius:14px;border:var(--bw) solid var(--bc);background:var(--tag-bg)}
  #menu-toggle span{display:block;width:20px;height:2.5px;border-radius:2px;background:var(--ink)}
  .hero{min-height:0;flex-direction:column;align-items:stretch}
  .hero-photo{position:relative;height:auto;aspect-ratio:16/10;object-position:78% center;order:2}
  .hero:after{display:none}
  .hero-content{padding:24px 18px 8px;max-width:none}
  .hero h1{font-size:19px;margin-top:12px}
  .hero h1>span{font-size:32px}
  .hero h1 strong{font-size:54px}
  .hero p{font-size:14px}
  .hero-tags{margin:16px 0}
  .hero-tags span{min-width:0;height:36px;font-size:13px}
  .hero-link{font-size:14px;padding:10px 18px}
  .search-section{margin:24px 14px}
  .search-section h2{font-size:17px}
  .search-section form{padding:18px 16px}
  .search-fields{grid-template-columns:1fr;gap:12px}
  .checkboxes{grid-template-columns:1fr 1fr;padding:0 12px 14px;gap:8px}
  .checkboxes label{font-size:13px;padding:8px 10px}
  .section-title h2{font-size:25px}
  .section-title p{font-size:13px}
  .ranking-section{padding:34px 14px 40px}
  .product-list{gap:24px}
  .product-heading{padding:14px 16px}
  .rank{width:40px;height:40px;font-size:17px}
  .product h3{font-size:20px}
  .product-body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:14px 12px;padding:16px}
  .banner{grid-row:auto;grid-column:1}
  .banner.image-placeholder{font-size:12px;gap:4px}
  .placeholder-symbol{font-size:26px}
  .product-info{display:contents}
  .product-info h4{grid-column:2;grid-row:1;align-self:center;font-size:16px}
  .points{grid-column:1/-1}
  .points ul{font-size:14px}
  .specs{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:6px}
  .specs>div{padding:8px 4px}
  .specs dt{font-size:11px;line-height:1.4}
  .specs dd{font-size:12px}
  .specs dd b{font-size:15px}
  .features{grid-column:1/-1}
  .features>span{font-size:11.5px;padding:3px 10px}
  .product-action{grid-column:1/-1}
  .product-action .button{font-size:16px;min-height:54px}
  .reviews-head{padding:12px 14px 2px;font-size:15px}
  .review-content{padding:0 14px}
  .review-list li{gap:10px}
  .review-avatar{width:38px;height:38px}
  .review-avatar svg{width:28px;height:28px}
  .review-list p{font-size:13.5px;padding:10px 12px}
  .compare-section{padding:36px 14px 110px}
  .swipe-hint{display:inline}
  .labelcol{width:96px}
  .comparison-scroll table{min-width:640px;font-size:13px}
  .comparison-scroll th,.comparison-scroll td{padding:14px 8px}
  .comparison-scroll td b{font-size:18px}
  .product-brand{font-size:17px}
  .monogram{width:30px;height:30px;font-size:16px;border-radius:9px}
  footer>div{flex-direction:column;align-items:flex-start;padding:22px 16px 96px}
  .mobile-bottom{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 12px max(10px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(10px);border-top:var(--bw) solid var(--bc);box-shadow:0 -6px 20px #0000000f}
  .mobile-bottom a{display:flex;justify-content:center;align-items:center;gap:8px;min-height:46px;border-radius:999px;font-weight:900;font-size:14px;background:var(--tag-bg);color:var(--tag-ink)}
  .mobile-bottom a:last-child{background:var(--cta);color:var(--cta-ink)}
}
@media (max-width:360px){
  .hero h1>span{font-size:28px}
  .specs{grid-template-columns:repeat(2,1fr)}
}

/* 調整：スマホのメイン画像は人物側を大きく、比較表の社名は縦積み */
@media (max-width:760px){
  .hero-photo{aspect-ratio:5/4;object-position:88% center}
  .comparison-scroll .product-brand{flex-direction:column;gap:4px}
  .comparison-scroll .product-brand small{display:none}
  .table-title{font-size:11px}
}

/* ==== theme-b.css ==== */
/* B案 パステル・やわらか：くすみパステルと丸いかたち、線は使わない */
:root{
  --bg:#fbf7f1;--surface:#fff;--ink:#3b3452;--muted:#6f6886;--line:#ece6f3;
  --accent:#8c6ff0;--accent-2:#ffe08a;--accent-3:#ff9f80;--accent-4:#4cc9a0;
  --cta:#dc5530;--cta-ink:#fff;--cta-shadow:#b8401f;
  --radius:28px;--radius-sm:18px;--bw:0px;--bc:transparent;
  --shadow:0 18px 40px #6d5bb022;--shadow-sm:0 6px 16px #6d5bb01c;
  --font-display:"Zen Maru Gothic","M PLUS Rounded 1c",sans-serif;
  --hero-fade:#fefdf8;--rank-bg:#f1ecff;--points-bg:#fff7df;--points-bc:#fff7df;
  --tag-bg:#f1ecff;--tag-ink:#5b45c4;--spec-label:#f7f4fd;--table-head:#fdfbff;--featured:#fff4ef;--featured-line:#ff9f80
}
.demo-note{background:#3b3452}
.hero h1 strong{background:linear-gradient(135deg,#8c6ff0,#ff8a70);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .eyebrow{background:#fff;color:#5b45c4}
.hero-tags span:nth-child(1){background:#ffe9e2;color:#d8563a}
.hero-tags span:nth-child(2){background:#ece6ff;color:#5b45c4}
.hero-tags span:nth-child(3){background:#dff6ee;color:#1f8e69}
.hero-link{background:#8c6ff0}
.hero-link span{background:#fff;color:#8c6ff0}
.search-section>header{background:linear-gradient(90deg,#e6ddff,#ffe0d6)}
.search-section h2{color:#3b3452}
.search-icon{background:#fff;color:#8c6ff0}
.search-fields select{border-color:#ece6f3;background-color:#fbf9ff}
.extra-conditions summary span{background:#8c6ff0}
.checkboxes label{border-color:#ece6f3}
.checkboxes label:has(input:checked){border-color:#ff9f80;background:#fff4ef}
.button{box-shadow:0 8px 20px #dc553055}
.button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #dc553066}
.button:active{transform:translateY(1px);box-shadow:0 4px 10px #dc553055}
.ranking-section{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 12%,#ffe0d4 0 120px,transparent 121px),radial-gradient(circle at 94% 30%,#d9f3ea 0 150px,transparent 151px),radial-gradient(circle at 12% 78%,#fff0bf 0 110px,transparent 111px),#f1ecff}
.ranking-section .eyebrow{color:#5b45c4}
.title-marker{background:linear-gradient(transparent 60%,#ffd9cc 60%)}
.product-heading{background:var(--product-bg)}
.rank{border-radius:16px;transform:rotate(-4deg);box-shadow:0 6px 14px color-mix(in srgb,var(--product) 40%,transparent)}
.banner.image-placeholder{border:0;background:var(--product-bg)}
.points{background:var(--product-bg)}
.specs>div{background:#f8f6fc}
.features>span{background:var(--product-bg);color:color-mix(in srgb,var(--product) 75%,#000)}
.reviews{background:#f8f6fc}
.review-list p{box-shadow:0 4px 12px #6d5bb014}
.table-rank{background:#cfc5ef;color:#3b3452}
.featured .table-rank{background:#ff9f80;color:#fff}
.table-button{background:#8c6ff0}
.featured .table-button{background:var(--cta)}
.monogram{border-radius:50%}
footer{background:#3b3452}

/* ==== fv-mobile-overlay.css ==== */
/* スマホのFVを文字の高さに収める：画像は背景に回し、文字に半透明の背景を敷く */
@media (max-width:760px){
  .hero{flex-direction:row;align-items:stretch;min-height:0}
  .hero-photo{position:absolute;inset:auto var(--sp-photo-right,-70px) 0 auto;width:auto;height:var(--sp-photo-h,88%);max-width:none;aspect-ratio:auto;object-fit:contain;order:0}
  .hero:after{display:block;background:linear-gradient(90deg,color-mix(in srgb,var(--hero-fade) 70%,transparent) 0%,color-mix(in srgb,var(--hero-fade) 35%,transparent) 55%,transparent 80%)}
  .hero-content{position:relative;padding:22px 16px 24px}
  .hero h1{margin-top:12px}
  .hero h1,.hero p{width:fit-content}
  .hero h1>span,.hero p{background:color-mix(in srgb,var(--surface) 78%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;padding:4px 12px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
  .hero h1{background:linear-gradient(color-mix(in srgb,var(--surface) 78%,transparent),color-mix(in srgb,var(--surface) 78%,transparent));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;padding:6px 12px 8px;margin-left:-4px}
  .hero h1>span{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;border-radius:0}
  .hero p{margin-left:-4px;margin-top:10px;font-size:13.5px;line-height:1.7}
  .hero-tags{margin:14px 0}
  .hero-tags span,.hero-link{box-shadow:0 4px 14px #0000001f}
}

/* ==== fv-a-color.css ==== */
/* B案の文字・フォント・形のまま、FVの画像と配色だけA案（黄・コーラル・青・ミント）にする */
.hero{--sp-photo-h:92%;--sp-photo-right:-150px;--hero-fade:#fefbef}
.hero .eyebrow{background:#ffd23f;color:#1d1b2e}
.hero h1 strong{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#ff4d6d}
.hero-tags span:nth-child(1){background:#ffe0e6;color:#d6334c}
.hero-tags span:nth-child(2){background:#e3ebff;color:#1f47c4}
.hero-tags span:nth-child(3){background:#dcf7ea;color:#0f8a57}
.hero-link{background:#2f6bff;box-shadow:0 8px 20px #2f6bff40}
.hero-link span{background:#ffd23f;color:#1d1b2e}

/* ==== content-a-accent.css ==== */
/* コンテンツ部分にA案の配色（コーラル・黄・青・ミント）を散らす。文字・フォント・形はB案のまま */
:root{--a-coral:#ff4d6d;--a-yellow:#ffd23f;--a-blue:#2f6bff;--a-mint:#12a86a;--a-ink:#1d1b2e;
  --cta:#e2384a;--cta-shadow:#b7243a;--tag-bg:#e3ebff;--tag-ink:#1f47c4;--featured:#fff0f3;--featured-line:#ff4d6d}
.button{box-shadow:0 8px 20px #e2384a4d}
.button:hover{box-shadow:0 12px 24px #e2384a5c}
.product-action .button>span{color:#e2384a}

/* 検索 */
.search-section>header{background:linear-gradient(90deg,#fff1c2,#ffe0e6 55%,#e3ebff)}
.search-icon{background:var(--a-yellow);color:var(--a-ink)}
.extra-conditions summary span{background:var(--a-blue)}
.checkboxes input{accent-color:var(--a-coral)}
.checkboxes label:has(input:checked){border-color:var(--a-coral);background:#fff0f3}

/* ランキング：背景の丸をA案の淡色に */
.ranking-section{background:
  radial-gradient(circle at 8% 10%,#ffe0e6 0 120px,transparent 121px),
  radial-gradient(circle at 94% 28%,#dcf7ea 0 150px,transparent 151px),
  radial-gradient(circle at 10% 62%,#fff1c2 0 110px,transparent 111px),
  radial-gradient(circle at 92% 86%,#e3ebff 0 130px,transparent 131px),
  #fff9ee}
.ranking-section .eyebrow,.compare-section .eyebrow{color:var(--a-coral)}
.title-marker{background:linear-gradient(transparent 60%,#ffe27a 60%)}

/* 各社の色をA案の4色へ（元ページの色指定より優先） */
#product-A{--product:#ff4d6d!important;--product-bg:#ffe8ec!important}
#product-B{--product:#2f6bff!important;--product-bg:#e8efff!important}
#product-C{--product:#12a86a!important;--product-bg:#e0f7ec!important}
#product-D{--product:#e09a00!important;--product-bg:#fff4cc!important}
#product-D .rank,#product-D .points>span,#product-D .reviews-head small,#product-D .review-toggle{color:var(--a-ink)}
#product-D .points li:before{background-color:#e09a00}
.features>span{background:var(--product-bg);color:color-mix(in srgb,var(--product) 78%,#000)}
.points{background:var(--product-bg)}

/* 比較表 */
.comparison-scroll thead th:nth-child(2) .product-brand{--product:#ff4d6d!important}
.comparison-scroll thead th:nth-child(3) .product-brand{--product:#2f6bff!important}
.comparison-scroll thead th:nth-child(4) .product-brand{--product:#12a86a!important}
.comparison-scroll thead th:nth-child(5) .product-brand{--product:#e09a00!important}
.table-rank{background:#e3ebff;color:#1f47c4}
.featured .table-rank{background:var(--a-yellow);color:var(--a-ink)}
.table-button{background:var(--a-blue)}
.featured .table-button{background:var(--cta)}

/* スマホ下部ボタン */
.mobile-bottom a{background:#e3ebff;color:#1f47c4}

/* ==== v01 追加：検索欄スマホ2列・CTA・カウントダウン・注記 ==== */

/* 検索欄：スマホでも2列。5つ目は横幅いっぱい */
@media (max-width:760px){
  .search-fields{grid-template-columns:1fr 1fr;gap:12px 10px}
  .search-fields label{font-size:13px}
  .search-fields select{font-size:14px;padding:10px 28px 10px 12px;background-position:right 10px center;min-height:48px}
  .search-fields label:last-child{grid-column:1/-1}
}

/* CTA：濃いコーラルの立体ボタン。画面に入ったときだけ光が走り、軽く押し込まれる（2回で停止） */
.cta-wrap{grid-column:2;text-align:center}
.cta-micro{display:block;font-size:13px;font-weight:800;color:#d6334c;margin-bottom:6px;letter-spacing:.02em}
.cta-micro:before{content:'＼ '}.cta-micro:after{content:' ／'}
.cta-button{position:relative;overflow:hidden;width:100%;min-height:60px;font-size:18px;background:#e2384a;color:#fff;border:0;border-radius:999px;box-shadow:0 5px 0 #a51f33,0 10px 22px #e2384a40;text-decoration:none}
.cta-button .cta-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#e2384a;font-size:15px}
.cta-button:after{content:'';position:absolute;top:-20%;bottom:-20%;left:-40%;width:28%;background:linear-gradient(100deg,transparent,#ffffffb3 50%,transparent);transform:skewX(-20deg) translateX(-120%);pointer-events:none}
.cta-button.is-live{animation:cta-press 2.2s ease-in-out 2}
.cta-button.is-live:after{animation:cta-shine 2.2s ease-in-out 2}
@keyframes cta-shine{0%{transform:skewX(-20deg) translateX(-120%)}45%,100%{transform:skewX(-20deg) translateX(560%)}}
@keyframes cta-press{0%,55%,100%{transform:translateY(0);box-shadow:0 5px 0 #a51f33,0 10px 22px #e2384a40}70%{transform:translateY(4px);box-shadow:0 1px 0 #a51f33,0 4px 10px #e2384a40}}
.cta-button:hover{transform:translateY(2px);box-shadow:0 3px 0 #a51f33,0 8px 18px #e2384a40}
.cta-button:active{transform:translateY(5px);box-shadow:0 0 0 #a51f33}
.cta-notes{margin-top:8px;font-size:11.5px;line-height:1.6;color:var(--muted)}
.cta-notes .pr-label{display:inline-block;margin-top:2px;font-weight:700}
@media (prefers-reduced-motion:reduce){.cta-button.is-live,.cta-button.is-live:after{animation:none}.cta-button:hover,.cta-button:active{transform:none}}
@media (max-width:760px){.cta-wrap{grid-column:1/-1}.cta-button{font-size:17px;min-height:58px}}

/* カウントダウン */
.countdown{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;margin:0 auto 28px;max-width:760px;padding:14px 20px;border-radius:20px;background:#fff;box-shadow:var(--shadow-sm);text-align:center}
.countdown-lead{font-size:14px;font-weight:800;color:var(--ink)}
.countdown-lead b{color:#d6334c}
.countdown-time{display:inline-flex;align-items:baseline;gap:2px;font-family:var(--font-display);font-weight:900;color:#d6334c;font-variant-numeric:tabular-nums}
.countdown-time .num{display:inline-block;min-width:1.6em;padding:2px 6px;border-radius:10px;background:#fff0f3;font-size:26px;line-height:1.2}
.countdown-time .unit{font-size:13px;margin:0 4px 0 2px;color:var(--ink)}
.countdown.is-closed .countdown-time{display:none}
.countdown-note{flex-basis:100%;font-size:11px;color:var(--muted);line-height:1.6}
.countdown-mini{display:block;font-size:12.5px;font-weight:800;color:var(--ink);margin-bottom:4px}
.countdown-mini b{color:#d6334c;font-variant-numeric:tabular-nums}
@media (max-width:760px){.countdown{margin:0 0 22px;padding:12px 14px}.countdown-time .num{font-size:22px}.countdown-lead{font-size:13px}}

/* 口コミ見出し（社名と件数なし） */
.reviews-head small{display:none}

/* 貸付条件・注記 */
.conditions dl{margin:8px 0 0;padding:12px 14px;border-radius:var(--radius-sm);background:var(--bg);display:grid;grid-template-columns:8.5em 1fr;gap:6px 12px;line-height:1.7}
.conditions dt{font-weight:800;color:var(--ink)}
.conditions dd{margin:0}
.conditions .cond-notes{margin-top:8px;padding:0 2px;background:none;list-style:none;display:grid;gap:3px}
@media (max-width:760px){.conditions dl{grid-template-columns:1fr;gap:0}.conditions dd{margin-bottom:8px}}
.specs dd .spec-note{display:block;font-size:10.5px;font-weight:600;color:var(--muted);line-height:1.4;margin-top:2px}
.ranking-note,.site-notes{font-size:12px;color:var(--muted);line-height:1.8}
.ranking-note{max-width:760px;margin:-14px auto 24px;text-align:center}
.site-notes{max-width:1064px;margin:0 auto;padding:22px 28px 30px;background:var(--surface)}
.site-notes h2{font-size:14px;color:var(--ink);margin-bottom:6px}
.site-notes ul{margin:0;padding-left:1.2em}
.caution{font-weight:800;color:var(--ink)}
@media (max-width:760px){.site-notes{padding:20px 16px 26px}}
.comparison-scroll thead .product-brand{flex-direction:column;gap:6px;font-size:17px}
.table-button{white-space:nowrap}

/* ==== v02：CTA上のタイマーバー（参考：cardloan-news.com）・参考サイト準拠の注釈 ==== */
.cta-timer{display:flex;align-items:stretch;border-radius:14px;overflow:hidden;margin:0 0 12px;box-shadow:0 4px 12px #1d1b2e22;text-align:left}
.cta-timer-label{position:relative;display:flex;align-items:center;gap:8px;padding:8px 26px 8px 16px;background:#ffd23f;color:#1d1b2e;font-weight:900;font-size:15px;white-space:nowrap}
.cta-timer-label:after{content:'▶▶';font-size:10px;letter-spacing:-2px;color:#e2384a}
.cta-timer-time{flex:1;display:flex;align-items:baseline;justify-content:center;gap:2px;padding:6px 14px;background:#1d1b2e;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.cta-timer-ato{font-size:13px;font-weight:800;margin-right:6px}
.cta-timer-time b{font-family:Arial,var(--font-body);font-size:30px;line-height:1.1;font-weight:900;color:#ffd23f;letter-spacing:.02em}
.cta-timer-time small{font-size:12px;font-weight:800;margin:0 5px 0 2px}
.cta-notes{list-style:none;margin:10px 0 0;padding:0;text-align:left;font-size:11px;line-height:1.7;color:var(--muted)}
.site-notes{text-align:center}
@media (max-width:760px){
  .cta-timer-label{font-size:13px;padding:8px 20px 8px 12px}
  .cta-timer-time{padding:6px 8px}
  .cta-timer-ato{font-size:12px;margin-right:4px}
  .cta-timer-time b{font-size:24px}
  .cta-timer-time small{font-size:11px;margin:0 3px 0 1px}
}
@media (max-width:360px){.cta-timer-label{font-size:12px;padding:8px 16px 8px 10px}.cta-timer-time b{font-size:21px}}
.sp-br{display:none}
@media (max-width:760px){
  .cta-timer .sp-br{display:inline}
  .cta-timer-label{font-size:12.5px;line-height:1.3;padding:6px 18px 6px 12px}
  .cta-timer-label:after{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:9px}
  .cta-timer-time b{font-size:23px}
}
@media (max-width:360px){.cta-timer-time b{font-size:20px}.cta-timer-time small{margin:0 2px 0 1px}}

/* ==== v03：おすすめポイント・コンビニアイコン（参考：cardloan-news.com） ==== */
.product-info .points{position:relative;margin-top:16px;padding:22px 16px 12px;background:#eef2f6;border:0;border-radius:14px}
.points-label{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);min-width:62%;padding:3px 16px;border-radius:6px;background:#f8c46a;color:#3a2a0a;font-size:13px;font-weight:900;text-align:center;white-space:nowrap;letter-spacing:.02em}
.points-label:after{content:'';position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);border:6px solid transparent;border-bottom:0;border-top-color:#f8c46a}
.points-label:before{content:'';position:absolute;left:10px;top:-7px;width:10px;height:10px;background:linear-gradient(135deg,transparent 40%,#f8c46a 40% 55%,transparent 55%),linear-gradient(90deg,transparent 45%,#f8c46a 45% 60%,transparent 60%);opacity:.9}
.product-info .points ul{margin:0;font-size:15px;font-weight:600;line-height:1.55;color:#333}
.product-info .points li{padding-left:22px;margin:7px 0}
.product-info .points li:before{content:'✔';top:0;left:0;width:auto;height:auto;border-radius:0;background:none!important;color:#f39c12;font-size:17px;font-weight:900;line-height:1.4;font-style:italic}
.points strong{color:#e8380d;font-weight:900}
.points mark{background:linear-gradient(transparent 55%,#ffe45c 55%);color:#e8380d;font-weight:900;padding:0 1px}
.points .kome{font-size:10px;color:#9aa3ad;vertical-align:top;margin-left:2px}
#product-D .points li:before{background:none!important}
.cvs{display:inline-flex;gap:4px;align-items:center;justify-content:center;flex-wrap:wrap}
.cvs-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;font-family:Arial,sans-serif;font-weight:900;font-size:13px;line-height:1;color:#fff}
.cvs-seven{background:linear-gradient(180deg,#f58220 0 33%,#fff 33% 38%,#00a15e 38% 66%,#fff 66% 71%,#e60012 71%);box-shadow:inset 0 0 0 1.5px #fff,0 0 0 1px #d9dde2;text-shadow:0 0 2px #0006}
.cvs-lawson{background:#0068b7}
.cvs-family{background:linear-gradient(180deg,#00a040 0 50%,#0068b7 50%)}
@media (max-width:760px){.product-info .points{margin-top:14px;padding:20px 12px 10px}.product-info .points ul{font-size:14px}.points-label{font-size:12px}.cvs-icon{width:22px;height:22px;font-size:12px}}
.points>.points-label{background:#f8c46a;color:#3a2a0a;border:0;padding:3px 16px;border-radius:6px;letter-spacing:.02em;font-family:var(--font-body)}
#product-D .points>.points-label{color:#3a2a0a}

/* ==== v04 ==== */
/* おすすめポイントの飾りは外す */
.points-label:before{display:none}
/* コンビニ：実ロゴを丸で表示 */
.cvs{gap:5px}
.cvs-icon{width:26px;height:26px;border-radius:50%;object-fit:contain;background:#fff;padding:2px;box-shadow:0 0 0 1px #dfe3e8}
/* 注記を見る（参考サイトの注釈） */
.conditions .cond-notes{margin:8px 0 0;padding:12px 14px;border-radius:var(--radius-sm);background:var(--bg);list-style:none;display:grid;gap:2px;line-height:1.7;text-align:left}
/* カウントダウン：スマホも1行 */
@media (max-width:760px){
  .cta-timer-label{font-size:13px;line-height:1.2;padding:8px 20px 8px 12px;white-space:nowrap}
  .cta-timer-label:after{right:6px}
  .cta-timer-time{padding:6px 8px}
  .cta-timer-time b{font-size:22px}
  .cta-timer-ato{font-size:11px;margin-right:3px}
  .cta-timer-time small{font-size:10.5px;margin:0 3px 0 1px}
}
@media (max-width:360px){.cta-timer-label{font-size:12px;padding:8px 17px 8px 9px}.cta-timer-time b{font-size:19px}.cta-timer-time small{margin:0 2px 0 1px}}
/* 検索欄（スマホ）：質問を左、プルダウンを右 */
@media (max-width:760px){
  .search-fields{grid-template-columns:1fr;gap:10px}
  .search-fields label{display:grid;grid-template-columns:7.2em minmax(0,1fr);align-items:center;gap:10px;font-size:13.5px}
  .search-fields label:last-child{grid-column:auto}
  .search-fields select{margin-top:0;min-height:46px;font-size:14px}
}

/* ==== v05 ==== */
/* FVのカウントダウン：「4社の特徴をチェック」の上に吹き出しで */
.fv-timer{position:relative;display:inline-flex;align-items:center;gap:10px;margin:2px 0 14px;padding:8px 16px;border-radius:14px;background:#1d1b2e;color:#fff;box-shadow:0 6px 16px #1d1b2e33;white-space:nowrap;font-variant-numeric:tabular-nums}
.fv-timer:after{content:'';position:absolute;left:34px;bottom:-9px;border:9px solid transparent;border-bottom:0;border-top-color:#1d1b2e}
.fv-timer-label{padding:2px 10px;border-radius:999px;background:#ffd23f;color:#1d1b2e;font-size:13px;font-weight:900}
.fv-timer-time{font-size:12px;font-weight:800}
.fv-timer-time b{font-family:Arial,var(--font-body);font-size:24px;font-weight:900;color:#ffd23f;margin-left:4px;line-height:1.1}
.fv-timer-time small{font-size:11px;margin-left:1px}
.hero-content .fv-timer{display:flex;width:fit-content}
@media (max-width:760px){.fv-timer{gap:8px;padding:7px 12px;margin-bottom:12px}.fv-timer-label{font-size:12px;padding:2px 8px}.fv-timer-time b{font-size:20px}}
@media (max-width:360px){.fv-timer-time b{font-size:18px}.fv-timer-label{font-size:11px}}

/* 検索欄：プルダウンを小さく、項目を詰める */
.search-section form{padding:20px 24px 20px}
.search-fields{gap:10px 16px}
.search-fields label{font-size:13px}
.search-fields select{min-height:42px;padding:7px 32px 7px 12px;font-size:14px;margin-top:4px}
.extra-conditions{margin-top:14px}
.search-button{margin-top:16px}
@media (max-width:760px){
  .search-section form{padding:14px 14px 16px}
  .search-fields{gap:6px}
  .search-fields label{grid-template-columns:6.8em minmax(0,1fr);gap:8px;font-size:13px}
  .search-fields select{min-height:38px;padding:6px 28px 6px 10px;font-size:13.5px;margin-top:0;border-width:1.5px}
  .extra-conditions summary{padding:10px 14px}
  .search-button{min-height:50px;margin-top:14px}
}

/* 比較表：社名の位置を広告主画像の枠に */
.table-image{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;max-width:120px;aspect-ratio:1/1;margin:0 auto;border-radius:12px;border:2px dashed #cfc8e3;background:#f7f5fc;color:#6f6886;font-size:11px;font-weight:800;line-height:1.5;text-align:center}
.table-image .placeholder-symbol{font-size:22px}
.table-image small{font-size:10px;opacity:.8}
.comparison-scroll thead th:nth-child(2) .table-image{background:#ffe8ec;border-color:#ffb3c1;color:#c7304a}
.comparison-scroll thead th:nth-child(3) .table-image{background:#e8efff;border-color:#a9c0ff;color:#1f47c4}
.comparison-scroll thead th:nth-child(4) .table-image{background:#e0f7ec;border-color:#9fdcbf;color:#0f7f50}
.comparison-scroll thead th:nth-child(5) .table-image{background:#fff4cc;border-color:#f0d27a;color:#9a6a00}
@media (max-width:760px){.table-image{max-width:96px;font-size:10px}}
@media (max-width:760px){.search-fields label{grid-template-columns:7.8em minmax(0,1fr);white-space:nowrap}}
@media (max-width:760px){.table-toolbar{flex-direction:column;gap:2px}.table-toolbar .swipe-hint{align-self:flex-end}}
/* ==== v06：FVの最短借入時刻 ==== */
.fv-timer-time{font-size:14px;font-weight:900;display:inline-flex;align-items:baseline;gap:4px}
.fv-eta-day{font-size:13px;color:#fff}
.fv-timer-time b{font-size:28px;margin:0 2px 0 0}
@media (max-width:760px){.fv-timer-time{font-size:13px}.fv-timer-time b{font-size:24px}}
@media (max-width:360px){.fv-timer-time{font-size:12px}.fv-timer-time b{font-size:21px}}

/* ==== v08 ==== */
/* 広告主バナー（300×250） */
.banner.banner-img{grid-row:1/4;align-self:start;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px #3b345214;line-height:0}
.banner-img img{display:block;width:100%;height:auto;aspect-ratio:6/5;object-fit:cover}
@media (max-width:760px){.banner.banner-img{grid-row:auto;grid-column:1}}
.table-banner{display:block;width:100%;max-width:150px;height:auto;aspect-ratio:6/5;margin:0 auto;border-radius:8px;box-shadow:0 2px 8px #3b345214}
@media (max-width:760px){.table-banner{max-width:112px}}
/* FVの最短時刻：白い半透明の吹き出しで、FVになじませる */
.fv-timer{background:#ffffffe6;color:var(--ink);box-shadow:0 4px 14px #3b34521f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 14px 6px 8px;gap:8px;border-radius:999px}
.fv-timer:after{border-top-color:#ffffffe6;left:30px}
.fv-timer-label{background:#fff0f3;color:#e2384a;font-size:12px;padding:1px 9px}
.fv-timer-time{color:var(--ink);font-size:13px;font-weight:800}
.fv-eta-day{color:var(--muted);font-size:12px}
.fv-timer-time b{color:#e2384a;font-family:var(--font-display);font-size:22px;font-weight:900}
@media (max-width:760px){.fv-timer-time b{font-size:20px}.fv-timer-time{font-size:12.5px}}
@media (max-width:360px){.fv-timer-time b{font-size:18px}.fv-timer-time{font-size:12px}}

/* ==== v09：比較表（参考：cardloan-news.com の一覧型）・FV時刻の下線 ==== */
.cmp-wrap{border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow);border:2px solid #2f6bff}
.cmp-wrap .cmp-timer{margin:0;border-radius:0;box-shadow:none}
.cmp-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:center;font-size:14px}
.cmp-table .c-company{width:22%}.cmp-table .c-free{width:20%}.cmp-table .c-cta{width:15%}
.cmp-table thead th{background:#f3f5fb;color:var(--ink);font-size:13px;font-weight:800;padding:10px 6px;border-bottom:1.5px solid #e3e7f0;line-height:1.4}
.cmp-table tbody th,.cmp-table tbody td{padding:12px 6px;border-bottom:1px solid #eceef4;vertical-align:middle}
.cmp-table tbody tr:last-child>*{border-bottom:0}
.cmp-company{display:flex;flex-direction:column;align-items:center;gap:6px;color:#2f6bff;font-weight:800;font-size:13px;text-decoration:underline;text-underline-offset:3px;line-height:1.35}
.cmp-company .table-banner{max-width:130px;width:100%;box-shadow:0 2px 6px #3b345218}
.mark{position:relative;display:inline-block;min-width:3.6em;padding:14px 2px;line-height:1.45;font-size:13px;font-weight:700;z-index:0}
.mark:before{content:'';position:absolute;left:50%;top:50%;width:56px;height:56px;transform:translate(-50%,-50%);border-radius:50%;z-index:-1}
.mark-best:before{border:5px double #ffd23f;background:#fffbe6}
.mark-good:before{border:3px solid #cfe0ff;background:#f6f9ff}
.mark-best{color:#e2384a}
.mark b{font-size:17px}
.mark small{font-size:11px}
.mark sup{font-size:9px;color:#9aa3ad}
.cmp-cta{width:100%;min-height:44px;border:0;border-radius:10px;background:#e2384a;color:#fff;font-weight:900;font-size:13px;box-shadow:0 3px 0 #a51f33;cursor:pointer}
.cmp-cta:hover{transform:translateY(1px);box-shadow:0 2px 0 #a51f33}
.cmp-notes{list-style:none;margin:0;padding:12px 16px 14px;font-size:11px;line-height:1.7;color:var(--muted);background:#fafbfd;border-top:1px solid #eceef4;text-align:left}
@media (max-width:760px){
  .compare-section{padding-left:10px;padding-right:10px}
  .cmp-table{font-size:11px}
  .cmp-table .c-company{width:23%}.cmp-table .c-free{width:20%}.cmp-table .c-cta{width:16%}
  .cmp-table thead th{font-size:10.5px;padding:8px 2px}
  .cmp-table tbody th,.cmp-table tbody td{padding:8px 2px}
  .cmp-company{font-size:10.5px;gap:4px}
  .mark{min-width:0;padding:10px 0;font-size:10.5px;line-height:1.4}
  .mark:before{width:40px;height:40px}
  .mark-best:before{border-width:4px}
  .mark b{font-size:13px}
  .mark small{font-size:9px}
  .cmp-cta{min-height:40px;font-size:10.5px;padding:0 2px;border-radius:8px;line-height:1.3}
}
/* FVの時刻の下に色付きの下線（マーカー） */
.fv-timer-time b{background:linear-gradient(transparent 62%,#ffe45c 62%,#ffe45c 92%,transparent 92%);padding:0 2px}
.mark .pre{margin-right:2px}
.mark b,.mark small{white-space:nowrap}
@media (max-width:760px){
  .cmp-table thead th{font-size:10px;letter-spacing:-.02em}
  .mark .pre{display:block;font-size:9px;margin:0;line-height:1.2}
  .mark{font-size:10px}
  .mark:before{width:46px;height:46px}
  .mark b{font-size:12.5px}
  .cmp-table td:nth-child(5) .mark b{font-size:14px}
  .cmp-cta .sp-br{display:inline}
  .cmp-cta{font-size:11px;min-height:44px}
}
@media (max-width:760px){.mark .sp-br{display:inline}.cmp-table td:nth-child(2) .mark{line-height:1.2}}

/* ==== v10：比較表の見出し（参考：cardloan-news.com「ひとめで簡単比較！おすすめカードローン一覧」） ==== */
.cmp-title h2{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0;line-height:1.2}
.cmp-title-row1,.cmp-title-row2{display:flex;align-items:center;justify-content:center;gap:12px}
.cmp-title-small{font-size:20px;font-weight:900;color:var(--ink)}
.cmp-title-tiles{display:flex;gap:6px}
.cmp-title-tiles span{display:grid;place-items:center;width:52px;height:56px;background:#2f6bff;color:#fff;font-size:34px;font-weight:900;clip-path:polygon(0 0,100% 0,100% 88%,50% 100%,0 88%);padding-bottom:4px}
.cmp-title-tiles span:nth-child(even){background:#4a80ff}
.cmp-title-bang{font-size:40px;font-weight:900;color:var(--ink);font-style:italic;margin-left:-4px}
.cmp-title-lines{position:relative;padding:10px 6px}
.cmp-title-lines:before,.cmp-title-lines:after{content:'';position:absolute;left:-18px;right:-10px;height:2px;background:var(--ink)}
.cmp-title-lines:before{top:0;transform:rotate(-6deg)}
.cmp-title-lines:after{bottom:0;transform:rotate(6deg)}
.cmp-title-big{font-size:44px;font-weight:900;color:var(--ink);letter-spacing:.02em}
.cmp-title-big em{font-style:normal;color:#2f6bff}
@media (max-width:760px){
  .cmp-title h2{gap:8px}
  .cmp-title-row1,.cmp-title-row2{gap:8px}
  .cmp-title-small{font-size:15px}
  .cmp-title-tiles{gap:4px}
  .cmp-title-tiles span{width:40px;height:44px;font-size:26px}
  .cmp-title-bang{font-size:30px}
  .cmp-title-lines{padding:8px 4px}
  .cmp-title-lines:before,.cmp-title-lines:after{left:-10px;right:-6px}
  .cmp-title-big{font-size:31px}
}
@media (max-width:360px){.cmp-title-big{font-size:28px}.cmp-title-tiles span{width:36px;height:40px;font-size:23px}}

/* ==== v11：比較表（横並び）に評価マークを重ねる ==== */
.comparison-scroll .mark{min-width:0;padding:16px 4px;font-size:14px;line-height:1.3;font-weight:700}
.comparison-scroll .mark:before{width:64px;height:64px}
.comparison-scroll .mark-best:before{border:6px double #ffd23f;background:#fffbe6}
.comparison-scroll .mark-good:before{border:3px solid #cfe0ff;background:#f6f9ff}
.comparison-scroll .mark-best,.comparison-scroll .mark-best b{color:#e2384a}
.comparison-scroll .mark b{font-size:22px}
.comparison-scroll .mark small{font-size:12px}
@media (max-width:760px){
  .comparison-scroll .mark{padding:12px 2px;font-size:12px}
  .comparison-scroll .mark:before{width:52px;height:52px}
  .comparison-scroll .mark-best:before{border-width:5px}
  .comparison-scroll .mark b{font-size:18px}
}
/* 比較表：画像の下にサービス名 */
.table-name{display:block;margin-top:8px;color:#2f6bff;font-weight:800;font-size:14px;line-height:1.35;text-decoration:underline;text-underline-offset:3px}
.table-name:hover{color:#1f47c4}
@media (max-width:760px){.table-name{font-size:12.5px;margin-top:6px}}

/* ==== v12：注釈番号・収入証明書を1行に ==== */
.cta-micro .kome{font-size:10px;color:#e2384a;vertical-align:top}
.specs sup{white-space:nowrap}
.spec-income dd{white-space:nowrap;letter-spacing:-.02em}
@media (max-width:760px){.spec-income dd{font-size:11px}.spec-income dd sup{font-size:8.5px}}
@media (max-width:400px){.spec-income dd{font-size:10.5px}}
@media (max-width:760px) and (min-width:361px){
  .specs dd{white-space:nowrap;letter-spacing:-.02em}
  .specs dd .cvs{flex-wrap:nowrap;gap:3px}
  .specs dd .cvs-icon{width:22px;height:22px}
  .spec-income dd{font-size:11.5px}
}
@media (max-width:390px) and (min-width:361px){.specs dd{font-size:11px}.specs dd b{font-size:14px}.spec-income dd{font-size:10.5px}}

/* ==== v13：特集ページ（導入コンテンツ・キャラクターの吹き出し）と「人気の特集から探す」 ==== */
.guide{max-width:1120px;margin:0 auto;padding:40px 28px 16px;background:var(--surface)}
.guide .section-title{margin:26px 0 22px}
.chara-talk{display:flex;align-items:flex-start;gap:14px;max-width:760px;margin:0 auto}
.chara-icon{flex-shrink:0;width:72px;height:72px;border-radius:50%;object-fit:cover;background:#fff7d6;border:3px solid #ffd23f;box-shadow:0 4px 12px #3b34521f}
.chara-bubble{position:relative;flex:1;background:#fff7d6;border-radius:6px 20px 20px 20px;padding:14px 18px;box-shadow:0 4px 12px #3b345214}
.chara-bubble:before{content:'';position:absolute;left:-10px;top:14px;border:10px solid transparent;border-left:0;border-right-color:#fff7d6}
.chara-bubble p{font-size:15.5px;font-weight:700;line-height:1.8;color:var(--ink)}
.chara-bubble p b{color:#e2384a}
.chara-bubble small{display:block;margin-top:4px;font-size:12px;color:var(--muted)}
.guide-block{max-width:860px;margin:0 auto 18px;padding:22px 24px;border-radius:var(--radius);background:#f8f6fc}
.guide-block h3{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-family:var(--font-display);font-size:20px;font-weight:900;line-height:1.5;margin-bottom:10px}
.guide-num{display:inline-block;padding:2px 10px;border-radius:999px;background:#2f6bff;color:#fff;font-size:12px;letter-spacing:.08em;font-family:var(--font-body)}
.guide-body p{font-size:15px;line-height:1.9}
.guide-body p+p{margin-top:8px}
.guide-body strong{color:#e2384a}
.guide-body mark{background:linear-gradient(transparent 60%,#ffe45c 60%);color:inherit;font-weight:800}
.guide-checks{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.guide-checks li{position:relative;padding:10px 14px 10px 40px;border-radius:12px;background:#fff;font-size:14.5px;font-weight:700;line-height:1.6}
.guide-checks li:before{content:'✔';position:absolute;left:14px;top:9px;color:#f39c12;font-size:17px;font-weight:900;font-style:italic}
.guide-steps{list-style:none;margin:10px 0 0;padding:0;counter-reset:st;display:grid;gap:10px}
.guide-steps li{counter-increment:st;position:relative;padding:12px 14px 12px 56px;border-radius:12px;background:#fff}
.guide-steps li:before{content:counter(st);position:absolute;left:14px;top:12px;width:30px;height:30px;border-radius:50%;background:#ffd23f;color:#1d1b2e;display:grid;place-items:center;font-weight:900}
.guide-steps b{display:block;font-size:15px}
.guide-steps span{display:block;font-size:13.5px;color:var(--muted);line-height:1.7;margin-top:2px}
.guide-note{margin-top:10px;font-size:12px;color:var(--muted);line-height:1.7}
.guide .chara-talk:last-child{margin-top:26px}
@media (max-width:760px){
  .guide{padding:28px 14px 8px}
  .chara-icon{width:56px;height:56px}
  .chara-bubble{padding:12px 14px}
  .chara-bubble p{font-size:14px}
  .guide-block{padding:18px 16px}
  .guide-block h3{font-size:17px}
  .guide-body p{font-size:14px}
  .guide-checks li{font-size:13.5px}
}
/* 人気の特集から探す（参考：cardloan-news.com 下部） */
.feature-links{max-width:1120px;margin:0 auto;padding:44px 28px 36px;background:var(--bg)}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1000px;margin:0 auto}
.feature-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);border:2px solid transparent;transition:transform .15s,border-color .15s}
.feature-card:hover{transform:translateY(-2px);border-color:var(--fc)}
.feature-icon{flex-shrink:0;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--fc-bg);font-size:26px}
.feature-text{flex:1;min-width:0}
.feature-text b{display:block;font-size:16px;font-weight:900;color:var(--ink)}
.feature-text small{display:block;margin-top:2px;font-size:12px;color:var(--muted);line-height:1.5}
.feature-arrow{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--fc);color:#fff;font-weight:900;font-size:14px}
@media (max-width:1000px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.feature-links{padding:34px 14px 28px}.feature-grid{grid-template-columns:1fr;gap:10px}.feature-card{padding:12px 14px}.feature-icon{width:44px;height:44px;font-size:22px}}
.guide-cvs{display:flex;gap:10px;margin-top:10px}
.guide-cvs img{width:44px;height:44px;border-radius:50%;background:#fff;padding:3px;box-shadow:0 0 0 1px #dfe3e8;object-fit:contain}

/* ==== v13 追加：特集ページの型（STEP図・アイコン付きポイント・Q&A・不要書類・注意）ほか ==== */
.hero-tags .badge{display:inline-flex;align-items:center;gap:5px;width:auto;padding:0 12px}
.hero-tags .badge i{font-style:normal;font-size:14px}
.hero-tags .badge.is-ng{background:#fff;color:var(--ink)}
.hero-tags .badge.is-ng i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e2384a;color:#fff;font-size:11px;font-weight:900}
.updated{display:inline-block;margin-top:8px;padding:2px 10px;border-radius:999px;background:#fff;font-size:11.5px;font-weight:700;color:var(--muted)}
.guide-panel{max-width:860px;margin:0 auto 18px;padding:22px 24px;border-radius:var(--radius);background:#f8f6fc}
.step-cards{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:28px}
.step-cards li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 14px;border-radius:16px;background:#fff;box-shadow:var(--shadow-sm)}
.step-cards li+li:before{content:'▶';position:absolute;left:-22px;top:50%;transform:translateY(-50%);color:#f39c12;font-size:14px}
.step-label{padding:1px 12px;border-radius:999px;background:#ffd23f;color:#1d1b2e;font-size:12px;font-weight:900;letter-spacing:.06em}
.step-icon{font-size:34px;line-height:1.2}
.step-cards b{font-size:16px;font-family:var(--font-display)}
.step-cards li>span:last-child{font-size:13px;color:var(--muted);line-height:1.7}
.step-goal{margin-top:16px;padding:12px 16px;border-radius:14px;background:#e2384a;color:#fff;text-align:center;font-weight:800;font-size:15px}
.step-goal b{color:#ffe45c}
.icon-points{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.icon-points li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:#fff}
.ip-icon{flex-shrink:0;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#efe6ff;font-size:24px}
.icon-points b{display:block;font-size:16px;font-family:var(--font-display)}
.icon-points li div>span{display:block;margin-top:2px;font-size:13.5px;color:var(--muted);line-height:1.75}
.qa{display:grid;gap:12px}
.qa-q{display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:14px;background:#fff}
.qa-q p{font-weight:800;font-size:15px}
.qa-mark{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#2f6bff;color:#fff;font-weight:900}
.qa-a{display:flex;gap:12px;align-items:flex-start}
.ng-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.ng-label{font-size:13px;font-weight:900;color:#e2384a}
.ng-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#fff;font-size:13px;font-weight:700;text-decoration:line-through;text-decoration-color:#e2384a}
.ng-chip:before{content:'✕';display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e2384a;color:#fff;font-size:10px;text-decoration:none}
.cautions{padding:16px 18px;border-radius:14px;background:#fff;border:2px solid #ffb3c1}
.cautions-title{font-weight:900;color:#e2384a;margin-bottom:8px}
.cautions ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.cautions li{position:relative;padding-left:28px;font-size:14px;font-weight:700}
.cautions li:before{content:'🚫';position:absolute;left:0;top:0}
.guide-cvs{align-items:center;flex-wrap:wrap}
.guide-cvs span{font-size:13px;color:var(--muted);flex-basis:100%}
.feature-card.is-current{border-color:var(--fc);background:var(--fc-bg)}
.feature-now{display:inline-block;margin-left:8px;padding:0 8px;border-radius:999px;background:var(--fc);color:#fff;font-size:10.5px;vertical-align:2px}
.search-bottom{max-width:1120px;margin:0 auto;background:var(--bg);padding:4px 0 24px}
@media (max-width:760px){
  .guide-panel{padding:18px 14px}
  .step-cards{grid-auto-flow:row;gap:22px}
  .step-cards li+li:before{content:'▼';left:50%;top:-18px;transform:translateX(-50%)}
  .step-goal{font-size:13.5px}
  .icon-points li{padding:12px}
  .ip-icon{width:40px;height:40px;font-size:20px}
  .icon-points b{font-size:15px}
  .hero-tags .badge{padding:0 9px;font-size:12px}
}

/* ==== v13：メニュー（お借入診断・口コミを見る・特集）とサブページ ==== */
.desktop-nav a[aria-current="page"]{background:var(--tag-bg);color:var(--tag-ink)}
#mobile-menu a{display:flex;align-items:center;gap:10px;font-size:15px}
#mobile-menu a span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff;font-size:17px}
#mobile-menu a[aria-current="page"]{outline:2px solid var(--tag-ink)}
/* サブページの見出し（キャラクター付き） */
.sub-hero{background:linear-gradient(135deg,#fff7d6,#ffe8ec 55%,#e8efff);padding:34px 28px}
.sub-hero-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:22px}
.sub-hero .chara-icon{width:110px;height:110px;border-width:4px}
.sub-hero h1{font-family:var(--font-display);font-size:38px;font-weight:900;line-height:1.3;margin:6px 0 8px}
.sub-hero h1 em{font-style:normal;color:#e2384a;background:linear-gradient(transparent 62%,#ffe45c 62%)}
.sub-hero p{font-size:15px;font-weight:700;color:var(--ink)}
@media (max-width:760px){.sub-hero{padding:24px 16px}.sub-hero-inner{gap:14px}.sub-hero .chara-icon{width:76px;height:76px}.sub-hero h1{font-size:27px}.sub-hero p{font-size:13px}}
/* お借入診断 */
.diag{max-width:760px;margin:0 auto;padding:28px 20px 10px}
.diag-form{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 26px}
.diag-row{display:grid;grid-template-columns:8em 1fr;align-items:center;gap:10px;margin-bottom:14px}
.diag-row label,.diag-borrowed legend{font-weight:900;font-size:15px;display:flex;align-items:center;gap:6px}
.diag-check{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#12a86a;color:#fff;font-size:11px}
.diag-input{display:flex;align-items:center;gap:10px}
.diag-input input{width:100%;max-width:240px;min-height:46px;padding:8px 14px;border:2px solid var(--line);border-radius:12px;font-size:16px;background:#fbf9ff}
.diag-input input:focus{border-color:#2f6bff;outline:none}
.diag-input span{font-weight:800}
.diag-borrowed{border:0;margin:6px 0 0;padding:0}
.diag-hint{font-size:12px;color:#12a86a;font-weight:700;margin:4px 0 10px}
.diag-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.diag-chip input{position:absolute;opacity:0;pointer-events:none}
.diag-chip span{display:grid;place-items:center;min-height:52px;padding:6px;border-radius:12px;background:#eef8f2;color:#0f7f50;font-weight:900;font-size:14px;text-align:center;cursor:pointer;border:2px solid transparent}
.diag-chip input:checked+span{background:#12a86a;color:#fff}
.diag-chip input:focus-visible+span{border-color:#2f6bff}
.diag-submit{width:100%;margin-top:18px}
.diag-result{margin-top:26px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px 22px}
.diag-result-title{display:flex;justify-content:center;gap:4px;margin-bottom:12px}
.diag-result-title span{display:grid;place-items:center;width:38px;height:40px;border-radius:6px;background:#12a86a;color:#fff;font-size:22px;font-weight:900}
.diag-result-title span:nth-child(even){background:#f39c12}
.diag-empty{text-align:center;color:var(--muted)}
.diag-limit{padding:10px 14px;border-radius:12px;background:#e8efff;font-size:14px;font-weight:700}
.diag-limit b{color:#1f47c4;font-size:18px}
.diag-warn{margin-top:10px;padding:10px 14px;border-radius:12px;background:#fff0f3;color:#c7304a;font-size:13.5px;font-weight:700}
.diag-ng{margin-top:10px;font-size:13px;color:var(--muted)}
.diag-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:12px}
.diag-item{position:relative;display:grid;grid-template-columns:120px 1fr;gap:12px;padding:14px;border-radius:14px;background:#f8f6fc}
.diag-item.is-top{background:#fff7d6;box-shadow:inset 0 0 0 2px #ffd23f}
.diag-rank{position:absolute;top:-10px;left:12px;padding:1px 10px;border-radius:999px;background:#1d1b2e;color:#fff;font-size:11px;font-weight:900}
.diag-item.is-top .diag-rank{background:#e2384a}
.diag-item img{width:100%;height:auto;border-radius:8px}
.diag-item b{font-size:17px}
.diag-item p{font-size:13px;margin:2px 0 6px}
.diag-item ul{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.diag-item ul li{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:#fff;color:#0f7f50}
.diag-go{max-width:260px}
.diag-disclaimer{margin-top:12px;font-size:11.5px;color:var(--muted);line-height:1.7}
@media (max-width:760px){.diag{padding:20px 12px 6px}.diag-form{padding:18px 14px}.diag-row{grid-template-columns:6.5em 1fr}.diag-chips{gap:8px}.diag-chip span{min-height:46px;font-size:13px}.diag-item{grid-template-columns:96px 1fr}}
/* 特集一覧 */
.hub{max-width:1060px;margin:0 auto;padding:30px 20px 40px}
.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hub-card{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:20px;background:#fff;box-shadow:var(--shadow-sm);border:2px solid transparent;transition:transform .15s,border-color .15s}
.hub-card:hover{transform:translateY(-2px);border-color:var(--fc)}
.hub-top{display:flex;align-items:center;gap:10px}
.hub-eyebrow{font-size:12px;font-weight:800;color:var(--fc)}
.hub-title{font-family:var(--font-display);font-size:22px;font-weight:900}
.hub-desc{font-size:13.5px;color:var(--muted)}
.hub-tags{display:flex;flex-wrap:wrap;gap:6px}
.hub-tags span{font-size:12px;font-weight:800;padding:2px 10px;border-radius:999px;background:var(--fc-bg);color:var(--ink)}
.hub-go{align-self:flex-end;margin-top:4px;padding:6px 14px;border-radius:999px;background:var(--fc);color:#fff;font-size:13px;font-weight:900}
@media (max-width:760px){.hub{padding:20px 12px 30px}.hub-grid{grid-template-columns:1fr;gap:12px}.hub-card{padding:16px}.hub-title{font-size:19px}}
/* 口コミ：5段階の分布（中央を「普通」の真ん中に合わせた横棒） */
.rv-index,.rv-detail{max-width:980px;margin:0 auto;padding:26px 20px 30px}
.rv-sample{margin-bottom:12px;padding:8px 12px;border-radius:10px;background:#fff4cc;font-size:12px;font-weight:700;color:#7a5600}
.rv-legend{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;font-weight:700;color:var(--ink)}
.rv-legend li{display:flex;align-items:center;gap:5px}
.rv-key{width:12px;height:12px;border-radius:3px}
.rv-neg2{background:#d7263d}.rv-neg1{background:#f29aa6}.rv-neu{background:#dcdae2}.rv-pos1{background:#93b1ff}.rv-pos2{background:#2f5fe0}
.rv-chart{display:grid;gap:10px}
.rv-row{display:grid;grid-template-columns:11em 1fr 3.6em;align-items:center;gap:10px}
.rv-item{font-size:13px;font-weight:800;line-height:1.4}
.rv-track{position:relative;height:28px;border-radius:6px;background:#f6f5f9}
.rv-mid{position:absolute;left:50%;top:-3px;bottom:-3px;width:1.5px;background:#9a95ab}
.rv-bar{position:absolute;top:3px;bottom:3px;left:0;right:0;display:flex}
.rv-seg{position:relative;height:100%;display:grid;place-items:center;border-right:2px solid #fff;outline:none}
.rv-seg:first-child{border-radius:4px 0 0 4px}.rv-seg:last-child{border-radius:0 4px 4px 0;border-right:0}
.rv-pct{font-size:10.5px;font-weight:800;color:var(--ink);white-space:nowrap}
.rv-neg2 .rv-pct,.rv-pos2 .rv-pct{color:#fff}
.rv-seg:hover,.rv-seg:focus-visible{filter:brightness(.92)}
.rv-seg:hover:after,.rv-seg:focus-visible:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;padding:6px 10px;border-radius:8px;background:#1d1b2e;color:#fff;font-size:12px;font-weight:700;z-index:5;pointer-events:none}
.rv-pos{text-align:right;line-height:1.1}
.rv-pos b{display:block;font-size:17px;color:#2f5fe0}
.rv-pos small{font-size:10px;color:var(--muted)}
.rv-chart.is-compact .rv-row{grid-template-columns:8.5em 1fr 3em}
.rv-chart.is-compact .rv-item{font-size:11.5px}
.rv-chart.is-compact .rv-track{height:20px}
.rv-chart.is-compact .rv-pct{display:none}
.rv-chart.is-compact .rv-pos b{font-size:14px}
.rv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rv-card{background:#fff;border-radius:20px;box-shadow:var(--shadow-sm);padding:16px;display:flex;flex-direction:column;gap:12px}
.rv-card-head{display:flex;gap:12px;align-items:center}
.rv-card-head img{width:96px;height:auto;border-radius:8px}
.rv-card-head b{display:block;font-size:17px}
.rv-card-head small{display:block;font-size:12px;color:var(--muted)}
.rv-score{display:inline-block;margin-top:4px;font-size:12px;font-weight:700}
.rv-score em{font-style:normal;font-size:18px;color:#2f5fe0;font-weight:900}
.rv-more{align-self:flex-end;font-size:13px;font-weight:900;color:#2f6bff;text-decoration:underline;text-underline-offset:3px}
.rv-summary{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:center;margin-bottom:12px}
.rv-summary img{width:100%;height:auto;border-radius:12px}
.rv-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rv-tiles div{padding:14px;border-radius:14px;background:#fff;box-shadow:var(--shadow-sm);text-align:center}
.rv-tiles small{display:block;font-size:12px;color:var(--muted);font-weight:700}
.rv-tiles b{font-size:30px;font-weight:900;color:var(--ink);font-family:Arial,var(--font-body)}
.rv-tiles b span{font-size:13px;margin-left:2px}
.rv-insight{padding:12px 16px;border-radius:14px;background:#e8efff;font-size:14px;font-weight:700;margin-bottom:18px}
.rv-insight b{color:#1f47c4}
.rv-h2{font-family:var(--font-display);font-size:22px;font-weight:900;margin:26px 0 12px}
.rv-table{margin-top:14px;font-size:13px}
.rv-table summary{font-weight:800;color:#2f6bff;cursor:pointer}
.rv-table-scroll{overflow-x:auto;margin-top:8px}
.rv-table table{width:100%;min-width:520px;border-collapse:collapse;background:#fff}
.rv-table th,.rv-table td{padding:8px;border-bottom:1px solid #eceef4;text-align:center}
.rv-table tbody th{text-align:left}
.rv-voices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rv-voice{padding:16px;border-radius:16px;background:#fff;box-shadow:var(--shadow-sm)}
.rv-voice h3{font-size:15px;font-weight:900;margin-bottom:8px}
.rv-voice ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rv-voice li{padding:10px 12px;border-radius:12px;background:#f8f6fc}
.rv-voice p{font-size:13px;line-height:1.7;margin-top:4px}
.rv-tag{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:900;color:#fff}
.rv-cta{max-width:480px;margin:26px auto 0}
.rv-cta .cta-button{width:100%}
.rv-others{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;font-size:13px}
.rv-others span{font-weight:900}
.rv-others a{padding:4px 12px;border-radius:999px;background:var(--tag-bg);color:var(--tag-ink);font-weight:800}
@media (max-width:760px){
  .rv-index,.rv-detail{padding:18px 12px 24px}
  .rv-grid,.rv-voices{grid-template-columns:1fr}
  .rv-row{grid-template-columns:1fr 3.2em;grid-template-areas:"item item" "track pos";gap:4px 8px}
  .rv-item{grid-area:item;font-size:12.5px}.rv-track{grid-area:track}.rv-pos{grid-area:pos}
  .rv-chart.is-compact .rv-row{grid-template-columns:1fr 3em}
  .rv-summary{grid-template-columns:110px 1fr;gap:10px}
  .rv-tiles{gap:6px}.rv-tiles div{padding:10px 4px}.rv-tiles b{font-size:22px}
  .rv-h2{font-size:18px}
}
@media (prefers-reduced-motion:reduce){.hub-card,.feature-card{transition:none}}
.diag-input span{white-space:nowrap}
@media (max-width:760px){.diag-input input{max-width:none;flex:1;min-width:0}.sub-hero h1{font-size:24px}.sub-hero p br{display:none}}
@media (max-width:760px){.rv-pct{display:none}.rv-track{height:24px}}

/* ==== v14：トップのランキング見出し（総合ランキング） ==== */
.rank-title h2{display:flex;flex-direction:column;align-items:center;gap:8px;margin:10px 0 8px;line-height:1.2}
.rt-ribbon{position:relative;display:inline-block;padding:4px 26px;background:#e2384a;color:#fff;font-size:13px;font-weight:900;letter-spacing:.12em;clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%)}
.rt-row1{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}
.rt-crown svg{width:44px;height:30px;display:block}
.rt-small{font-size:20px;font-weight:900;color:var(--ink)}
.rt-lines{position:relative;padding:0 30px}
.rt-lines:before,.rt-lines:after{content:'';position:absolute;top:50%;width:22px;height:2px;background:var(--ink)}
.rt-lines:before{left:0;transform:rotate(20deg)}
.rt-lines:after{right:0;transform:rotate(-20deg)}
.rt-row2{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.rt-tiles{display:flex;gap:6px}
.rt-tiles span{display:grid;place-items:center;width:56px;height:60px;background:linear-gradient(180deg,#ffc933,#f5a800);color:#fff;font-size:36px;font-weight:900;text-shadow:0 2px 0 #b77f00;clip-path:polygon(0 0,100% 0,100% 88%,50% 100%,0 88%);padding-bottom:4px}
.rt-big{font-size:44px;font-weight:900;color:var(--ink);letter-spacing:.02em}
.rt-big em{font-style:normal;color:#e2384a}
.rt-num{font-family:Arial,var(--font-body);font-size:60px;color:#f5a800;margin:0 2px;-webkit-text-stroke:2px #fff;paint-order:stroke;text-shadow:0 3px 0 #b77f00}
@media (max-width:760px){
  .rt-ribbon{font-size:12px;padding:3px 22px}
  .rt-crown svg{width:36px;height:24px}
  .rt-small{font-size:16px}
  .rt-lines{padding:0 24px}.rt-lines:before,.rt-lines:after{width:18px}
  .rt-tiles span{width:42px;height:46px;font-size:27px}
  .rt-big{font-size:30px}
  .rt-num{font-size:42px}
}
@media (max-width:360px){.rt-big{font-size:27px}.rt-tiles span{width:38px;height:42px;font-size:24px}}
/* お借入診断：結果に案件カードを表示 */
.diag-cards{margin-top:16px}
.diag-lead{margin-top:12px;font-size:14px;font-weight:700}
.diag-lead b{color:#e2384a;font-size:18px}
.diag-card-wrap{position:relative}
.diag-badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.diag-badges span{font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px;background:#e0f7ec;color:#0f7f50}
.diag-badges .diag-top{background:#e2384a;color:#fff}
.diag-card-wrap.is-top .product{box-shadow:0 0 0 3px #ffd23f,var(--shadow)}

/* ==== v14：作り込み版の特集（急いで借りたい）＝挿絵・自作アイコン・飾り見出し・帯 ==== */
.ic{width:18px;height:18px;flex-shrink:0}
.hero-tags .badge.is-svg{gap:6px}
.hero-tags .badge.is-svg .ic{color:#e2384a}
.guide.is-rich{max-width:none;padding:36px 0 18px;background:var(--surface)}
.guide.is-rich>.chara-talk{padding:0 20px}
.band{margin:26px 0;padding:40px 20px 44px}
.band-warm{background:radial-gradient(circle at 8% 15%,#ffe0e6 0 90px,transparent 91px),radial-gradient(circle at 92% 85%,#fff1c2 0 120px,transparent 121px),#fff8ec}
.band-cool{background:radial-gradient(circle at 90% 12%,#e3ebff 0 100px,transparent 101px),radial-gradient(circle at 6% 88%,#dcf7ea 0 90px,transparent 91px),#f6f9ff}
.band-inner{max-width:980px;margin:0 auto}
.deco-title{text-align:center;margin-bottom:26px}
.deco-title h2{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;line-height:1.2}
.dt-small{position:relative;font-size:20px;font-weight:900;color:var(--ink);padding:0 30px}
.dt-small:before,.dt-small:after{content:'';position:absolute;top:50%;width:22px;height:2px;background:var(--ink)}
.dt-small:before{left:0;transform:rotate(20deg)}.dt-small:after{right:0;transform:rotate(-20deg)}
.dt-row{display:flex;align-items:center;gap:8px}
.dt-tiles{display:flex;gap:6px}
.dt-tiles span{display:grid;place-items:center;width:58px;height:62px;background:#e2384a;color:#fff;font-size:38px;font-weight:900;clip-path:polygon(0 0,100% 0,100% 88%,50% 100%,0 88%);padding-bottom:4px}
.dt-tiles span:nth-child(even){background:#ff5a6e}
.dt-big{font-size:44px;font-weight:900;color:var(--ink)}
.dt-sub{margin-top:10px;font-size:14.5px;font-weight:700;color:var(--muted)}
.band-cool .dt-tiles span{background:#2f6bff}.band-cool .dt-tiles span:nth-child(even){background:#4a80ff}
.route{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.rt-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border-radius:24px;padding:18px 16px 22px;box-shadow:0 14px 30px #3b345214}
.rt-step+.rt-step:before{content:'';position:absolute;left:-27px;top:40%;width:18px;height:18px;border-top:4px solid #e2384a;border-right:4px solid #e2384a;transform:rotate(45deg);border-radius:2px}
.rt-step figure{margin:0;width:100%;aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:#fff}
.rt-step figure img{width:100%;height:100%;object-fit:cover;display:block}
.rt-no{position:absolute;top:10px;left:10px;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#1d1b2e;color:#ffd23f;font-family:Arial,var(--font-body);font-size:26px;font-weight:900;line-height:.9;box-shadow:0 6px 14px #1d1b2e40}
.rt-no small{display:block;font-size:10px;letter-spacing:.12em;color:#fff}
.rt-step b{margin-top:12px;font-family:var(--font-display);font-size:19px;font-weight:900}
.rt-desc{margin-top:6px;font-size:13.5px;color:var(--muted);line-height:1.75}
.route-goal{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;margin-top:26px;padding:18px 22px;border-radius:20px;background:linear-gradient(120deg,#e2384a,#ff6b5a);color:#fff;box-shadow:0 12px 26px #e2384a40}
.route-goal:before{content:'';position:absolute;left:50%;top:-12px;transform:translateX(-50%);border:12px solid transparent;border-top:0;border-bottom-color:#e2384a}
.rg-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#ffd23f;color:#1d1b2e;flex-shrink:0}
.rg-icon .ic{width:28px;height:28px;stroke-width:2.4}
.route-goal p{font-family:var(--font-display);font-size:21px;font-weight:900;line-height:1.5}
.route-goal b{color:#ffe45c}
.route-goal small{display:block;font-family:var(--font-body);font-size:11.5px;font-weight:600;opacity:.9}
.tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.tip{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:start;padding:20px;border-radius:24px;background:#fff;box-shadow:0 14px 30px #3b345214}
.tip figure{margin:0;aspect-ratio:1/1;border-radius:18px;overflow:hidden}
.tip figure img{width:100%;height:100%;object-fit:cover;display:block}
.tip-no{display:inline-block;padding:1px 12px;border-radius:999px;background:#2f6bff;color:#fff;font-size:12px;font-weight:900;letter-spacing:.06em}
.tip h3{margin:6px 0 8px;font-family:var(--font-display);font-size:19px;font-weight:900;line-height:1.45}
.tip p{font-size:14px;line-height:1.85}
.tip mark{background:linear-gradient(transparent 60%,#ffe45c 60%);font-weight:800}
.tip-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tip-list li{position:relative;padding-left:26px;font-size:14px;font-weight:700;line-height:1.6}
.tip-list li:before{content:'';position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:#2f6bff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' stroke='white' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
@media (max-width:760px){
  .band{margin:18px 0;padding:30px 14px 32px}
  .dt-small{font-size:15px;padding:0 24px}.dt-small:before,.dt-small:after{width:18px}
  .dt-tiles span{width:44px;height:48px;font-size:28px}
  .dt-big{font-size:31px}
  .dt-sub{font-size:13px}
  .route{grid-template-columns:1fr;gap:30px}
  .rt-step{display:grid;grid-template-columns:118px 1fr;grid-template-areas:"fig title" "fig desc";text-align:left;align-items:center;gap:0 14px;padding:14px}
  .rt-step figure{grid-area:fig}
  .rt-step b{grid-area:title;margin:0;align-self:end;font-size:17px}
  .rt-desc{grid-area:desc;align-self:start;font-size:13px}
  .rt-step+.rt-step:before{left:50%;top:-23px;transform:translateX(-50%) rotate(135deg)}
  .rt-no{width:44px;height:44px;font-size:20px;top:6px;left:6px}.rt-no small{font-size:8px}
  .route-goal{padding:14px 14px;gap:10px}.route-goal p{font-size:16px}.rg-icon{width:40px;height:40px}
  .tips{grid-template-columns:1fr;gap:14px}
  .tip{grid-template-columns:96px 1fr;padding:14px;gap:12px}
  .tip h3{font-size:16px}
}
.rt-sw{width:34px;height:34px;color:#e2384a;stroke-width:2.2}
.rt-tiles.is-red span{background:linear-gradient(180deg,#ff5a6e,#e2384a);text-shadow:0 2px 0 #a51f33}

/* ==== v15：見出しのバリエーションと余白の圧縮 ==== */
.deco-title.is-label{margin-bottom:18px}
.tl-ribbon{display:inline-flex;align-items:center;gap:6px;padding:4px 16px 4px 14px;border-radius:999px;background:#1d1b2e;color:#ffd23f;font-size:13px;font-weight:900;letter-spacing:.06em}
.tl-ribbon:before{content:'';width:8px;height:8px;border-radius:50%;background:#ffd23f}
.deco-title.is-label h2{display:block;margin-top:10px;font-family:var(--font-display);font-size:26px;font-weight:900;color:var(--ink);line-height:1.35}
.deco-title.is-label h2 em{display:block;font-style:normal;font-size:44px;color:#e2384a;background:linear-gradient(transparent 64%,#ffe45c 64%,#ffe45c 92%,transparent 92%);width:fit-content;margin:2px auto 0;padding:0 6px}
.deco-title.is-count{margin-bottom:18px}
.deco-title.is-count h2{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px}
.tc-pre{flex-basis:100%;font-size:17px;font-weight:800;color:var(--muted)}
.tc-num{position:relative;display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:#2f6bff;box-shadow:0 0 0 5px #fff,0 0 0 8px #2f6bff;transform:rotate(-8deg)}
.tc-num b{font-family:Arial,var(--font-body);font-size:52px;font-weight:900;color:#fff;line-height:1;transform:rotate(8deg)}
.tc-post{font-family:var(--font-display);font-size:40px;font-weight:900;color:var(--ink)}
/* 余白を詰めてスクロール量を減らす */
.band{margin:0;padding:28px 20px 30px}
.guide.is-rich{padding:26px 0 12px}
.guide.is-rich>.chara-talk{margin-bottom:18px}
.guide.is-rich>.chara-talk:last-child{margin-top:18px}
.route{gap:22px}
.rt-step{padding:14px 12px 16px}
.rt-step b{margin-top:8px}
.rt-desc{margin-top:4px;line-height:1.65}
.route-goal{margin-top:18px;padding:14px 18px}
.tips{gap:14px}
.tip{padding:16px;gap:14px}
.tip h3{margin:4px 0 6px}
.tip p,.tip-list li{line-height:1.7}
@media (max-width:760px){
  .band{padding:22px 12px 24px}
  .deco-title.is-label h2{font-size:18px}
  .deco-title.is-label h2 em{font-size:32px}
  .tc-num{width:60px;height:60px;box-shadow:0 0 0 4px #fff,0 0 0 6px #2f6bff}.tc-num b{font-size:40px}
  .tc-pre{font-size:14px}.tc-post{font-size:30px}
  .route{gap:16px}
  .rt-step{grid-template-columns:96px 1fr;padding:10px 12px;gap:0 12px}
  .rt-step+.rt-step:before{top:-15px;width:12px;height:12px;border-width:3px}
  .rt-step b{font-size:16px}
  .rt-desc{font-size:12.5px;line-height:1.6}
  .rt-no{width:36px;height:36px;font-size:16px;top:4px;left:4px}.rt-no small{font-size:7px}
  .route-goal{margin-top:14px;padding:12px}
  .tips{gap:10px}
  .tip{grid-template-columns:84px 1fr;padding:12px;gap:10px}
  .tip h3{font-size:15px;margin:2px 0 4px}
  .tip p,.tip-list li{font-size:13px}
  .tip-list{gap:3px}
  .guide.is-rich{padding:20px 0 8px}
  .guide.is-rich>.chara-talk{margin-bottom:14px}
}
/* 最速：斜めのスピード感のあるバッジ（タイル型と別パターン） */
.rt-speed{position:relative;display:inline-block;padding:4px 18px 6px 22px;background:#e2384a;transform:skewX(-14deg);box-shadow:6px 6px 0 #1d1b2e}
.rt-speed span{display:inline-block;transform:skewX(14deg);color:#fff;font-size:40px;font-weight:900;font-style:italic;letter-spacing:.04em}
.rt-speed:before{content:'';position:absolute;left:-30px;top:50%;width:22px;height:14px;transform:translateY(-50%);background:repeating-linear-gradient(180deg,#e2384a 0 3px,transparent 3px 6px)}
@media (max-width:760px){.rt-speed span{font-size:28px}.rt-speed{padding:2px 12px 4px 16px;box-shadow:4px 4px 0 #1d1b2e}.rt-speed:before{left:-20px;width:14px}}
/* 更新日：小さく右下に目立たないように */
.section-title{position:relative}
.section-title .updated{position:absolute;right:0;bottom:-18px;margin:0;padding:0;background:none;border-radius:0;font-size:10.5px;font-weight:500;color:#9a95ab}
.deco-title.is-label h2{margin-top:0}
@media (max-width:760px){.route-goal p{font-size:14.5px;letter-spacing:-.02em}}
@media (max-width:360px){.route-goal p{font-size:13px}}
/* TOPのランキング見出し：月桂樹で囲む表彰スタイル（タイル型・斜め札型と別パターン） */
.rank-title.is-laurel h2{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0}
.rl-top{font-size:13px;font-weight:900;letter-spacing:.3em;color:#b77f00;padding:0 14px;border-top:2px solid #f5b301;border-bottom:2px solid #f5b301}
.rl-wrap{display:flex;align-items:center;gap:6px}
.rl-laurel{width:46px;height:104px;flex-shrink:0}
.rl-laurel.is-right{transform:scaleX(-1)}
.rl-center{display:flex;flex-direction:column;align-items:center;line-height:1.15}
.rl-small{font-size:17px;font-weight:900;color:var(--ink)}
.rl-main{font-family:var(--font-display);font-size:40px;font-weight:900;color:var(--ink);white-space:nowrap}
.rl-main em{font-style:normal;background:linear-gradient(180deg,#ffc933,#e59a00);-webkit-background-clip:text;background-clip:text;color:transparent;margin-right:2px}
.rl-num{font-size:24px;font-weight:900;color:var(--ink)}
.rl-num b{font-family:Arial,var(--font-body);font-size:44px;color:#e2384a;margin-right:2px}
@media (max-width:760px){.rl-laurel{width:30px;height:80px}.rl-main{font-size:26px}.rl-small{font-size:14px}.rl-num{font-size:18px}.rl-num b{font-size:32px}.rl-top{font-size:11px}}
@media (max-width:360px){.rl-main{font-size:23px}.rl-laurel{width:24px}}
.rl-main{display:flex;align-items:baseline}
.rl-num{margin-left:4px}
.rl-laurel{height:96px}
@media (max-width:760px){.rl-main{font-size:24px}.rl-num{font-size:17px}.rl-num b{font-size:30px}.rl-laurel{width:28px;height:74px}.rl-wrap{gap:2px}}
@media (max-width:360px){.rl-main{font-size:21px}.rl-num b{font-size:26px}.rl-laurel{width:22px}}

/* ==== FV：最短時刻を大きな文字で（ボタンと形を分ける）・今月の最新スタンプ ==== */
.hero-content{position:relative}
.fv-eta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px;margin:18px 0 14px;padding:0;background:none;box-shadow:none;font-weight:900;color:var(--ink);line-height:1.2}
.fv-eta-label{align-self:center;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e2384a;color:#fff;font-size:14px;letter-spacing:.04em;transform:rotate(-10deg);box-shadow:0 3px 0 #a51f33}
.fv-eta-day{font-size:18px;margin-left:4px}
.fv-eta-time{font-family:Arial,var(--font-display);font-size:46px;color:#e2384a;letter-spacing:.01em;background:linear-gradient(transparent 64%,#ffe45c 64%,#ffe45c 94%,transparent 94%);padding:0 4px;text-shadow:2px 2px 0 #fff}
.fv-eta-tail{font-size:20px;text-shadow:0 0 6px #fff,0 0 10px #fff}
.fv-stamp{position:absolute;top:18px;right:-120px;display:grid;place-items:center;align-content:center;width:104px;height:104px;border-radius:50%;background:#e2384a;color:#fff;text-align:center;line-height:1.1;box-shadow:0 0 0 4px #fff,0 0 0 7px #e2384a,0 8px 18px #e2384a55;transform:rotate(12deg);z-index:2}
.fv-stamp-y{font-size:12px;font-weight:800;opacity:.95}
.fv-stamp b{font-family:Arial,var(--font-display);font-size:30px;font-weight:900}
.fv-stamp-new{margin-top:2px;padding:1px 10px;border-radius:999px;background:#ffd23f;color:#1d1b2e;font-size:13px;font-weight:900}
@media (max-width:760px){
  .fv-eta{margin:12px 0 10px;gap:2px 4px}
  .fv-eta-label{width:36px;height:36px;font-size:12px}
  .fv-eta-day{font-size:15px}
  .fv-eta-time{font-size:36px}
  .fv-eta-tail{font-size:16px}
  .fv-stamp{top:10px;right:10px;width:72px;height:72px;box-shadow:0 0 0 3px #fff,0 0 0 5px #e2384a,0 6px 12px #e2384a55}
  .fv-stamp-y{font-size:9px}.fv-stamp b{font-size:20px}.fv-stamp-new{font-size:10px;padding:0 7px}
}
@media (max-width:760px){
  .fv-eta{width:fit-content;padding:6px 12px 6px 8px;border-left:5px solid #e2384a;border-radius:0 6px 6px 0;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
}
.fv-eta{flex-wrap:nowrap;white-space:nowrap}
@media (max-width:370px){.fv-eta-time{font-size:30px}.fv-eta-tail{font-size:14px}.fv-eta-day{font-size:13px}.fv-eta-label{width:32px;height:32px;font-size:11px}.fv-eta{padding:5px 8px 5px 6px}}

/* ==== FV調整：最新ラベル・借入時刻カード・控えめなボタン ==== */
.hero .eyebrow.fv-latest{display:inline-flex;align-items:center;gap:1px;background:#e2384a;color:#fff;border:0;box-shadow:0 3px 0 #a51f33;font-size:13px;letter-spacing:.04em}
.hero .eyebrow.fv-latest [data-this-month]{margin-right:6px}
.fv-eta{display:flex;align-items:center;gap:10px;width:fit-content;margin:18px 0 14px;padding:8px 16px 8px 10px;border:0;border-left:0;border-radius:12px;background:#fff7d6;box-shadow:inset 0 0 0 1.5px #ffd23f;white-space:nowrap;-webkit-backdrop-filter:none;backdrop-filter:none}
.fv-eta-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#e2384a;flex-shrink:0;box-shadow:0 0 0 1.5px #ffd23f}
.fv-eta-icon svg{width:20px;height:20px}
.fv-eta-text{display:flex;flex-direction:column;line-height:1.3}
.fv-eta-text small{font-size:11px;font-weight:800;color:var(--muted)}
.fv-eta-text>span{font-size:13px;font-weight:800;color:var(--ink);text-shadow:none}
.fv-eta-day{font-size:13px;margin:0 3px 0 0;color:var(--ink)}
.fv-eta-time{font-family:Arial,var(--font-body);font-size:22px;color:#e2384a;background:linear-gradient(transparent 62%,#ffe45c 62%,#ffe45c 92%,transparent 92%);padding:0 2px;margin-right:2px;text-shadow:none;letter-spacing:0}
.fv-eta-label,.fv-eta-tail{display:none}
/* 「特徴をチェック」：控えめな枠線のボタン（押せることは矢印と枠で示す） */
.hero-link{background:#fff;color:#2f6bff;box-shadow:inset 0 0 0 1.5px #2f6bff;padding:9px 16px 9px 18px;font-size:14px;gap:10px}
.hero-link span{background:#2f6bff;color:#fff;width:22px;height:22px;font-size:12px}
.hero-link:hover{background:#eef3ff}
@media (max-width:760px){
  .fv-eta{margin:12px 0 10px;padding:6px 12px 6px 8px;border-left:0;border-radius:12px;background:#fff7d6f0}
  .fv-eta-time{font-size:20px}
  .fv-eta-icon{width:30px;height:30px}.fv-eta-icon svg{width:18px;height:18px}
  .hero-link{font-size:13px;padding:8px 14px 8px 16px}
}
@media (max-width:370px){.fv-eta-time{font-size:18px}.fv-eta-text>span,.fv-eta-day{font-size:12px}}
/* 最新ラベル：元の黄色の札に戻す */
.hero .eyebrow.fv-latest{background:#ffd23f;color:#1d1b2e;box-shadow:var(--shadow-sm)}
/* 特徴を見るボタン：全体のトーン（濃紺の文字・黄色のアクセント）に合わせる */
.hero-link{background:#ffffffe6;color:var(--ink);box-shadow:inset 0 0 0 1.5px #3b345240}
.hero-link span{background:#ffd23f;color:#1d1b2e}
.hero-link:hover{background:#fff7d6}
.fv-eta-day{margin:0 3px 0 4px}
.fv-eta-day{margin:0 3px 0 0}
/* 画面下の固定ボタンを廃止したので、その分の余白を戻す */
@media (max-width:760px){.compare-section{padding-bottom:36px}footer>div{padding-bottom:26px}}
.route-goal .rg-big{font-family:Arial,var(--font-display);font-size:1.7em;line-height:1;margin:0 2px;vertical-align:-2px}
/* ゴールの帯：スマホは画面幅に合わせて文字を縮め、必ず1行に */
@media (max-width:760px){
  .route-goal{gap:8px;padding:12px 10px}
  .route-goal p{white-space:nowrap;font-size:clamp(10.5px,3.55vw,15px);letter-spacing:-.03em}
  .route-goal .rg-big{font-size:1.5em;margin:0 1px}
  .rg-icon{width:34px;height:34px}.rg-icon .ic{width:20px;height:20px}
}

/* ==== v16：残り4特集のランキング見出し（特集ごとに別の型）と並列ポイント ==== */
.route.is-flat .rt-step+.rt-step:before{display:none}
.rt-no.is-pt{background:#8b5cf6;color:#fff}
.rt-no.is-pt small{font-size:8px;letter-spacing:.06em}
.rank-title[class*="rk-"] h2{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;line-height:1.2}
.rk-ribbon{display:inline-block;padding:3px 16px;border-radius:999px;font-size:12.5px;font-weight:900;letter-spacing:.08em}
.rk-small{font-size:18px;font-weight:900;color:var(--ink)}
.rk-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.rk-word{display:inline-grid;place-items:center;font-weight:900;white-space:nowrap}
/* 初めて：若葉マーク＋緑のリボン、丸い「初心者向け」ワッペン */
.rk-first .rk-ribbon{background:#12a86a;color:#fff}
.rk-mark svg{width:28px;height:36px;display:block}
.rk-first .rk-word{padding:6px 16px;border-radius:999px;background:#e0f7ec;color:#0f7f50;font-size:28px;box-shadow:inset 0 0 0 3px #12a86a}
/* バレずに：鍵アイコン＋紫の封緘スタンプ型 */
.rk-hidden .rk-ribbon{background:#1d1b2e;color:#e3d6ff}
.rk-lock{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#efe6ff;color:#8b5cf6}
.rk-lock .ic{width:24px;height:24px}
.rk-hidden .rk-word{width:auto;padding:6px 14px;border:3px dashed #8b5cf6;border-radius:10px;color:#8b5cf6;font-size:30px;transform:rotate(-6deg);background:#fff}
/* 免許証：カード型の枠（顔アイコン付き） */
.rk-license .rk-ribbon{background:#2f6bff;color:#fff}
.rk-license .rk-word{position:relative;padding:8px 16px 8px 52px;border-radius:12px;background:linear-gradient(180deg,#e8efff,#fff);box-shadow:0 0 0 2px #2f6bff,0 6px 0 #c9d8ff;color:#1f47c4;font-size:26px}
.rk-license .rk-word:before{content:'';position:absolute;left:12px;top:50%;width:28px;height:32px;transform:translateY(-50%);border-radius:6px;background:#2f6bff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 32'%3E%3Ccircle cx='14' cy='12' r='5' fill='white'/%3E%3Cpath d='M5 28c1-6 5-8 9-8s8 2 9 8' fill='white'/%3E%3C/svg%3E") center/contain no-repeat}
/* コンビニ：店の日よけ（ストライプ）型 */
.rk-cvs .rk-ribbon{background:#e09a00;color:#fff}
.rk-cvs .rk-cvs{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff4cc;color:#e09a00}
.rk-cvs .rk-cvs .ic{width:24px;height:24px}
.rk-cvs .rk-word{position:relative;padding:14px 18px 6px;border-radius:0 0 12px 12px;background:#fff;box-shadow:0 0 0 2px #e09a00;color:#b36b00;font-size:26px}
.rk-cvs .rk-word:before{content:'';position:absolute;left:-2px;right:-2px;top:-10px;height:16px;border-radius:8px 8px 0 0;background:repeating-linear-gradient(90deg,#e09a00 0 14px,#fff 14px 28px);box-shadow:0 0 0 2px #e09a00}
@media (max-width:760px){
  .rk-small{font-size:14px}.rk-ribbon{font-size:11px;padding:2px 12px}
  .rk-row{gap:6px}
  .rk-first .rk-word{font-size:20px;padding:4px 12px}
  .rk-hidden .rk-word{font-size:22px;padding:3px 10px}
  .rk-license .rk-word{font-size:19px;padding:6px 12px 6px 40px}.rk-license .rk-word:before{left:9px;width:22px;height:26px}
  .rk-cvs .rk-word{font-size:19px;padding:12px 12px 4px}
  .rank-title[class*="rk-"] .rt-big{font-size:28px}.rank-title[class*="rk-"] .rt-num{font-size:38px}
}
@media (max-width:360px){.rank-title[class*="rk-"] .rt-big{font-size:25px}}

/* ==== 人気の特集から探す：タイトルのみ・スマホ2列 ==== */
.feature-card{padding:12px 14px}
.feature-text b{font-size:15px}
@media (max-width:760px){
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .feature-card{gap:8px;padding:10px}
  .feature-icon{width:36px;height:36px;font-size:18px;border-radius:12px}
  .feature-text b{font-size:13px;line-height:1.35}
  .feature-arrow{width:20px;height:20px;font-size:11px}
  .feature-now{display:block;width:fit-content;margin:3px 0 0}
}
/* ==== 案件カードの口コミ：行間を詰める ==== */
.reviews-head{padding:10px 16px 2px}
.review-content{padding:0 16px}
.review-list li{padding:8px 0;gap:10px}
.review-list p{padding:8px 12px;line-height:1.6;font-size:13.5px}
.review-avatar{width:36px;height:36px}.review-avatar svg{width:26px;height:26px}
.review-more-toggle{min-height:42px}
@media (max-width:760px){.review-list li{padding:6px 0}.review-list p{font-size:13px;padding:7px 10px}}
.feature-icon{color:var(--fc)}
.feature-icon .ic{width:24px;height:24px}
@media (max-width:760px){.feature-icon .ic{width:20px;height:20px}.feature-links .feature-arrow{display:none}.feature-card{padding:10px 12px}}
@media (max-width:760px){.feature-links .feature-card{padding:10px 8px;gap:6px}.feature-links .feature-icon{width:30px;height:30px;border-radius:10px}.feature-links .feature-text b{font-size:12.5px;letter-spacing:-.03em;white-space:nowrap}}
@media (max-width:370px){.feature-links .feature-text b{font-size:11.5px}}

/* ==== v18：案件カード（ポイント＝吹き出し／スペック＝淡い枠のタイル／特徴＝チェックリスト） ==== */
/* おすすめポイント：黄色の吹き出し */
.product-info .points.pt-bubble{margin-top:16px;padding:22px 14px 8px;border-radius:12px;background:#fff7d6;box-shadow:inset 0 0 0 1.5px #ffd23f}
.points.pt-bubble>.points-label{left:12px;transform:translateY(-50%);min-width:0;padding:2px 14px;border-radius:999px;background:#ffd23f;color:#1d1b2e;font-size:12.5px;text-align:left}
.points.pt-bubble>.points-label:after{display:none}
.product-info .points.pt-bubble li{margin:5px 0}
/* スペック：淡い枠の中に白いタイル */
.spec-block{grid-column:1/-1;padding:8px;border-radius:12px;background:#f8f6fc}
.spec-block .specs{grid-column:auto;gap:6px}
.spec-block .specs>div{background:#fff}
/* 特徴：緑のチェックと点線のリスト（2列） */
.features.feat-check{list-style:none;margin:0;padding:0 4px;display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.feat-check li{display:flex;align-items:center;gap:6px;padding:6px 0;border-bottom:1px dashed #e7e2ef;font-size:13px;font-weight:800;color:var(--ink);background:none;border-radius:0}
.feat-check .ic{width:17px;height:17px;color:#12a86a;stroke-width:2.6;flex-shrink:0}
@media (min-width:1001px){.features.feat-check{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){
  .spec-block{padding:6px}
  .features.feat-check{grid-column:1/-1;gap:0 10px;padding:0 2px}
  .feat-check li{font-size:12px;padding:5px 0;letter-spacing:-.02em}
  .feat-check .ic{width:15px;height:15px}
}
.features.feat-check{grid-column:1/-1}
.feat-check li{white-space:nowrap}
@media (max-width:370px){.feat-check li{font-size:11px;letter-spacing:-.04em}.features.feat-check{gap:0 6px}.feat-check .ic{width:14px;height:14px}}
/* 特徴：該当しない項目は灰色 */
.feat-check li.is-off{color:#b9b5c4;text-decoration:line-through;text-decoration-color:#d6d2de}
.feat-check .ic-off{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#eceaf1;color:#b9b5c4;font-size:11px;font-weight:900;flex-shrink:0;text-decoration:none}
@media (max-width:760px){.feat-check .ic-off{width:15px;height:15px;font-size:10px}}

/* ==== 解説記事（はじめての方向けガイド） ==== */
.ar-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:400px;background:#fefbef}
.ar-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-2}
.ar-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fefbef 0,#fefbefe6 40%,transparent 60%)}
.ar-hero-body{padding:40px 48px;max-width:620px}
.ar-hero-pre{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:18px;font-weight:900;color:#0f7f50}
.ar-leaf svg{width:20px;height:26px;display:block}
.ar-hero-title{margin:6px 0 0;font-family:var(--font-display);font-weight:900;line-height:1.25}
.ar-hero-q{display:block;font-size:46px;color:var(--ink);letter-spacing:-.01em}
.ar-hero-main{display:block;margin-top:6px;font-size:30px;color:var(--ink)}
.ar-hero-main em{font-style:normal;color:#fff;background:#12a86a;padding:0 10px;margin-left:6px;border-radius:6px;box-shadow:4px 4px 0 #ffd23f}
.ar-worries{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ar-worries li{position:relative;padding:6px 14px;border-radius:999px;background:#fff;box-shadow:0 0 0 2px #1d1b2e;font-size:14px;font-weight:900}
.ar-worries li:after{content:'';position:absolute;left:18px;bottom:-7px;width:10px;height:10px;background:#fff;border-right:2px solid #1d1b2e;border-bottom:2px solid #1d1b2e;transform:rotate(45deg)}
/* 導入 */
.ar-intro{max-width:1120px;margin:0 auto;padding:34px 20px 20px;background:var(--surface)}
.ar-intro-box{position:relative;max-width:720px;margin:0 auto 22px;padding:28px 24px 18px;border-radius:18px;box-shadow:inset 0 0 0 2.5px #f39c12;background:#fff}
.ar-intro-label{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:2px 18px;border-radius:999px;background:#f39c12;color:#fff;font-size:13px;font-weight:900}
.ar-intro-title{text-align:center;font-family:var(--font-display);font-size:24px;font-weight:900;margin-bottom:12px}
.ar-intro-list{list-style:none;margin:10px 0;padding:14px 16px;border-radius:12px;background:#fff7d6;display:grid;gap:6px}
.ar-intro-list li{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px}
.ar-intro-list .ic{width:18px;height:18px;color:#f39c12;stroke-width:2.6}
.ar-intro .ar-talk{max-width:720px;margin:0 auto 20px}
/* CTA帯 */
.ar-cta{max-width:720px;margin:0 auto 26px;text-align:center}
.ar-cta-lead{font-size:14px;font-weight:900;color:#d6334c;margin-bottom:6px}
.ar-cta-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;border-radius:14px;background:linear-gradient(120deg,#e2384a,#ff6b5a);color:#fff;font-size:18px;font-weight:900;box-shadow:0 5px 0 #a51f33}
.ar-cta-btn span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffd23f;color:#1d1b2e}.ar-cta-btn .ic{width:18px;height:18px}
/* 目次 */
.ar-toc{max-width:720px;margin:0 auto;padding:18px 22px;border-radius:16px;background:#f8f6fc;box-shadow:inset 0 0 0 1.5px #e3dcf3}
.ar-toc-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:900;margin-bottom:8px}.ar-toc-title .ic{width:22px;height:22px;color:#12a86a}
.ar-toc ol{margin:0;padding-left:1.4em;display:grid;gap:4px;font-size:14px;font-weight:800}
.ar-toc ol ol{list-style:disc;padding-left:1.2em;margin:4px 0 6px;font-weight:600;color:var(--muted)}
.ar-toc a{color:#1f47c4;text-decoration:underline;text-underline-offset:3px}
/* 本文 */
.ar-body{max-width:1120px;margin:0 auto;padding:10px 20px 20px;background:var(--surface)}
.ar-body>*{max-width:760px;margin-left:auto;margin-right:auto}
.ar-h2{max-width:none!important;margin:40px -20px 22px!important;padding:16px 20px;background:linear-gradient(120deg,#12a86a,#0f8a57);color:#fff;text-align:center;font-family:var(--font-display);font-size:26px;font-weight:900;scroll-margin-top:10px}
.ar-h2 small{display:block;font-size:13px;opacity:.9}
.ar-h3{margin-top:32px!important;margin-bottom:14px!important;padding:8px 14px;border-left:6px solid #12a86a;border-bottom:2px solid #e0f0e8;font-size:20px;font-weight:900;line-height:1.45;scroll-margin-top:10px}
.ar-p{font-size:15px;line-height:1.95;margin:10px auto}
.ar-p mark{background:linear-gradient(transparent 60%,#ffe45c 60%);font-weight:800}
.ar-p strong{color:#e2384a}
.ar-note{font-size:12px;color:var(--muted);line-height:1.7;margin:6px auto 0}
/* 会話 */
.ar-talk{display:flex;gap:12px;align-items:flex-start;margin:14px auto}
.ar-talk-icon{width:60px;height:60px;border-radius:50%;flex-shrink:0;box-shadow:0 3px 8px #3b34521f}
.ar-talk-bubble{position:relative;flex:1;padding:12px 16px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 2px #12a86a}
.ar-talk-bubble:before{content:'';position:absolute;left:-9px;top:20px;width:14px;height:14px;background:#fff;border-left:2px solid #12a86a;border-bottom:2px solid #12a86a;transform:rotate(45deg)}
.ar-talk-bubble p{font-size:14.5px;font-weight:700;line-height:1.8}
.ar-talk-bubble b{color:#e2384a}
.ar-talk.is-q{flex-direction:row-reverse}
.ar-talk.is-q .ar-talk-bubble{background:#fff7d6;box-shadow:inset 0 0 0 2px #f3c23b}
.ar-talk.is-q .ar-talk-bubble:before{left:auto;right:-9px;background:#fff7d6;border:0;border-right:2px solid #f3c23b;border-top:2px solid #f3c23b}
.ar-talk.is-q b{color:#b36b00}
/* 黒板 */
.ar-board{margin:20px auto;padding:18px 20px 16px;border-radius:12px;background:#1f6b4f;box-shadow:inset 0 0 0 6px #8a5a2b,inset 0 0 0 8px #6b4420,0 8px 18px #0002;color:#fff}
.ar-board-title{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-size:21px;font-weight:900;color:#ffe45c;text-align:center;margin-bottom:12px}
.ar-board-title .ic{width:24px;height:24px;flex-shrink:0}
.ar-uses{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ar-uses li{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;background:#ffffff1f;font-weight:800;font-size:14px}
.ar-uses .ic{width:18px;height:18px;color:#ffe45c}
.ar-board-foot{text-align:right;font-size:12px;margin-top:6px;opacity:.85}
.ar-board-cal,.ar-free{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:800;font-size:14px;line-height:1.7}
.ar-board-cal .ic{width:40px;height:40px;color:#ffe45c;flex-shrink:0}
.ar-free-num{font-family:Arial,var(--font-display);font-size:48px;font-weight:900;color:#ffe45c;line-height:1;flex-shrink:0}.ar-free-num small{font-size:16px;margin-left:2px}
/* 対比 */
.ar-vs2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px auto}
.ar-vs-card{border-radius:14px;overflow:hidden;background:#f4f3f6;font-size:13.5px;line-height:1.7;text-align:center}
.ar-vs-card p:not(.ar-vs-name){padding:10px 12px}
.ar-vs-name{padding:8px;background:#8d8a97;color:#fff;font-weight:900}
.ar-vs-card.is-main{background:#fff4e0}.ar-vs-card.is-main .ar-vs-name{background:#f39c12}
.ar-vs-card b{color:#e2384a}
.ar-vs-table{margin:10px auto;overflow-x:auto}
.ar-vs-table table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px;text-align:center}
.ar-vs-table th,.ar-vs-table td{padding:12px 8px;border-bottom:1px solid #eee}
.ar-vs-table thead th{font-weight:900;background:#f4f3f6}
.ar-vs-table thead th.is-main{background:#f39c12;color:#fff;border-radius:12px 12px 0 0}
.ar-vs-table tbody th{background:#f8f7fa;font-weight:800;width:24%}
.ar-vs-table td.is-main{background:#fff4e0;box-shadow:inset 3px 0 #f39c12,inset -3px 0 #f39c12;font-weight:700}
.ar-vs-table tbody tr:last-child td.is-main{box-shadow:inset 3px 0 #f39c12,inset -3px 0 #f39c12,inset 0 -3px #f39c12}
.ar-vs-table td.is-main b{color:#e2384a}
/* まとめると */
.ar-summary{position:relative;margin:22px auto;padding:26px 18px 14px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 2.5px #f39c12}
.ar-summary-title{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:3px 20px;border-radius:999px;background:#f39c12;color:#fff;font-weight:900;font-size:14px;white-space:nowrap}
.ar-summary ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ar-summary li{display:flex;gap:10px;align-items:flex-start}
.ar-summary .ic{width:22px;height:22px;color:#f39c12;stroke-width:2.6;flex-shrink:0;margin-top:2px}
.ar-summary b{display:block;font-size:15px;color:#e8380d}.ar-summary small{display:block;font-size:12.5px;color:var(--muted)}
/* 返済 */
.ar-repay{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px auto}
.ar-repay>div{padding:14px;border-radius:14px;background:#e8f7ef;font-size:13.5px;line-height:1.7}
.ar-repay>div+div{background:#fff0f3}
.ar-repay-t{font-weight:900;font-size:15px;margin-bottom:4px}
.ar-repay b{color:#e2384a}
.ar-methods{list-style:none;margin:12px auto;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ar-methods li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:14px 8px;border-radius:14px;background:#f8f6fc}
.ar-methods span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#12a86a}.ar-methods .ic{width:24px;height:24px}
.ar-methods b{font-size:14px}.ar-methods small{font-size:11.5px;color:var(--muted);line-height:1.5}
/* ポイント */
.ar-points{list-style:none;margin:14px auto;padding:0;display:grid;gap:12px}
.ar-points li{position:relative;padding:22px 16px 14px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 2px #e0f0e8}
.ar-pt-no{position:absolute;top:-11px;left:14px;padding:2px 12px;border-radius:999px;background:#12a86a;color:#fff;font-size:12px;font-weight:900}
.ar-pt-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.ar-pt-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e0f7ec;color:#12a86a;flex-shrink:0}.ar-pt-ic .ic{width:22px;height:22px}
.ar-pt-head b{font-size:16px;font-weight:900}
.ar-points p{font-size:14px;line-height:1.8}
/* 流れ */
.ar-flow{list-style:none;margin:16px auto;padding:0;display:grid;gap:18px;counter-reset:f}
.ar-flow li{position:relative;display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;padding:12px;border-radius:16px;background:#fff;box-shadow:0 6px 16px #3b345214}
.ar-flow li+li:before{content:'';position:absolute;left:50%;top:-15px;width:12px;height:12px;border-right:3px solid #12a86a;border-bottom:3px solid #12a86a;transform:translateX(-50%) rotate(45deg)}
.ar-flow figure{margin:0;border-radius:12px;overflow:hidden}.ar-flow img{width:100%;height:auto;display:block}
.ar-flow-no{display:inline-block;padding:1px 10px;border-radius:999px;background:#1d1b2e;color:#ffd23f;font-size:11px;font-weight:900;letter-spacing:.06em}
.ar-flow b{display:block;font-size:17px;margin:4px 0}.ar-flow p{font-size:13.5px;line-height:1.7;color:var(--muted)}
.ar-settings{margin:14px auto;padding:14px 16px;border-radius:14px;background:#e8efff}
.ar-settings-title{font-weight:900;color:#1f47c4;margin-bottom:6px}
.ar-settings ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ar-settings li{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;background:#fff;font-size:14px}.ar-settings .ic{width:22px;height:22px;color:#2f6bff}
.ar-caution{margin:14px auto;padding:14px 16px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 2px #ffb3c1}
.ar-caution-title{font-weight:900;color:#e2384a;margin-bottom:6px}
.ar-caution ul{margin:0;padding-left:1.3em;font-size:14px;line-height:1.8;font-weight:700}
/* FAQ */
.ar-faq{display:grid;gap:10px;margin:0 auto}
.ar-faq details{border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1.5px #e3dcf3;overflow:hidden}
.ar-faq summary{display:flex;align-items:center;gap:10px;padding:14px 16px;font-weight:900;font-size:15px;cursor:pointer;list-style:none}
.ar-faq summary::-webkit-details-marker{display:none}
.ar-faq summary:after{content:'＋';margin-left:auto;color:#12a86a;font-weight:900}
.ar-faq details[open] summary:after{content:'－'}
.ar-q,.ar-a-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;font-weight:900;color:#fff}
.ar-q{background:#12a86a}.ar-a-mark{background:#f39c12}
.ar-a{display:flex;gap:10px;padding:0 16px 14px}.ar-a p{font-size:14px;line-height:1.8}
.ar-body .compare-section{max-width:none;margin:26px -20px;padding:30px 20px}
@media (max-width:760px){
  .ar-hero{min-height:0;flex-direction:column;align-items:stretch}
  .ar-hero-img{position:absolute;inset:auto -120px 0 auto;width:auto;height:92%;object-fit:contain}
  .ar-hero:after{background:linear-gradient(90deg,#fefbef 0,#fefbefd9 55%,transparent 85%)}
  .ar-hero-body{padding:22px 16px 24px}
  .ar-hero-pre{font-size:15px}
  .ar-hero-q{font-size:30px}
  .ar-hero-main{font-size:21px}
  .ar-worries li{font-size:12px;padding:4px 10px}
  .ar-intro{padding:28px 14px 14px}
  .ar-intro-box{padding:24px 16px 14px}.ar-intro-title{font-size:19px}
  .ar-cta-btn{font-size:15.5px;padding:14px}
  .ar-body{padding:6px 14px 14px}
  .ar-h2{margin:32px -14px 18px!important;font-size:21px;padding:13px 14px}
  .ar-h3{font-size:17px;margin-top:26px!important}
  .ar-p{font-size:14.5px}
  .ar-talk-icon{width:48px;height:48px}
  .ar-talk-bubble p{font-size:13.5px}
  .ar-board{padding:16px 14px 14px}.ar-board-title{font-size:17px}
  .ar-uses{grid-template-columns:1fr 1fr}.ar-uses li{font-size:13px}
  .ar-vs2{grid-template-columns:1fr 1fr;gap:8px}.ar-vs-card{font-size:12px}.ar-vs-name{font-size:12px}
  .ar-vs-table table{font-size:12px}
  .ar-repay{grid-template-columns:1fr}
  .ar-methods{grid-template-columns:1fr 1fr}
  .ar-flow li{grid-template-columns:96px 1fr;gap:12px}
  .ar-settings ul{grid-template-columns:1fr}
  .ar-free-num{font-size:38px}
  .ar-body .compare-section{margin:22px -14px;padding:24px 14px}
}
.hub-h2{margin:30px 0 12px;font-family:var(--font-display);font-size:20px;font-weight:900}
/* 解説記事FV：最新ラベルは黄色の札／スマホは画像を見出しの下に */
.ar-hero .eyebrow.fv-latest{display:inline-flex;gap:1px;padding:5px 14px;border-radius:999px;background:#ffd23f;color:#1d1b2e;font-size:13px;font-weight:800;box-shadow:var(--shadow-sm)}
.ar-hero .eyebrow.fv-latest [data-this-month]{margin-right:6px}
@media (max-width:760px){
  .ar-hero{display:block;padding-bottom:0}
  .ar-hero:after{display:none}
  .ar-hero-body{padding:22px 16px 6px}
  .ar-hero-img{position:relative;inset:auto;display:block;width:100%;height:210px;object-fit:cover;object-position:88% 20%;z-index:0}
  .ar-worries{position:relative;z-index:1}
}
@media (max-width:760px){.ar-hero{display:flex;flex-direction:column}.ar-hero-img{order:2;height:190px;margin-top:4px}.ar-hero-body{order:1;padding-bottom:0}}

/* ==== 解説記事FV（参考：cardloan-station.com の first-cardloan）：緑の背景・中央構図 ==== */
.ar-hero2{position:relative;overflow:hidden;background:#13a86b;background-image:radial-gradient(#ffffff14 1.5px,transparent 1.6px);background-size:22px 22px}
.ar-hero2-inner{position:relative;max-width:760px;margin:0 auto;padding:22px 20px 0;text-align:center}
.ar-hero2-latest{display:inline-flex;gap:1px;padding:4px 14px;border-radius:999px;background:#ffd23f;color:#1d1b2e;font-size:13px;font-weight:900;box-shadow:0 3px 0 #0d6b44}
.ar-hero2-latest [data-this-month]{margin-right:6px}
.ar-hero2-title{margin:10px 0 0;font-family:var(--font-display);font-weight:900;line-height:1.1}
.ar-hero2-q{display:flex;align-items:flex-end;justify-content:center;color:#ffe45c;font-size:64px;letter-spacing:.01em;text-shadow:0 4px 0 #0d6b44}
.ar-hero2-br{font-size:.8em;color:#fff;font-weight:400;align-self:flex-start}
.ar-hero2-br+*{}
.ar-hero2-q small{font-size:.55em;color:#ffe45c;margin-left:4px;margin-bottom:6px}
.ar-hero2-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}
.ar-hero2-side{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.ar-hero2-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 14px 4px 10px;border-radius:999px;background:#0d6b44;color:#fff;font-size:18px}
.ar-hero2-pill .ar-leaf svg{width:18px;height:24px}
.ar-hero2-small{color:#fff;font-size:34px}
.ar-hero2-tiles{display:flex;gap:6px}
.ar-hero2-tiles span{display:grid;place-items:center;width:78px;height:78px;background:#ffe45c;color:#0d3b28;font-size:54px;box-shadow:0 5px 0 #0d6b44}
.ar-hero2-stage{position:relative;height:300px;margin-top:6px}
.ar-hero2-img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:300px;width:auto}
.ar-cloud{position:absolute;display:grid;place-items:center;padding:14px 22px;background:#fff;color:#0d3b28;border-radius:50%/60%;font-size:22px;font-weight:800;line-height:1.3;box-shadow:0 4px 0 #0d6b44;white-space:nowrap}
.ar-cloud:before,.ar-cloud:after{content:'';position:absolute;background:#fff;border-radius:50%;box-shadow:0 3px 0 #0d6b44}
.ar-cloud:before{width:16px;height:16px;bottom:-18px}
.ar-cloud:after{width:9px;height:9px;bottom:-30px}
.ar-cloud.is-1{left:8%;top:10px}
.ar-cloud.is-1:before{right:22px}.ar-cloud.is-1:after{right:10px}
.ar-cloud.is-2{left:2%;top:110px}
.ar-cloud.is-2:before{right:10px;bottom:-12px}.ar-cloud.is-2:after{right:-4px;bottom:-22px}
.ar-cloud.is-3{right:2%;top:40px;font-size:20px}
.ar-cloud.is-3:before{left:22px}.ar-cloud.is-3:after{left:8px}
@media (max-width:760px){
  .ar-hero2-inner{padding:16px 12px 0}
  .ar-hero2-q{font-size:40px}
  .ar-hero2-row{gap:8px;margin-top:8px}
  .ar-hero2-pill{font-size:12px;padding:3px 10px 3px 7px}.ar-hero2-pill .ar-leaf svg{width:12px;height:16px}
  .ar-hero2-small{font-size:20px}
  .ar-hero2-tiles{gap:4px}
  .ar-hero2-tiles span{width:44px;height:46px;font-size:30px;box-shadow:0 3px 0 #0d6b44}
  .ar-hero2-stage{height:220px}
  .ar-hero2-img{height:220px}
  .ar-cloud{font-size:14px;padding:8px 12px}
  .ar-cloud.is-1{left:0;top:6px}.ar-cloud.is-2{left:4%;top:86px}.ar-cloud.is-3{right:0;top:22px;font-size:13px}
  .ar-cloud:before{width:11px;height:11px;bottom:-13px}.ar-cloud:after{width:6px;height:6px;bottom:-21px}
}
@media (max-width:360px){.ar-hero2-q{font-size:35px}.ar-hero2-tiles span{width:40px;height:42px;font-size:27px}.ar-hero2-small{font-size:18px}}
.ar-hero2-q{white-space:nowrap}
@media (max-width:760px){.ar-hero2-q{font-size:clamp(28px,9.2vw,44px)}.ar-hero2-tiles span{width:clamp(38px,11.5vw,50px);height:clamp(40px,12vw,52px);font-size:clamp(26px,8vw,34px)}.ar-hero2-small{font-size:clamp(17px,5.4vw,22px)}}
@media (min-width:761px){.ar-hero2-stage{height:340px}.ar-hero2-img{height:340px}.ar-cloud.is-1{left:14%}.ar-cloud.is-2{left:9%;top:130px}.ar-cloud.is-3{right:9%}}

/* ==== 解説記事：返済額の比べ図・返済方法の一覧 ==== */
.rp-chart{margin:16px auto;padding:16px 16px 12px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1.5px #e3e7f0}
.rp-chart figcaption{font-size:12px;font-weight:800;color:var(--muted);margin-bottom:10px}
.rp-row{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;padding:10px 0;border-top:1px dashed #e7e2ef}
.rp-row:first-of-type{border-top:0}
.rp-label{font-size:14px;font-weight:800}.rp-label b{color:#e2384a}
.rp-row+.rp-row .rp-label b{color:#2f6bff}
.rp-bars{display:grid;gap:6px}
.rp-bar{position:relative;display:flex;align-items:center;gap:8px;width:var(--w);min-width:110px;height:26px;padding:0 10px;border-radius:0 6px 6px 0;font-size:12px;font-weight:900;color:#fff;white-space:nowrap}
.rp-bar em{font-style:normal;font-weight:700;opacity:.9;font-size:11px}
.rp-bar.is-term{background:#12a86a}.rp-bar.is-int{background:#f39c12}
.rp-foot{margin-top:10px;font-size:12.5px;color:var(--muted);line-height:1.7}
.rm{margin:12px auto;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1.5px #e3e7f0}
.rm-row{display:grid;grid-template-columns:140px 1fr;border-top:1px solid #eceef4}
.rm-row:first-child{border-top:0}
.rm dt{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#e8f7ef;font-weight:900;font-size:14px;color:#0f7f50}
.rm dt span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;flex-shrink:0}.rm dt .ic{width:18px;height:18px}
.rm dd{margin:0;padding:12px 14px;font-size:13.5px;line-height:1.7;background:#fff}
.rm dd b{display:block;font-size:14px}
@media (max-width:760px){.rp-row{grid-template-columns:1fr;gap:6px}.rm-row{grid-template-columns:108px 1fr}.rm dt{padding:10px;font-size:13px;gap:6px}.rm dt span{width:26px;height:26px}.rm dd{padding:10px 12px;font-size:12.5px}}

/* ==== 共通部品：周りに知られにくく借りる3つのポイント ==== */
.hp{display:grid;gap:12px;margin:16px auto}
.hp-item{border-radius:16px;background:#fff;box-shadow:0 0 0 2px #12a86a,0 6px 16px #0f7f5014;overflow:hidden}
.hp-item summary{display:flex;align-items:center;gap:12px;padding:12px 14px;list-style:none;cursor:pointer;background:linear-gradient(120deg,#12a86a,#0f8a57);color:#fff}
.hp-item summary::-webkit-details-marker{display:none}
.hp-no{display:grid;place-items:center;align-content:center;width:52px;height:52px;border-radius:12px;background:#ffd23f;color:#0d3b28;font-family:Arial,var(--font-body);font-size:24px;font-weight:900;line-height:.9;flex-shrink:0}
.hp-no small{font-size:9px;letter-spacing:.1em}
.hp-title{display:flex;align-items:center;gap:8px;flex:1;font-size:16px;font-weight:900;line-height:1.4}
.hp-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffff2e;flex-shrink:0}.hp-ic .ic{width:18px;height:18px}
.hp-toggle{position:relative;width:26px;height:26px;border-radius:50%;background:#fff;flex-shrink:0}
.hp-toggle:before,.hp-toggle:after{content:'';position:absolute;left:50%;top:50%;width:12px;height:2.5px;background:#12a86a;transform:translate(-50%,-50%);border-radius:2px}
.hp-toggle:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}
.hp-item[open] .hp-toggle:after{transform:translate(-50%,-50%) rotate(0)}
.hp-body{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:start;padding:16px}
.hp-body figure{margin:0;border-radius:14px;overflow:hidden;background:#f3faf6}
.hp-body img{display:block;width:100%;height:auto}
.hp-text p{font-size:14.5px;line-height:1.9;margin:0 0 8px}
.hp-text mark{background:linear-gradient(transparent 60%,#ffe45c 60%);font-weight:800}
.hp-text strong{color:#e2384a}
.ar-pt-tip{display:flex;gap:6px;align-items:flex-start;padding:8px 10px;border-radius:10px;background:#e8f7ef;font-size:13px!important;font-weight:700;color:#0f7f50}
.ar-pt-tip .ic{width:16px;height:16px;flex-shrink:0;margin-top:3px}
.hp-done{margin:6px auto 8px;padding:16px;border-radius:16px;background:#fff7d6;text-align:center;box-shadow:inset 0 0 0 2px #ffd23f}
.hp-done-title{font-family:var(--font-display);font-size:18px;font-weight:900;margin-bottom:10px}
.hp-done ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hp-done li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:12px;background:#fff;font-size:13px;font-weight:800}
.hp-done li .ic{width:28px;height:28px;color:#12a86a}
.hp-done-foot{margin-top:8px;font-size:13px;font-weight:800}
@media (max-width:760px){.hp-item summary{padding:10px 12px;gap:10px}.hp-no{width:44px;height:44px;font-size:20px}.hp-title{font-size:14px}.hp-ic{display:none}.hp-body{grid-template-columns:1fr;padding:12px}.hp-body figure{max-width:220px;margin:0 auto}.hp-text p{font-size:14px}.hp-done li{font-size:12px}}

/* ==== 共通部品：よくある質問 ==== */
.fq{max-width:1120px;margin:0 auto;padding:36px 20px 30px;background:#f3faf6}
.fq>*{max-width:760px;margin-left:auto;margin-right:auto}
.fq-head{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:18px}
.fq-head img{width:64px;height:64px;border-radius:50%;box-shadow:0 3px 8px #3b34521f}
.fq-eyebrow{font-size:13px;font-weight:800;color:#0f7f50}
.fq-head h2{font-family:var(--font-display);font-size:28px;font-weight:900;margin:0}
.fq-list{display:grid;gap:10px}
.fq-item{border-radius:14px;background:#fff;box-shadow:0 3px 10px #0f7f5012;overflow:hidden}
.fq-item summary{display:flex;align-items:center;gap:12px;padding:14px 16px;list-style:none;cursor:pointer;font-weight:900;font-size:15px;line-height:1.5}
.fq-item summary::-webkit-details-marker{display:none}
.fq-q,.fq-a-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;flex-shrink:0;font-family:Arial,var(--font-body);font-weight:900;color:#fff}
.fq-q{background:#12a86a}.fq-a-mark{background:#f39c12}
.fq-text{flex:1}
.fq-toggle{position:relative;width:22px;height:22px;flex-shrink:0}
.fq-toggle:before,.fq-toggle:after{content:'';position:absolute;left:50%;top:50%;width:12px;height:2.5px;background:#12a86a;transform:translate(-50%,-50%);border-radius:2px}
.fq-toggle:after{transform:translate(-50%,-50%) rotate(90deg)}
.fq-item[open] .fq-toggle:after{transform:translate(-50%,-50%) rotate(0)}
.fq-a{display:flex;gap:12px;padding:12px 16px 16px;border-top:1px dashed #e0f0e8;background:#fffdf5}
.fq-a p{font-size:14px;line-height:1.85;margin:0}
@media (max-width:760px){.fq{padding:28px 14px 24px}.fq-head h2{font-size:22px}.fq-head img{width:52px;height:52px}.fq-item summary{font-size:14px;padding:12px 14px;gap:10px}.fq-a{padding:10px 14px 14px}.fq-a p{font-size:13.5px}}
footer{display:block}
.footer-note{max-width:1120px;margin:0 auto;padding:0 28px 24px;font-size:11.5px;line-height:1.7;color:#ffffffb3}
@media (max-width:760px){.footer-note{padding:0 16px 22px}}
/* 口コミ：一覧ページなし。ナビは会社別への直接リンク */
.nav-drop{position:relative}
.nav-drop-btn{border:0;background:none;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:800;cursor:pointer;color:inherit}
.nav-drop-menu{position:absolute;right:0;top:100%;display:none;flex-direction:column;min-width:170px;padding:6px;border-radius:14px;background:#fff;box-shadow:0 10px 24px #0002;z-index:50}
.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{display:flex}
.nav-drop-menu a{padding:8px 12px;border-radius:10px}.nav-drop-menu a:hover{background:var(--tag-bg)}
.mm-cap{margin:6px 2px 0;font-size:12px;font-weight:800;color:var(--muted)}
.mm-rv{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#mobile-menu .mm-rv a{padding:10px 12px;font-size:13.5px}

/* ==== スマホのメニュー（A案×すりガラス型） ==== */
#mobile-menu{display:grid;gap:10px;padding:12px 14px 18px;background:#fbf8f2;border-top:1px solid #eee;max-height:calc(100vh - 70px);overflow-y:auto}
#mobile-menu[hidden]{display:none}
#mobile-menu a{background:none;padding:0;border-radius:0;color:inherit;font-weight:inherit}
.mm-glass{display:grid;gap:8px;padding:10px;border-radius:20px;background:radial-gradient(circle at 10% 10%,#ffb3c1,transparent 45%),radial-gradient(circle at 90% 30%,#b7a4ff,transparent 45%),radial-gradient(circle at 40% 100%,#a6e8cf,transparent 50%),#fff}
#mobile-menu .mm-rank,#mobile-menu .mm-diag{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #fff,0 6px 16px #0000000d}
.mm-num{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#ff5a6e,#8c6ff0);flex-shrink:0}.mm-num b{font-family:Arial,var(--font-body);font-size:30px;line-height:1;color:#fff;font-weight:900}
.mm-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#12a86a;color:#fff;flex-shrink:0}
.mm-t{display:flex;flex-direction:column;min-width:0}
.mm-t small{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:#8c6ff0}.mm-t small .ic{width:13px;height:13px}
.mm-t b{font-size:15.5px;font-weight:900;color:var(--ink)}.mm-t>span{font-size:11px;color:#666}
.mm-rank i,.mm-diag i{margin-left:auto;font-style:normal;font-weight:900;color:var(--ink)}
.mm-cap{display:flex;align-items:center;gap:6px;margin:6px 2px 0;font-size:12.5px;font-weight:900;color:#555}
.mm-cap span{padding:0 7px;border-radius:999px;background:#1d1b2e;color:#fff;font-size:10px}
.mm-chips{display:flex;flex-wrap:wrap;gap:6px}
#mobile-menu .mm-chips a{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:999px;background:var(--b);color:var(--c);font-size:12.5px;font-weight:800}
.mm-chips .ic{width:15px;height:15px}
.mm-list{list-style:none;margin:0;padding:0;border-radius:14px;background:#fff;overflow:hidden}
.mm-list li{border-top:1px solid #f0eef3}.mm-list li:first-child{border:0}
#mobile-menu .mm-list a,.mm-list li.is-soon{display:flex;align-items:center;gap:8px;padding:11px 12px;font-size:13.5px;font-weight:700}
.mm-list .ic{width:16px;height:16px;color:#12a86a}.mm-list i{margin-left:auto;font-style:normal;color:#aaa}
.mm-list li.is-soon{color:#b9b5c4}.mm-list li.is-soon .ic{color:#cfcbd8}.mm-list em{margin-left:auto;font-style:normal;font-size:10.5px;padding:1px 8px;border-radius:999px;background:#f0eef3}
.mm-cos{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
#mobile-menu .mm-cos a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:800;text-align:center}
.mm-cos img{width:100%;height:auto;border-radius:8px}
#mobile-menu .mm-hub{display:block;margin-top:4px;padding:11px;border-radius:999px;background:#1d1b2e;color:#fff;text-align:center;font-size:13.5px;font-weight:900}
#mobile-menu [aria-current="page"]{outline:2px solid #8c6ff0;outline-offset:2px}
#mobile-menu a span.mm-t,#mobile-menu a .mm-t span{display:block;width:auto;height:auto;border-radius:0;background:none;font-size:11px}
#mobile-menu a span.mm-t{display:flex;flex-direction:column;flex:1}
#mobile-menu a span.mm-num{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#ff5a6e,#8c6ff0)}
#mobile-menu a span.mm-ic{width:42px;height:42px;border-radius:13px;background:#12a86a;color:#fff}
#mobile-menu .mm-t small{display:flex}
#mobile-menu .mm-rank[aria-current],#mobile-menu .mm-diag[aria-current]{outline:0}
#mobile-menu a span.mm-t{align-items:flex-start;text-align:left}
.mm-cap a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* ==== 解説記事：消費者金融・キャッシング用の部品 ==== */
.ar-qa{margin:12px auto;border-radius:16px;background:#fff;box-shadow:0 0 0 2px #e0f0e8;overflow:hidden}
.ar-qa-q{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#e8f7ef;font-weight:900;font-size:15.5px}
.ar-qa-q span,.ar-qa-a>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;flex-shrink:0;font-family:Arial,var(--font-body);font-weight:900;color:#fff}
.ar-qa-q span{background:#12a86a}.ar-qa-a>span{background:#f39c12}
.ar-qa-a{display:flex;gap:12px;padding:14px 16px}
.ar-qa-a>div{flex:1;min-width:0}
.ar-qa-a p{font-size:14.5px;line-height:1.85;margin:0 0 8px}
.ar-qa-a b{color:#e2384a}
.ar-ng{margin:8px 0;padding:12px 14px;border-radius:12px;background:#fff5f6;box-shadow:inset 0 0 0 1.5px #ffc2cc}
.ar-ng-title{font-weight:900;font-size:13.5px;color:#d6334c;margin-bottom:6px}
.ar-ng ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.ar-ng li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700}
.ar-ng li span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e2384a;color:#fff;font-size:12px;font-weight:900;flex-shrink:0}
.ar-okl{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
.ar-okl li{display:flex;align-items:flex-start;gap:8px;font-size:14px;font-weight:700;line-height:1.6}
.ar-okl .ic{width:18px;height:18px;color:#12a86a;stroke-width:2.6;flex-shrink:0;margin-top:2px}
.ar-tree{margin:16px auto;text-align:center}
.ar-tree-root{display:inline-block;padding:10px 20px;border-radius:999px;background:#1d1b2e;color:#fff;font-weight:900;font-size:15px}
.ar-tree-kids{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.ar-tree-kids:before{content:'';position:absolute;left:25%;right:25%;top:-12px;height:12px;border:2px solid #1d1b2e;border-bottom:0;border-radius:8px 8px 0 0}
.ar-tree-kids div{padding:14px 12px;border-radius:14px;background:#f4f3f6}
.ar-tree-kids div.is-main{background:#fff4e0;box-shadow:inset 0 0 0 2px #f39c12}
.ar-tree-kids b{display:block;font-size:15px;margin-bottom:4px}.ar-tree-kids span{font-size:12.5px;color:var(--muted);line-height:1.6}
.ar-calc{margin:14px auto;padding:16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px #e3e7f0}
.ar-calc-title{font-weight:900;margin-bottom:8px}
.ar-calc-formula{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:12px;border-radius:12px;background:#f8f6fc;font-weight:900;font-size:14px}
.ar-calc-formula span{padding:4px 10px;border-radius:8px;background:#fff;box-shadow:0 1px 3px #0000001a}
.ar-calc-ex{margin-top:12px}.ar-calc-ex-t{font-size:13px;font-weight:800;color:var(--muted);margin-bottom:6px}
.ar-calc-ex dl{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ar-calc-ex dl div{padding:10px 6px;border-radius:12px;background:#e8f7ef;text-align:center}
.ar-calc-ex dt{font-size:12px;font-weight:800;color:#0f7f50}.ar-calc-ex dd{margin:2px 0 0;font-size:13px;font-weight:700}.ar-calc-ex b{font-family:Arial,var(--font-body);font-size:22px;color:#e2384a}
@media (max-width:760px){.ar-qa-q{font-size:14.5px;padding:10px 12px}.ar-qa-a{padding:12px;gap:10px}.ar-qa-a p{font-size:14px}.ar-tree-kids{gap:8px}.ar-tree-kids b{font-size:13.5px}.ar-calc-formula{font-size:12.5px;gap:4px}.ar-calc-formula span{padding:3px 7px}.ar-calc-ex b{font-size:18px}}

/* ==== メニュー：右から出るパネル（約8割）＋裏のページが2割見える ==== */
@media (max-width:760px){
  #mobile-menu{position:fixed;top:0;right:0;bottom:0;width:82%;max-width:380px;max-height:none;z-index:100;padding:0 14px 24px;border:0;background:#fbf8f2;box-shadow:0 0 0 100vmax #1d1b2e73,-8px 0 24px #0003;overflow-y:auto;animation:mm-in .22s ease-out}
  @keyframes mm-in{from{transform:translateX(100%)}to{transform:none}}
  body.menu-open{overflow:hidden}
  .mm-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;margin:0 -14px 4px;padding:14px 14px 12px;background:#fbf8f2;border-bottom:1px solid #ece8e0}
  .mm-head-title{font-family:var(--font-display);font-size:16px;font-weight:900}
  .mm-close{position:relative;width:38px;height:38px;border:0;border-radius:12px;background:#f1ecff;cursor:pointer}
  .mm-close span{position:absolute;left:50%;top:50%;width:18px;height:2.5px;border-radius:2px;background:var(--ink)}
  .mm-close span:first-child{transform:translate(-50%,-50%) rotate(45deg)}.mm-close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}
}
@media (prefers-reduced-motion:reduce){#mobile-menu{animation:none}}
@media (min-width:761px){.mm-head{display:none}}
/* 上の2枚：グラデーションの枠をやめ、一覧となじむ白いカードに */
.mm-glass{padding:0;background:none;gap:8px}
#mobile-menu .mm-rank,#mobile-menu .mm-diag{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 2px 8px #1d1b2e10;border-radius:14px;padding:12px}
#mobile-menu .mm-rank{box-shadow:inset 0 0 0 1.5px #ffd23f,0 2px 8px #1d1b2e10;background:#fffdf4}
#mobile-menu a span.mm-num{width:44px;height:44px;border-radius:12px;background:#ffd23f}
#mobile-menu a span.mm-num b{color:#1d1b2e;font-size:26px}
#mobile-menu a span.mm-ic{width:44px;height:44px;border-radius:12px;background:#e0f7ec;color:#12a86a}
.mm-t small{color:#b77f00}
@media (max-width:760px){#mobile-menu{align-content:start;grid-auto-rows:max-content}}
#mobile-menu [aria-current="page"]{outline:0}
#mobile-menu .mm-list a[aria-current="page"]{background:#f1ecff;font-weight:900}
#mobile-menu .mm-chips a[aria-current="page"]{box-shadow:inset 0 0 0 2px currentColor}
#mobile-menu .mm-cos a[aria-current="page"] img{box-shadow:0 0 0 2px #8c6ff0}
/* キャッシング記事：カードローンのメリット・利息の比べ図 */
.ar-merits{list-style:none;margin:14px auto;padding:0;display:grid;gap:10px}
.ar-merits li{display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:center;padding:14px;border-radius:16px;background:#fff;box-shadow:0 0 0 2px #fde2b8,0 4px 12px #f39c1214}
.ar-merit-no{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f39c12;color:#fff;font-family:Arial,var(--font-body);font-weight:900}
.ar-merit-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff4e0;color:#e08a00}.ar-merit-ic .ic{width:24px;height:24px}
.ar-merits b{font-size:15.5px;font-weight:900}.ar-merits p{font-size:13.5px;line-height:1.75;color:var(--muted);margin-top:2px}
.ar-duel{margin-top:12px}
.ar-duel-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ar-duel-row>div{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border-radius:14px;background:#f4f3f6;text-align:center}
.ar-duel-row>div.is-main{background:#fff4e0;box-shadow:inset 0 0 0 2.5px #f39c12}
.ar-duel-row small{font-size:12px;font-weight:800;line-height:1.4}
.ar-duel-row span{font-size:11.5px;padding:1px 10px;border-radius:999px;background:#fff;font-weight:700}
.ar-duel-row b{font-family:Arial,var(--font-body);font-size:30px;font-weight:900;color:#555}.ar-duel-row .is-main b{color:#e2384a}
.ar-duel-row em{font-style:normal;font-size:14px;margin-left:2px}
@media (max-width:760px){.ar-merits li{grid-template-columns:auto 1fr;gap:10px;padding:12px}.ar-merit-ic{display:none}.ar-merits b{font-size:14.5px}.ar-duel-row b{font-size:24px}.ar-duel-row small{font-size:11px}}

/* ==== 口コミ・評判ページ（A案：スコア＋満足度ランキング＋一覧） ==== */
.rp{background:#fbf8f2}
.rp-title{max-width:760px;margin:0 auto;padding:26px 16px 10px;text-align:center}
.rp-eyebrow{font-size:13px;font-weight:800;color:#8c6ff0}
.rp-title h1{font-family:var(--font-display);font-size:30px;font-weight:900;margin:4px 0 0}
.rp-title h1 em{font-style:normal;color:#e2384a;background:linear-gradient(transparent 62%,#ffe45c 62%)}
.rp-top{max-width:760px;margin:0 auto;padding:0 16px}
.rp-top-inner{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;padding:16px;border-radius:20px;background:#fff;box-shadow:0 8px 22px #1d1b2e12}
.rp-banner{width:100%;height:auto;border-radius:12px}
.rp-score-label{font-size:12px;font-weight:800;color:var(--muted)}
.rp-score-num b{font-family:Arial,var(--font-body);font-size:44px;font-weight:900;line-height:1;color:#1d1b2e}.rp-score-num span{font-size:14px;font-weight:800;color:var(--muted);margin-left:4px}
.rp-stars{display:flex;gap:3px;margin:4px 0 8px}
.rp-stars i{width:20px;height:20px;background:#e5e2ec;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.rp-stars i.is-on{background:#f5b301}.rp-stars i.is-half{background:linear-gradient(90deg,#f5b301 50%,#e5e2ec 50%)}
.rp-kpi{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;font-weight:700;color:var(--muted)}
.rp-kpi b{font-size:16px;color:var(--ink);margin:0 2px}
.rp-sample{margin-top:8px;padding:6px 10px;border-radius:8px;background:#fff4cc;font-size:11.5px;font-weight:700;color:#7a5600}
.rp-body{max-width:760px;margin:0 auto;padding:14px 16px 30px;display:grid;gap:16px}
.rp-sw{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rp-sw-card{padding:14px;border-radius:16px;background:#fff;box-shadow:0 4px 12px #1d1b2e0d}
.rp-sw-tag{display:inline-block;padding:1px 10px;border-radius:999px;font-size:11.5px;font-weight:900}
.is-good .rp-sw-tag{background:#e0f7ec;color:#0f7f50}.is-warn .rp-sw-tag{background:#fff0f3;color:#d6334c}
.rp-sw-main{margin-top:8px;font-size:15px;font-weight:900;line-height:1.35}
.rp-sw-main b{display:block;font-family:Arial,var(--font-body);font-size:30px;line-height:1.1}
.is-good .rp-sw-main b{color:#12a86a}.is-warn .rp-sw-main b{color:#e2384a}
.rp-sw-sub{font-size:11.5px;color:var(--muted);margin-top:2px}
.rp-block{padding:16px;border-radius:18px;background:#fff;box-shadow:0 4px 12px #1d1b2e0d}
.rp-h2{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:19px;font-weight:900;margin:0 0 4px}
.rp-lead{font-size:12.5px;color:var(--muted);margin-bottom:10px}
.rp-bars{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rp-bars li{display:grid;grid-template-columns:1fr 46px;grid-template-areas:"label label" "track val";gap:3px 8px;align-items:center}
.rp-bar-label{grid-area:label;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800}
.rp-bar-track{grid-area:track;height:14px;border-radius:0 7px 7px 0;background:#f1eff5}
.rp-bar{position:relative;display:block;height:100%;border-radius:0 7px 7px 0;background:#12a86a;outline:none}
.rp-bar:hover:after,.rp-bar:focus-visible:after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + 6px);white-space:nowrap;padding:5px 9px;border-radius:8px;background:#1d1b2e;color:#fff;font-size:11.5px;font-weight:700;z-index:5}
.rp-bar-val{grid-area:val;text-align:right;font-family:Arial,var(--font-body);font-size:16px;font-weight:900}.rp-bar-val small{font-size:11px}
.rp-badge{padding:0 8px;border-radius:999px;font-size:10.5px;font-weight:900}
.rp-badge.is-good{background:#e0f7ec;color:#0f7f50}.rp-badge.is-warn{background:#fff0f3;color:#d6334c}
.rp-detail{margin-top:12px;font-size:13px}.rp-detail summary{font-weight:800;color:#2f6bff;cursor:pointer}
.rp-table{width:100%;min-width:520px;border-collapse:collapse;margin-top:8px}.rp-table th,.rp-table td{padding:7px;border-bottom:1px solid #eee;text-align:center;font-size:12px}.rp-table tbody th{text-align:left}
.rp-count{font-family:var(--font-body);font-size:12px;font-weight:800;padding:1px 9px;border-radius:999px;background:#f1ecff;color:#5b45c4}
.rp-filters{display:grid;gap:8px;margin:8px 0 12px}
.rp-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.rp-chip{flex-shrink:0;padding:6px 12px;border-radius:999px;border:1.5px solid #e3dcf3;background:#fff;font-size:12.5px;font-weight:800;color:var(--ink);cursor:pointer}
.rp-chip.is-on{background:#1d1b2e;border-color:#1d1b2e;color:#fff}
.rp-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rp-rv{padding:12px 14px;border-radius:14px;background:#faf9fc;box-shadow:inset 0 0 0 1px #eeebf4}
.rp-rv-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.rp-rv-lv{padding:1px 9px;border-radius:999px;font-size:11px;font-weight:900}
.lv-4{background:#12a86a;color:#fff}.lv-3{background:#e0f7ec;color:#0f7f50}.lv-2{background:#eeecf2;color:#555}.lv-1{background:#fff0f3;color:#d6334c}.lv-0{background:#e2384a;color:#fff}
.rp-rv-item{font-size:12px;font-weight:800;color:var(--muted)}
.rp-rv-text{font-size:14px;line-height:1.8}
.rp-rv-meta{margin-top:4px;font-size:11px;color:#9a95ab}
.rp-more{display:block;width:100%;margin-top:12px;padding:12px;border-radius:999px;border:1.5px solid #1d1b2e;background:#fff;font-weight:900;cursor:pointer}
.rp-card .product{box-shadow:none}
.rp-others>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.rp-others a{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:800;text-align:center}
.rp-others img{width:100%;height:auto;border-radius:10px}
@media (max-width:760px){.rp-title h1{font-size:24px}.rp-top-inner{grid-template-columns:110px 1fr;gap:12px;padding:12px}.rp-score-num b{font-size:38px}.rp-sw-main b{font-size:26px}.rp-block{padding:14px}}

/* ==== 口コミ・評判ページ（決定版：総合評価＋グラデーションの評価バー＋シンプルカード） ==== */
.rp-hero{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px;border-radius:22px;background:#fff;box-shadow:0 8px 24px #5b45c414}
.rp-hero .rp-banner{width:100%;height:auto;border-radius:12px;align-self:center}
.rp-score{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 6px;border-radius:16px;background:linear-gradient(160deg,#f6f2ff,#fff7e6)}
.rp-score-label{font-size:11.5px;font-weight:900;letter-spacing:.12em;color:#8c6ff0}
.rp-score-num{display:flex;align-items:baseline;gap:3px;margin:2px 0}
.rp-score-num b{font-family:"Helvetica Neue",Arial,sans-serif;font-size:50px;font-weight:800;line-height:1;letter-spacing:-.02em;background:linear-gradient(180deg,#3b3452,#1d1b2e);-webkit-background-clip:text;background-clip:text;color:transparent}
.rp-score-num span{font-size:14px;font-weight:800;color:#9a95ab}
.rp-hero .rp-stars{margin:2px 0 0}
.rp-kpi{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.rp-kpi div{display:flex;align-items:baseline;justify-content:center;gap:8px;padding:9px;border-radius:12px;background:#f7f6fb}
.rp-kpi dt{font-size:11.5px;font-weight:800;color:#777}.rp-kpi dd{margin:0;font-size:12px;font-weight:800}.rp-kpi b{font-family:Arial;font-size:20px;margin-right:2px}
.rk5{--rc:#0f8a57}.rk4{--rc:#12a86a}.rk3{--rc:#8e89a0}.rk2{--rc:#ef7d8e}.rk1{--rc:#e2384a}
.rp-axis{display:flex;justify-content:space-between;font-size:10.5px;font-weight:800;color:#aaa;margin:2px 0 6px}
.rp-bars2{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.rp-bl{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.rp-bl b{font-size:13px}.rp-bl span{font-size:11px;font-weight:900;color:var(--rc)}
.rp-track{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,#f26b7e,#f7c4cc 30%,#ebe8f0 50%,#bfe8d3 70%,#12a86a);box-shadow:inset 0 1px 2px #0000001a}
.rp-knob{position:absolute;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 3px 10px #1d1b2e26,0 0 0 2.5px var(--rc);font-family:Arial;font-size:11px;font-weight:900;color:var(--rc)}
.rp-htags{display:flex;flex-wrap:wrap;gap:6px 10px;margin:8px 0 12px}
.rp-htag{border:0;background:none;padding:2px 0;font-size:13px;font-weight:800;color:#8c6ff0;cursor:pointer;border-bottom:2px solid transparent}
.rp-htag.is-on{color:#1d1b2e;border-bottom-color:#ffd23f}
.rp-rv{padding:14px;border-radius:14px;background:#faf9fd;box-shadow:inset 0 0 0 1px #eeebf4}
.rp-rv .rp-rv-text{font-size:14px;line-height:1.8}
.rp-hash{display:inline-block;margin-top:8px;font-size:12px;font-weight:800;color:#8c6ff0}
.rp-more{background:#f1ecff;border:0;color:#5b45c4}
@media (max-width:760px){.rp-hero{gap:10px;padding:12px}.rp-score-num b{font-size:42px}.rp-bars2{gap:16px}}

/* 項目別の評価：ピン型の目盛り（項目名を左に並べて行間を詰める） */
.rp-axis{display:grid;grid-template-columns:8.6em 1fr 1fr;margin:4px 0 0}.rp-axis span:last-child{text-align:right}
.rp-bars2{gap:0}
.rp-bars2 li{display:grid;grid-template-columns:8.6em 1fr;column-gap:12px;align-items:end;padding:2px 0 10px;border-bottom:1px dashed #eeebf4}
.rp-bars2 li:last-child{border-bottom:0}
.rp-bl{display:block;margin:0;line-height:1.3}.rp-bl b{display:block;font-size:12.5px}.rp-bl span{font-size:10.5px}
.rp-scl{position:relative;height:8px;margin:28px 6px 4px;border-radius:999px;background:linear-gradient(90deg,#e2384a 0 12.5%,#f5a3ae 12.5% 37.5%,#e2e0e8 37.5% 62.5%,#9fdcbf 62.5% 87.5%,#12a86a 87.5%)}
.rp-pin{position:absolute;bottom:14px;transform:translateX(-50%);display:grid;place-items:center;min-width:34px;height:22px;padding:0 6px;border-radius:999px;background:var(--rc);color:#fff;font-family:Arial;font-size:12px;font-weight:900;box-shadow:0 3px 8px #0003}
.rp-pin:after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);border:5px solid transparent;border-bottom:0;border-top-color:var(--rc)}
.rp-pin:before{content:'';position:absolute;bottom:-14px;left:50%;width:10px;height:10px;transform:translateX(-50%);border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--rc)}
/* 口コミ一覧：シンプルカード（タグは本文の後ろにハッシュタグで） */
.rp-list{display:grid;gap:8px}
.rp-rv{padding:12px}.rp-rv .rp-rv-text{font-size:13.5px;line-height:1.75}
.rp-hash{margin-top:6px;padding:1px 9px;border-radius:999px;background:#f1ecff;color:#5b45c4;font-size:11px}
.rp-bars2 li{grid-template-columns:9.4em 1fr}
.rp-bl b{white-space:nowrap;font-size:12px}
.rp-axis{display:flex;justify-content:space-between;padding:0 6px 0 calc(9.4em + 12px)}.rp-axis span:first-child{display:none}
.rp-axis{padding-left:calc(9.4 * 16px + 12px)}.rp-bars2 li{font-size:16px}

/* 口コミページ v3：総合評価に件数、絞り込みは横スワイプの札、一覧はアイコン付きのすっきりした行 */
.rp-kpi{display:none}
.rp-score-count{margin-top:4px;font-size:12px;font-weight:800;color:#6b6680}.rp-score-count b{font-family:Arial;font-size:15px;margin:0 2px;color:#1d1b2e}
.rp-filter-label{font-size:11px;font-weight:800;color:#999;margin:10px 0 6px}
.rp-chips{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}.rp-chips::-webkit-scrollbar{display:none}
.rp-chip{flex-shrink:0;display:flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:12px;border:0;background:#f4f2f8;font-size:13px;font-weight:800;color:#3b3452;cursor:pointer}
.rp-chip small{font-size:11px;color:#9a95ab}.rp-chip.is-on{background:#1d1b2e;color:#fff}.rp-chip.is-on small{color:#ffd23f}
.rp-list{display:block;gap:0;margin-top:6px}
.rp-list .rp-rv{display:flex;gap:12px;padding:14px 0;border-radius:0;background:none;box-shadow:none;border-bottom:1px solid #eeebf4}
.rp-list .rp-rv:last-child{border-bottom:0}.rp-list .rp-rv[hidden]{display:none}
.rp-av{flex-shrink:0;display:block}
.rp-list .rp-rv-text{font-size:14.5px;line-height:1.8}
.rp-rv-item{display:block;margin-top:4px;font-size:10.5px;color:#aaa6b8}
.rp-body>*,.rp-block{min-width:0}.rp-block{overflow:hidden}

/* 案件カードの口コミ：公式サイトからの引用であることを右下に薄く */
.review-source{margin:4px 2px 0;text-align:right;font-size:10.5px;color:#aaa6b8}
.review-source[hidden]{display:none}
/* 案件カードの口コミも口コミ一覧と同じ人のアイコン（ランダム） */
.review-avatar,.review-list li:nth-child(n) .review-avatar{background:none;color:inherit}
.review-avatar .rp-av{width:100%;height:100%}
.rp-bars2 li{align-items:center;padding:0 0 8px}.rp-bl b{font-size:13px;line-height:1.35;white-space:normal}.rp-scl{margin:30px 6px 4px}
.rp-cardsec{min-width:0}.rp-cardsec .rp-h2{margin:6px 4px 10px}

/* ==== 検索結果ページ（/search/） ==== */
.sr{max-width:760px;margin:0 auto;padding:6px 16px 10px}
.sr-cond{padding:14px;border-radius:18px;background:#fff;box-shadow:0 4px 12px #1d1b2e0d}
.sr-cond-label{margin:0 0 8px;font-size:12px;font-weight:900;color:#8c6ff0;letter-spacing:.08em}
.sr-chips{display:flex;flex-wrap:wrap;gap:6px}
.sr-chips span{padding:5px 11px;border-radius:999px;background:#1d1b2e;color:#fff;font-size:12.5px;font-weight:800}
.sr-chips span.is-none{background:#f1eff6;color:#6b6680}
.sr-change{margin-top:12px;border-top:1px dashed #e6e1f2;padding-top:10px}
.sr-change>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:999px;background:#f1ecff;color:#5b45c4;font-size:13.5px;font-weight:900;cursor:pointer}
.sr-change>summary::-webkit-details-marker{display:none}
.sr-change-ic{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.sr-change[open] .sr-change-ic{transform:rotate(-135deg) translateY(-2px)}
.sr-form{margin:12px 0 0;padding:0;box-shadow:none;background:none}
.sr-head{position:relative;margin:26px 0 12px;text-align:center}
.sr-title{display:inline-flex;align-items:center;gap:10px;margin:0}
.sr-title-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffd23f;color:#1d1b2e;font-size:24px;font-weight:900;box-shadow:0 4px 0 #e0b000}
.sr-title-txt{display:grid;text-align:left;line-height:1.25}
.sr-title-txt small{font-size:12.5px;font-weight:900;color:#8c6ff0}
.sr-title-txt>span{font-size:22px;font-weight:900}
.sr-title-txt b{display:inline-block;margin:0 2px;padding:0 6px;font-family:Arial;font-size:30px;color:#e2384a;background:linear-gradient(transparent 62%,#ffe36b 62%)}
.sr-head .updated{display:block;margin-top:6px;text-align:right}
.sr-notes{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#fff8e0;font-size:12.5px;line-height:1.7;color:#5a4a1a}
.sr-notes p{margin:0}.sr-notes p+p{margin-top:4px}
.sr-cards{display:grid;gap:18px}
.sr-card-wrap[hidden]{display:none}
.sr-badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 4px 8px}
.sr-badges span{padding:4px 10px;border-radius:999px;background:#e6f7ef;color:#0f7a4c;font-size:12px;font-weight:800}
.sr-badges .sr-top{background:#e2384a;color:#fff}
.sr-none{padding:18px;border-radius:16px;background:#fff;text-align:center;font-size:14px;line-height:1.8}
.sr-head .updated{background:none;box-shadow:none;padding:0}
.diag .sr-head{margin-top:22px}.diag-card-wrap[hidden]{display:none}

/* お借入診断：他社お借入額・未入力の表示・結果の文言・審査のコツ */
.diag-row[hidden],.diag-caution[hidden],.diag-err[hidden],.diag-tip[hidden]{display:none}
.diag-err{display:block;margin:4px 0 0;font-size:12px;font-weight:800;color:#e2384a}
.diag-input input.is-error{border-color:#e2384a;background:#fff5f6}
.diag-caution{margin:6px 0 10px;font-size:11.5px;line-height:1.6;color:#6b6680}
.diag-ok{margin:0 0 8px;text-align:center;line-height:1.5}.diag-ok span{display:block;font-size:14px;font-weight:800;color:#e2384a}.diag-ok b{display:block;font-size:24px;font-weight:900;color:#e2384a}
.diag-none{margin:0 0 8px;text-align:center;font-size:20px;font-weight:900}
.diag-tip{display:flex;gap:10px;align-items:center;margin:0 0 14px;padding:12px 14px;border-radius:16px;background:#fff;box-shadow:0 4px 12px #1d1b2e0d}
.diag-tip img{width:52px;height:52px;border-radius:50%;flex-shrink:0}
.diag-tip-title{margin:0 0 2px;font-size:13px;font-weight:900;color:#8c6ff0}.diag-tip p{margin:0;font-size:13px;line-height:1.7}
#diag-amount-row{margin-top:16px;padding-top:14px;border-top:1px dashed #e6e1f2}

/* ==== 診断結果・検索結果の冒頭（あなたに合うものを表示している感を前面に） ==== */
.rs-hero{position:relative;overflow:hidden;margin:18px 0 14px;padding:20px 18px 16px;border-radius:24px;color:#fff;
  background:radial-gradient(circle at 88% 12%,#ffffff2e 0 60px,transparent 61px),radial-gradient(circle at 8% 100%,#ffffff1f 0 70px,transparent 71px),linear-gradient(135deg,#7a5cf0,#e2477a);
  box-shadow:0 12px 28px #7a5cf040}
.rs-hero[hidden]{display:none}
.rs-icon{position:absolute;right:14px;top:14px;width:58px;height:58px;border-radius:50%;border:3px solid #ffffffcc;background:#fff}
.rs-eyebrow{display:inline-block;margin:0 0 8px;padding:4px 10px;border-radius:999px;background:#ffd23f;color:#1d1b2e;font-size:11.5px;font-weight:900}
.rs-title{margin:0;display:grid;gap:2px;line-height:1.25;padding-right:64px}
.rs-title small{font-size:14px;font-weight:900;opacity:.95}
.rs-main{font-size:23px;font-weight:900;letter-spacing:.02em}
.rs-count{display:flex;align-items:baseline;gap:4px;font-size:18px;font-weight:900}
.rs-count b{display:inline-grid;place-items:center;min-width:54px;height:54px;padding:0 8px;border-radius:16px;background:#fff;color:#e2384a;font-family:Arial;font-size:38px;line-height:1;box-shadow:0 4px 0 #ffd23f}
.rs-conds{margin-top:14px;padding:10px 12px;border-radius:14px;background:#ffffff26}
.rs-conds-label{margin:0 0 6px;font-size:11px;font-weight:900;letter-spacing:.08em;opacity:.9}
.rs-chips{display:flex;flex-wrap:wrap;gap:6px}
.rs-chips span{padding:4px 10px;border-radius:999px;background:#fff;color:#3b2f7a;font-size:12.5px;font-weight:900}
.rs-chips span.is-none{background:#ffffff40;color:#fff}
.rs-why{margin:10px 0 0;font-size:12.5px;line-height:1.7;font-weight:700}
.rs-updated{display:block;margin-top:6px;text-align:right;font-size:11px;opacity:.85}
.sr .sr-change{margin:0 0 14px;padding:0;border:0}
.sr-cond,.sr-head{display:none}
/* 1位のカード：「最もおすすめ」 */
.is-best{position:relative;padding-top:14px}
.is-best .product{box-shadow:0 0 0 3px #ffd23f,0 10px 26px #e0a80040}
.best-ribbon{position:absolute;top:0;left:50%;z-index:3;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:6px 18px;border-radius:999px;background:linear-gradient(180deg,#ffe066,#ffc21a);color:#6a3f00;font-size:14px;font-weight:900;white-space:nowrap;box-shadow:0 4px 0 #d69a00,0 8px 16px #d69a0040}
.best-ribbon svg{width:18px;height:18px;color:#e2384a}
.sr-badges{display:none}
/* スピード診断：「他社お借入額」をスマホでも1行に */
.diag-row label{white-space:nowrap}
@media (max-width:760px){.diag-row{grid-template-columns:7.6em 1fr}.diag-row label{font-size:14px}}

/* スピード診断：会社名のボタンをスマホでも1行に */
.diag-chip span{white-space:nowrap;letter-spacing:-.01em}
@media (max-width:760px){.diag-chip span{font-size:clamp(11px,3.3vw,13px);padding:6px 2px}}
/* 診断結果：借りられる目安を行ごとに */
.diag-calc{margin:10px 0 0;padding:4px 14px;border-radius:12px;background:#f4f7ff}
.diag-calc div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px dashed #d6def5}
.diag-calc div:last-child{border-bottom:0}
.diag-calc dt{font-size:13.5px;font-weight:800;color:#3b3452}.diag-calc dt small{display:block;font-size:11px;font-weight:700;color:#8a86a0}
.diag-calc dd{margin:0;font-size:16px;font-weight:900;white-space:nowrap}
.diag-calc .is-total dt{color:#1f47c4}.diag-calc .is-total dd{color:#1f47c4}.diag-calc .is-total b{font-family:Arial;font-size:24px;margin:0 2px}
.diag-calc-note{margin:6px 2px 0;font-size:11px;color:#8a86a0}

/* 案件カード：PCでもカウントダウンと申込みボタンをカード中央に */
@media (min-width:761px){.product .cta-wrap{grid-column:1/-1;width:100%;max-width:620px;margin-left:auto;margin-right:auto}}
/* 比較表（スマホ）：「申込み」の項目名は出さず、ボタンを列の幅に収める */
@media (max-width:760px){
  .cta-row .cta-row-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .comparison-scroll .cta-row td{padding:12px 6px}
  .comparison-scroll .table-button.is-cta{display:flex;justify-content:center;width:100%;box-sizing:border-box;padding:10px 4px;gap:4px;font-size:12px}
}

/* ==== 結果の冒頭：ランキング見出し型（案B）＋「誰向けか」を強調 ==== */
.rs-hero{margin:22px 0 14px;padding:0;border-radius:0;background:none;box-shadow:none;color:#1d1b2e;text-align:center;overflow:visible}
.rs-icon{display:none}
.rs-eyebrow{display:block;margin:0 0 6px;padding:0;background:none;color:#8c6ff0;font-size:12.5px;font-weight:900}
.rs-for{margin:0;font-size:15px;font-weight:900;color:#3b3452;line-height:1.5}
.rs-for em{display:inline-block;margin:0 4px;padding:2px 12px;border-radius:999px;background:#e2384a;color:#fff;font-style:normal;font-size:22px;line-height:1.3;box-shadow:0 3px 0 #b8243a;transform:rotate(-2deg)}
.rs-title{display:block;margin:8px 0 12px;padding:0;font-size:24px;font-weight:900;line-height:1.3}
.rs-mark{margin:0 4px;background:linear-gradient(transparent 60%,#ffe36b 60%)}
.rs-title b{margin:0 2px 0 6px;font-family:Arial;font-size:36px;color:#e2384a}
.rs-conds{margin:0;padding:9px 12px;border-radius:12px;background:#fff;box-shadow:0 2px 8px #1d1b2e0a;font-size:12.5px;font-weight:700;color:#3b3452;line-height:1.7}
.rs-conds-label{display:inline-block;margin-right:6px;padding:1px 9px;border-radius:999px;background:#1d1b2e;color:#fff;font-size:10.5px;font-weight:900;vertical-align:1px}
.rs-why{margin:6px 0 0;font-size:11.5px;font-weight:600;color:#8a86a0;line-height:1.6}
.rs-updated{display:block;margin-top:4px;text-align:right;font-size:11px;color:#9a95ab}
/* 最もおすすめ：案2（カード右上の斜めリボン） */
.is-best{padding-top:0}
.is-best .product{position:relative;overflow:hidden;box-shadow:var(--shadow)}
.best-ribbon{position:absolute;top:22px;right:-38px;left:auto;z-index:5;width:150px;padding:6px 0;transform:rotate(45deg);border-radius:0;background:#e2384a;color:#fff;text-align:center;font-size:12px;font-weight:900;letter-spacing:.04em;box-shadow:0 3px 8px #0003;display:block}
/* 結果の冒頭：シンプル版 */
.rs-for{font-size:14px;color:#5b45c4}
.rs-for em{display:inline;margin:0 1px;padding:0;border-radius:0;background:none;box-shadow:none;transform:none;color:#e2384a;font-size:20px;font-style:normal}
.rs-title{margin:2px 0 12px;font-size:22px}
.rs-title b{font-size:32px;margin:0 2px 0 8px}
.diag-result .diag-tip{margin:14px 0 0;background:#f7f5fc;box-shadow:none}
/* 結果の冒頭：「あなたの条件」を見出しの列と中身の列に分ける */
.rs-conds{display:grid;grid-template-columns:auto 1fr;align-items:stretch;padding:0;overflow:hidden;text-align:left;border-radius:12px}
.rs-conds-label{display:flex;align-items:center;justify-content:center;margin:0;padding:8px 12px;border-radius:0;background:#1d1b2e;color:#fff;font-size:11.5px;font-weight:900;line-height:1.35;text-align:center;vertical-align:0}
.rs-conds-body{display:flex;align-items:center;padding:9px 12px;font-size:13px;font-weight:700;line-height:1.65;color:#3b3452}
.rs-conds-label{background:#ece6ff;color:#5b45c4}
.table-toolbar{justify-content:flex-end}
.row-note{display:block;margin-top:2px;font-size:10.5px;font-weight:700;color:var(--muted)}

/* 比較表（スマホ）：項目名を小さく1行に、3社目が少し見えて横に続くと分かる幅に */
@media (max-width:760px){
  .labelcol{width:88px}
  .comparison-scroll table{min-width:544px}
  .comparison-scroll tbody th{padding:10px 5px;font-size:11px;white-space:nowrap;letter-spacing:-.02em}
  .comparison-scroll thead th:first-child{padding:10px 5px}
  .comparison-scroll .table-label{font-size:10px;line-height:1.4}
  .comparison-scroll td{padding:12px 6px}
}
.row-note{font-size:8.5px;margin-top:1px;letter-spacing:-.02em;white-space:nowrap}
@media (max-width:760px){
  .labelcol{width:96px}
  .comparison-scroll table{min-width:548px}
  .comparison-scroll tbody th{font-size:10.5px;letter-spacing:-.05em}
}
@media (max-width:760px){
  .comparison-scroll tbody th{padding-left:3px;padding-right:3px}
  /* 画面幅に合わせて各社の列幅を変え、どの幅でも3社目が4割ほど見えるようにする */
  .comparison-scroll table{min-width:calc(96px + (100vw - 116px) * 4 / 2.4)}
}
@media (max-width:760px){
  /* 実質年率は桁が多いので、列幅に合わせて文字を小さく */
  .comparison-scroll tbody tr:first-child .mark{padding-left:0;padding-right:0;white-space:nowrap}
  .comparison-scroll tbody tr:first-child td b{font-size:clamp(11px,3.6vw,16px);letter-spacing:-.03em}
  .comparison-scroll tbody tr:first-child td small{font-size:9px}
  .comparison-scroll .cta-row .table-button span{display:none}
}
/* 「※1万円借入時」：今の約半分の大きさ（ブラウザの最小文字サイズに左右されないよう縮小で表示） */
.row-note{display:block;width:max-content;font-size:8.5px;transform:scale(.55);transform-origin:left top;margin:1px 0 -4px;line-height:1.2}
@media (max-width:760px){.comparison-scroll table{min-width:calc(96px + (100vw - 116px) * 4 / 2.12)}}
.product h4 .kome{font-size:10px;font-weight:700;color:#9a95ab;vertical-align:top;margin-left:1px}

/* 案件カード：訴求タイトルとおすすめポイントの強調（** 赤字＋下線、== 黄色マーカー） */
.product h4 strong{color:#e2384a;font-weight:900;text-decoration:underline;text-decoration-color:#e2384a66;text-decoration-thickness:2px;text-underline-offset:4px}
.product h4 mark{background:linear-gradient(transparent 58%,#ffe36b 58%);color:inherit;font-weight:900;padding:0 1px}
.points strong{text-decoration:underline;text-decoration-color:#e8380d55;text-decoration-thickness:2px;text-underline-offset:3px}
/* 案件カード：順位なし（ranked=False）は番号を入れず四角だけ。会社名の位置は変えない */
.rank.is-blank{min-width:0}

/* 案件カードのスペック：列幅を内容に引っぱられず3等分に（注釈の長いプロミスで列がずれて、コンビニ欄が2行になっていた） */
.specs,.spec-block .specs{grid-template-columns:repeat(3,minmax(0,1fr))}
.cvs{flex-wrap:nowrap!important;gap:3px}
.specs .cvs-icon{width:clamp(18px,5.4vw,24px);height:clamp(18px,5.4vw,24px)}
/* 注釈（※）は場所によらず目立たない灰色で統一 */
.kome,.product sup,.comparison-scroll sup,.cta-micro .kome,.points .kome,.product h4 .kome,.cond-notes,.cond-notes li{color:#a19cb2!important;font-weight:500!important}
.product sup,.comparison-scroll sup,.kome{font-size:9px}
@media (max-width:760px){.specs dd{font-size:clamp(9px,2.6vw,12px)}.specs dd sup{font-size:8px}}
@media (max-width:370px){.specs dd{white-space:normal;line-height:1.3}}

/* ==== 運営系ページ（運営者情報・広告掲載方針・プライバシーポリシー・免責事項） ==== */
.pl{max-width:760px;margin:0 auto;padding:24px 16px 40px}
.pl-eyebrow{margin:0;font-size:12px;font-weight:900;color:#8c6ff0}
.pl h1{margin:4px 0 18px;font-size:24px;font-weight:900}
.pl-body{padding:20px 18px;border-radius:18px;background:#fff;box-shadow:0 4px 12px #1d1b2e0d;font-size:14px;line-height:1.85;color:#3b3452}
.pl-body p{margin:0 0 10px}
.pl-sec+.pl-sec,.pl-table+.pl-sec{margin-top:22px}
.pl-sec h2{margin:0 0 8px;padding-left:10px;border-left:4px solid #8c6ff0;font-size:16px;font-weight:900;color:#1d1b2e}
.pl-body ul{margin:0 0 10px;padding-left:1.3em}.pl-body li{margin-bottom:4px}
.pl-table{margin:0;border-top:1px solid #eeebf4}
.pl-table div{display:grid;grid-template-columns:8em 1fr;gap:10px;padding:12px 2px;border-bottom:1px solid #eeebf4}
.pl-table dt{font-weight:900;color:#1d1b2e}.pl-table dd{margin:0}
.pl-todo{color:#e2384a;font-weight:800}
.pl-date{margin-top:22px!important;text-align:right;font-size:12.5px;color:#7a7590}
@media (max-width:760px){.pl h1{font-size:21px}.pl-table div{grid-template-columns:6.5em 1fr}}
/* フッターの運営系リンク */
.footer-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin:12px 0 4px}
.footer-links a{font-size:12px;font-weight:700;color:inherit;opacity:.85;text-decoration:none}
.footer-links a:hover{text-decoration:underline}
.footer-links{max-width:1120px;margin:0 auto;padding:4px 28px 12px;box-sizing:border-box}.footer-links a{color:#fff}
@media (max-width:760px){.footer-links{padding:4px 16px 12px}}
/* フッター本文（各社の注釈・ランキングと診断の説明・広告の委託元） */
.footer-legal{max-width:1120px;margin:0 auto;padding:4px 28px 8px;box-sizing:border-box;font-size:11px;line-height:1.7;color:#ffffffa6}
.footer-legal p{margin:0 0 8px}
.footer-legal .fl-co{margin:10px 0 2px;font-weight:800;color:#ffffffcc}
.footer-legal ol{margin:0 0 6px;padding-left:1.6em}.footer-legal li{margin:0 0 2px}
.footer-copy{max-width:1120px;margin:0 auto;padding:6px 28px 24px;box-sizing:border-box;font-size:11px;color:#ffffff80}
@media (max-width:760px){.footer-legal{padding:4px 16px 8px}.footer-copy{padding:6px 16px 22px}}
/* ランキング根拠の表 */
.rb-scroll{overflow-x:auto;margin:6px 0 8px}
.rb-table{width:100%;min-width:520px;border-collapse:collapse;font-size:13px;text-align:center}
.rb-table th,.rb-table td{padding:10px 8px;border:1px solid #e6e1f2}
.rb-table thead th{background:#f4f1fb;font-weight:900}
.rb-table tbody th{background:#faf9fd;font-weight:800;white-space:nowrap}
.rb-cond{text-align:left;font-size:12px;line-height:1.6;white-space:nowrap}
.rb-total td,.rb-total th{font-weight:900;background:#fff8e0}
.pl-note{font-size:12px;color:#7a7590}
.rb-table thead th{white-space:nowrap}
.footer-legal p{margin:0 0 6px!important;padding:0!important}
/* フッター：PCでも縦に並べる（ロゴ → リンク → 広告の開示 → ©） */
footer{display:block}
footer>div{display:block;padding:26px 28px 6px}
@media (max-width:760px){footer>div{padding:22px 16px 4px}}
.footer-links{margin:8px auto 4px}
/* ランキング見出し下の根拠の一文 */
.rank-basis{max-width:760px;margin:-4px auto 14px;padding:0 4px;font-size:11px;line-height:1.6;color:#9a95ab;text-align:center}
.rank-basis a{margin-left:4px;color:#8c6ff0;font-weight:800}
.rp-basis{margin:8px 4px 0;font-size:11px;line-height:1.6;color:#9a95ab}
@media (max-width:760px){.rb-table{min-width:0;font-size:12px}.rb-cond{white-space:normal;font-size:10.5px;min-width:7.5em}.rb-table th,.rb-table td{padding:8px 5px}.rb-table tbody th{white-space:normal;min-width:4.5em}}
.rank-basis{margin:14px auto 0;text-align:left}
.rp-basis{margin:-6px 6px 0}
.catch-kome{display:block;margin-top:2px;font-size:9px;font-weight:500;color:#a19cb2;letter-spacing:0}
.pl-table dd a{color:#5b45c4;word-break:break-all}

/* ==== 監修者（全ページのフッターの上） ==== */
.sv{padding:26px 16px 30px;background:#fff;border-top:1px solid #eeebf4}
.sv-inner{display:flex;gap:18px;align-items:flex-start;max-width:860px;margin:0 auto}
.sv-photo{flex-shrink:0;width:96px;height:96px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #fff,0 0 0 5px #e6e1f2}
.sv-photo-none{display:grid;place-items:center;background:#f1ecff;color:#b7aee0}.sv-photo-none svg{width:60%;height:60%}
.sv-label{display:inline-block;margin:0 0 4px;padding:2px 10px;border-radius:999px;background:#8c6ff0;color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em}
.sv-name{margin:0 0 6px;font-size:18px;font-weight:900;color:#1d1b2e}.sv-name small{margin-left:4px;font-size:12px;font-weight:700;color:#7a7590}
.sv-quals{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0;list-style:none}
.sv-quals li{padding:3px 10px;border-radius:8px;background:#f7f5fc;box-shadow:inset 0 0 0 1px #e6e1f2;font-size:11.5px;font-weight:800;color:#3b3452}
.sv-bio{margin:0;font-size:13px;line-height:1.85;color:#4a4560}
@media (max-width:760px){.sv-inner{flex-direction:column;align-items:center;text-align:center;gap:12px}.sv-quals{justify-content:center}.sv-bio{text-align:left}.sv-photo{width:84px;height:84px}}

/* ==== 口コミ一覧：並び替え（S1）・投稿時期・項目タグ・「参考になった」ボタン（1-A） ==== */
.rv-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.rv-head .rp-h2{margin:0}
.rv-sort{display:inline-flex;padding:3px;border-radius:999px;background:#f1eff6}
.rv-sort button{height:28px;padding:0 11px;border:0;border-radius:999px;background:none;color:#7a7590;font-size:11.5px;font-weight:800;cursor:pointer;white-space:nowrap;font-family:inherit}
.rv-sort .is-on{background:#fff;color:#1d1b2e;box-shadow:0 2px 6px #1d1b2e1f}
.rp-rv-main{flex:1;min-width:0}
.rv-date{margin:0 0 2px;font-size:10.5px;font-weight:700;color:#a19cb2}
.rv-foot{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:8px}
.rv-tags{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;flex:1 1 150px;min-width:0}
.rv-tags li{padding:1px 7px;border-radius:5px;background:#f4f2f8;color:#8f8aa3;font-size:10.5px;font-weight:700;line-height:1.7}
.rv-like{margin-left:auto;flex-shrink:0;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px 0 4px;border:0;border-radius:999px;background:#f3effd;color:#5b45c4;font-size:12px;font-weight:800;cursor:pointer;font-family:inherit;transition:.2s}
.rv-like-ic{position:relative;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #5b45c426;transition:.2s}.rv-like-ic svg{width:13px;height:13px}
.rv-like-n{font-family:Arial;font-size:12.5px;font-weight:900}
@keyframes rvpop{0%{transform:scale(1)}40%{transform:scale(1.3)}100%{transform:scale(1)}}
@keyframes rvring{to{transform:scale(1.9);opacity:0}}
.rv-like[aria-pressed=true] .rv-like-ic{background:#8c6ff0;color:#fff;animation:rvpop .35s}
.rv-like[aria-pressed=true] .rv-like-ic:after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid #8c6ff0;animation:rvring .6s ease-out forwards}
@media (prefers-reduced-motion:reduce){.rv-like[aria-pressed=true] .rv-like-ic,.rv-like[aria-pressed=true] .rv-like-ic:after{animation:none}}
.rv-tags{flex:1 1 100%}

/* ==== トップのFV（大手カードローン 徹底比較・案2） ==== */
.top-fv{position:relative;overflow:hidden;background:linear-gradient(160deg,#5b45c4,#8c6ff0 60%,#b989f5);color:#fff;font-family:var(--font-display)}
.top-fv-inner{position:relative;max-width:1120px;margin:0 auto;padding:20px 16px 22px}
.top-fv-op{position:absolute;z-index:1;right:-86px;top:96px;width:420px;height:auto;pointer-events:none}
.top-fv .eyebrow.fv-latest{position:relative;z-index:2;font-family:var(--font-body);display:inline-flex;align-items:center;gap:1px;padding:5px 14px;border-radius:999px;background:#ffd23f;color:#1d1b2e;font-size:13px;font-weight:800;letter-spacing:.04em;box-shadow:var(--shadow-sm)}
.top-fv .eyebrow.fv-latest [data-this-month]{margin-right:6px}
.top-fv-bubble{position:relative;z-index:3;display:table;margin:14px 0 10px;padding:10px 14px;border-radius:16px;background:#fff;color:#1d1b2e;font-size:16px;font-weight:900;line-height:1.45;box-shadow:0 6px 16px #2a1e6b40}
.top-fv-bubble:after{content:'';position:absolute;right:18px;bottom:-9px;border:10px solid transparent;border-bottom:0;border-top-color:#fff}
.top-fv-bubble em{font-style:normal;color:#e2384a}
.top-fv h1{position:relative;z-index:2;margin:0;font-weight:900;line-height:1.25;text-shadow:0 2px 10px #2a1e6b55}
.top-fv-l1{display:block;font-size:30px;white-space:nowrap}
.top-fv-tiles{display:flex;align-items:center;gap:5px;margin-top:8px;text-shadow:none}
.top-fv-tiles i{display:grid;place-items:center;width:50px;height:50px;border-radius:10px;background:#ffd23f;color:#1d1b2e;font-style:normal;font-size:32px;box-shadow:0 4px 0 #d9a400,0 8px 16px #2a1e6b40;transform:rotate(-3deg)}
.top-fv-tiles i:nth-child(even){transform:rotate(3deg);background:#fff}
.top-fv-tiles b{margin-left:2px;font-size:34px;color:#ffd23f}
.top-fv-cap{position:relative;z-index:2;margin:12px 0 0;font-size:13px;font-weight:800;line-height:1.6}.top-fv-cap b{color:#ffd23f}
.top-fv .hero-link{position:relative;z-index:2;margin-top:16px;display:inline-flex}
.top-fv-eta{padding:14px 16px 4px;background:var(--bg)}.top-fv-eta .fv-eta{margin:0 auto;max-width:380px}
@media (min-width:761px){
  .top-fv-inner{padding:40px 28px 44px;min-height:420px}
  .top-fv-op{right:-40px;top:auto;bottom:-30px;width:720px}
  .top-fv-bubble{font-size:20px;padding:12px 18px;margin:20px 0 14px}
  .top-fv-l1{font-size:52px}
  .top-fv-tiles{gap:8px;margin-top:12px}.top-fv-tiles i{width:82px;height:82px;font-size:52px;border-radius:14px}.top-fv-tiles b{font-size:54px}
  .top-fv-cap{font-size:17px;margin-top:18px}.top-fv-cap br.sp{display:none}
  .top-fv-eta{padding:18px 16px 6px}
}
@media (max-width:760px){.top-fv-cap br.sp{display:inline}}
@media (max-width:760px){.top-fv-l1{font-size:clamp(24px,7.2vw,30px)}.top-fv-tiles i{width:clamp(44px,13vw,50px);height:clamp(44px,13vw,50px);font-size:clamp(28px,8.4vw,32px)}}
/* トップのFV：吹き出しは1行／PCは文字とオペレーターを2列で中央に */
.top-fv-bubble{white-space:nowrap;font-size:clamp(13px,3.9vw,16px);padding:9px 13px}
@media (min-width:761px){
  .top-fv-inner{display:grid;grid-template-columns:minmax(0,1fr) 420px;column-gap:24px;align-items:center;max-width:980px;min-height:0;padding:36px 32px 0}
  .top-fv-inner>*:not(.top-fv-op){grid-column:1;justify-self:start}
  .top-fv-op{position:static;grid-column:2;grid-row:1/span 6;align-self:end;width:620px;max-width:none;margin:0 0 0 -170px}
  .top-fv .hero-link{margin:18px 0 36px}
  .top-fv-bubble{font-size:19px;padding:11px 18px;margin:18px 0 14px}
  .top-fv-l1{font-size:48px}
  .top-fv-tiles i{width:76px;height:76px;font-size:48px}.top-fv-tiles b{font-size:50px}
  .top-fv-cap{font-size:16px;margin-top:16px}
  .top-fv-eta{padding:18px 16px 6px}.top-fv-eta .fv-eta{max-width:440px}
}
@media (min-width:761px){.top-fv-inner{grid-template-columns:minmax(0,1fr) min(420px,38vw)}.top-fv-op{width:min(620px,58vw);margin-left:calc(min(620px,58vw) * -0.27)}}
/* トップ：FV下の借入時刻表示は横幅いっぱい・大きめに */
.top-fv-eta{padding:14px 16px 6px}
.top-fv-eta .fv-eta{width:100%;max-width:560px;box-sizing:border-box;justify-content:center;gap:12px;margin:0 auto;padding:12px 16px;border-radius:14px}
.top-fv-eta .fv-eta-icon{width:40px;height:40px}.top-fv-eta .fv-eta-icon svg{width:24px;height:24px}
.top-fv-eta .fv-eta-text small{font-size:13px}
.top-fv-eta .fv-eta-text>span{font-size:17px}
.top-fv-eta .fv-eta-day{font-size:17px}
.top-fv-eta .fv-eta-time{font-size:30px}
@media (max-width:760px){.top-fv-eta .fv-eta{padding:10px 12px;gap:10px}.top-fv-eta .fv-eta-text>span,.top-fv-eta .fv-eta-day{font-size:clamp(14px,4.2vw,16px)}.top-fv-eta .fv-eta-time{font-size:clamp(24px,7.2vw,28px)}.top-fv-eta .fv-eta-icon{width:34px;height:34px}}
@media (min-width:761px){.top-fv-eta .fv-eta-text>span,.top-fv-eta .fv-eta-day{font-size:20px}.top-fv-eta .fv-eta-time{font-size:36px}.top-fv-eta .fv-eta-text small{font-size:14px}}
@media (max-width:760px){
  .top-fv-eta{padding:14px 12px 6px}
  .top-fv-eta .fv-eta{padding:12px 14px;gap:12px}
  .top-fv-eta .fv-eta-icon{width:42px;height:42px}.top-fv-eta .fv-eta-icon svg{width:24px;height:24px}
  .top-fv-eta .fv-eta-text small{font-size:clamp(12px,3.6vw,14px)}
  .top-fv-eta .fv-eta-text>span,.top-fv-eta .fv-eta-day{font-size:clamp(15px,4.8vw,19px)}
  .top-fv-eta .fv-eta-time{font-size:clamp(28px,9vw,36px)}
}
@media (max-width:760px){.top-fv-eta{padding:14px 0 6px}.top-fv-eta .fv-eta{width:90%}}
/* 借入時刻の表示：元の大きさと大きめ版の中間に（2026-09-28 本人指示） */
@media (max-width:760px){
  .top-fv-eta .fv-eta{padding:10px 14px;gap:10px}
  .top-fv-eta .fv-eta-icon{width:36px;height:36px}.top-fv-eta .fv-eta-icon svg{width:21px;height:21px}
  .top-fv-eta .fv-eta-text small{font-size:clamp(11px,3.2vw,12.5px)}
  .top-fv-eta .fv-eta-text>span,.top-fv-eta .fv-eta-day{font-size:clamp(14px,4.1vw,16px)}
  .top-fv-eta .fv-eta-time{font-size:clamp(24px,7.2vw,28px)}
}
@media (min-width:761px){
  .top-fv-eta .fv-eta{max-width:500px;padding:11px 16px}
  .top-fv-eta .fv-eta-icon{width:38px;height:38px}
  .top-fv-eta .fv-eta-text small{font-size:12.5px}
  .top-fv-eta .fv-eta-text>span,.top-fv-eta .fv-eta-day{font-size:16.5px}
  .top-fv-eta .fv-eta-time{font-size:29px}
}
/* 借入時刻の表示：もう一段小さく（2026-09-28 本人指示） */
@media (max-width:760px){
  .top-fv-eta .fv-eta{padding:9px 14px}
  .top-fv-eta .fv-eta-icon{width:34px;height:34px}.top-fv-eta .fv-eta-icon svg{width:20px;height:20px}
  .top-fv-eta .fv-eta-text small{font-size:clamp(11px,3vw,12px)}
  .top-fv-eta .fv-eta-text>span,.top-fv-eta .fv-eta-day{font-size:clamp(13px,3.8vw,15px)}
  .top-fv-eta .fv-eta-time{font-size:clamp(22px,6.4vw,25px)}
}
@media (min-width:761px){
  .top-fv-eta .fv-eta{max-width:460px}
  .top-fv-eta .fv-eta-text>span,.top-fv-eta .fv-eta-day{font-size:15px}
  .top-fv-eta .fv-eta-time{font-size:26px}
  .top-fv-eta .fv-eta-text small{font-size:12px}
}

/* ==== トップのFV：実写版（ネイビー×イエロー、2026-09-28 本人決定） ==== */
.top-fv{background:#eef0f8;color:#1d2a55}
.top-fv-op{display:none}
.top-fv-photo{position:absolute;inset:0;z-index:0;background:url(assets/photo/fv_top.webp) 80% 22%/cover no-repeat}
.top-fv-soft{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.45) 40%,rgba(255,255,255,0) 62%)}
.top-fv .top-fv-inner{position:relative;z-index:2;display:block}
.top-fv h1{text-shadow:none;color:#1d2a55}
.top-fv-l1{color:#1d2a55}
.top-fv-tiles i{background:#ffd23f;color:#1d2a55;box-shadow:0 4px 0 #d9a400,0 6px 14px #1d2a5526}
.top-fv-tiles i:nth-child(even){background:#1d2a55;color:#fff;box-shadow:0 4px 0 #0e1733,0 6px 14px #1d2a5533}
.top-fv-tiles b{color:#e2384a}
.top-fv-bubble{background:#1d2a55;color:#fff;box-shadow:0 6px 16px #1d2a5533}
.top-fv-bubble:after{border-top-color:#1d2a55}
.top-fv-bubble em{color:#ffd23f}
.top-fv-cap{color:#1d2a55}.top-fv-cap b{color:#e2384a}
.top-fv .hero-link{background:#ffffffd9;color:#1d2a55;border:1.5px solid #1d2a5544;box-shadow:0 2px 8px #1d2a5514;font-size:13px}
.top-fv .hero-link span{background:#ffd23f}
.top-fv-date{position:relative;z-index:2;display:inline-flex;align-items:stretch;filter:drop-shadow(0 3px 6px #1d2a5526)}
.top-fv-date-ym{display:flex;align-items:center;gap:1px;padding:5px 12px 5px 14px;background:#1d2a55;color:#fff;font-family:var(--font-body);font-size:13px;font-weight:800;border-radius:6px 0 0 6px}
.top-fv-date-new{display:flex;align-items:center;padding:5px 16px 5px 10px;background:#ffd23f;color:#1d2a55;font-size:13px;font-weight:900;clip-path:polygon(0 0,100% 0,88% 50%,100% 100%,0 100%)}
@media (max-width:760px){
  .top-fv{background:linear-gradient(180deg,#f4f5fb,#e9ebf7)}
  .top-fv-photo{top:74px;left:34%;background-position:92% 0%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 44px),linear-gradient(90deg,transparent 0,#000 30%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 44px),linear-gradient(90deg,transparent 0,#000 30%);mask-composite:intersect}
  .top-fv-soft{background:linear-gradient(90deg,rgba(244,245,251,.85) 0%,rgba(244,245,251,.55) 48%,rgba(244,245,251,0) 72%)}
}
@media (min-width:761px){.top-fv .top-fv-inner{padding:44px 32px 40px;max-width:1120px}}

/* ==== 特集のFV：実写（トップと同じ女性、2026-09-28） ==== */
@media (max-width:760px){
  .hero .hero-photo{position:absolute;inset:0 0 0 34%;width:66%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:92% 0%;z-index:-1;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 40px),linear-gradient(90deg,transparent 0,#000 30%);-webkit-mask-composite:source-in;
    mask-image:linear-gradient(180deg,transparent 0,#000 40px),linear-gradient(90deg,transparent 0,#000 30%);mask-composite:intersect}
}
@media (max-width:760px){.hero .hero-photo{inset:30px 0 0 44%;width:56%;height:calc(100% - 30px);object-position:100% 0%}}
@media (max-width:760px){.hero .hero-photo{inset:118px 0 0 40%;width:60%;height:calc(100% - 118px);object-position:100% 0%}}

/* ==== 特集のFV：トップに合わせた文字まわり（案1、2026-09-28 本人決定） ==== */
.fv-ribbon{display:inline-flex;align-items:stretch;filter:drop-shadow(0 3px 6px #1d2a5526)}
.fv-ribbon-ym{display:flex;align-items:center;gap:1px;padding:5px 12px 5px 14px;background:#1d2a55;color:#fff;font-family:var(--font-body);font-size:13px;font-weight:800;border-radius:6px 0 0 6px}
.fv-ribbon-new{display:flex;align-items:center;padding:5px 16px 5px 10px;background:#ffd23f;color:#1d2a55;font-size:13px;font-weight:900;clip-path:polygon(0 0,100% 0,88% 50%,100% 100%,0 100%)}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.55) 38%,rgba(255,255,255,0) 58%)}
.hero .hero-content h1,.hero .hero-content>p{background:none!important;box-shadow:none!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important}
.hero .hero-content h1{color:#1d2a55}
.hero .hero-content h1>span{color:#1d2a55}
.hero .hero-content h1 strong{color:#e2384a}
.hero .hero-content>p{color:#1d2a55}
.hero .hero-content .hero-link{background:#ffffffd9;color:#1d2a55;border:1.5px solid #1d2a5544;box-shadow:0 2px 8px #1d2a5514}
@media (max-width:760px){
  .hero .hero-content h1{font-size:17px;line-height:1.5;margin-top:12px}
  .hero .hero-content h1>span{display:block;font-size:30px;margin-top:2px}
  .hero .hero-content>p{font-size:12.5px;margin:6px 0 10px;white-space:nowrap}
}
@media (min-width:761px){
  .hero .hero-content h1{font-size:24px;line-height:1.45;margin-top:18px}
  .hero .hero-content h1>span{font-size:46px}
  .hero .hero-content>p{font-size:15px;margin:10px 0 14px}
}