:root{
  --navy:#100169;        /* 買取大吉 公式 紺 */
  --navy-2:#1b1180;
  --red:#ff0001;         /* 公式 赤 */
  --lav:#d2d5ec;         /* 公式 淡ラベンダー */
  --line-green:#06c755;
  --ink:#1a1a2e;
  --ink-soft:#4a4a63;
  --bg:#f6f7fc;
  --white:#ffffff;
  --border:#e3e5f2;
  --maxw:560px;
  --pad:16px;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;font-family:"Noto Sans JP",system-ui,sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.75;
  padding-bottom:72px;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;}

/* ===== ヘッダー（紺・公式ロゴ） ===== */
.site-header{
  background:var(--navy);color:#fff;text-align:center;
  padding:22px var(--pad) 18px;max-width:var(--maxw);margin:0 auto;
}
.logo{width:min(300px,78%);height:auto;margin:0 auto 10px;}
.branch{margin:0;font-size:19px;font-weight:700;letter-spacing:.02em;}
.hours{margin:6px 0 0;font-size:12.5px;color:var(--lav);}

/* ===== 二大CTA ===== */
.cta-block{max-width:var(--maxw);margin:0 auto;padding:16px var(--pad) 6px;display:grid;gap:11px;}
.cta{display:block;text-align:center;text-decoration:none;border-radius:14px;padding:14px 16px;
  font-weight:700;box-shadow:0 4px 14px rgba(16,1,105,.16);}
.cta-phone{background:var(--navy);color:#fff;}
.cta-sub{display:block;font-size:13px;font-weight:500;color:var(--lav);letter-spacing:.03em;}
.cta-main{display:block;font-size:28px;letter-spacing:.03em;margin-top:1px;font-weight:900;}
.cta-line{background:var(--line-green);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;}
.cta-line-icon{font-weight:900;background:#fff;color:var(--line-green);border-radius:7px;padding:2px 8px;font-size:15px;letter-spacing:.02em;}
.cta-line-text{font-size:16px;}

/* ===== 安心ポイント ===== */
.trust{max-width:var(--maxw);margin:0 auto;padding:10px var(--pad) 4px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.trust-item{background:var(--white);border:1px solid var(--border);border-radius:12px;
  padding:10px 4px;text-align:center;}
.trust-n{display:block;font-size:15px;font-weight:900;color:var(--navy);line-height:1.2;}
.trust-l{display:block;font-size:11px;font-weight:700;color:var(--red);margin-top:2px;}

/* ===== セクション共通 ===== */
main{max-width:var(--maxw);margin:0 auto;}
.section{padding:22px var(--pad);}
.section-title{text-align:center;font-size:19px;font-weight:900;color:var(--navy);margin:0 0 16px;}
.section-title::after{content:"";display:block;width:38px;height:3px;border-radius:2px;background:var(--red);margin:9px auto 0;}
.banner img{width:100%;}
.text-link{display:block;text-align:center;margin-top:10px;color:var(--navy);font-weight:700;font-size:14px;text-decoration:none;}

/* ===== トクバイ ===== */
.flyer-embed{
  width:100%;
  max-width:660px;
  margin:0 auto;
}
.flyer-embed iframe{
  width:100%;
  aspect-ratio:660/220;
  height:auto;
  border:0;
  display:block;
}
.flyer-card{display:flex;align-items:center;gap:14px;text-decoration:none;background:#fff;
  border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 3px 12px rgba(16,1,105,.08);}
.flyer-emoji{font-size:30px;}
.flyer-title{font-weight:700;font-size:16px;color:var(--navy);display:block;}
.flyer-sub{font-size:12px;color:var(--ink-soft);display:block;margin-top:2px;}
.flyer-arrow{margin-left:auto;font-size:26px;color:var(--red);}

/* ===== 買取品目グリッド ===== */
.items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.item{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 6px;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--navy);}
.item-ico{font-size:26px;line-height:1;}
.items-note{margin:14px 0 0;font-size:12.5px;color:var(--ink-soft);text-align:center;}

/* ===== 口コミ（自動スクロール） ===== */
.review-track-wrap{overflow:hidden;}
.review-track{display:flex;gap:12px;width:max-content;animation:review-scroll 70s linear infinite;}
.review-track:hover{animation-play-state:paused;}
.review-card{flex:0 0 260px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 3px 12px rgba(16,1,105,.06);}
.review-stars{color:#f5b301;font-size:15px;letter-spacing:1px;margin-bottom:8px;}
.review-text{
  margin:0; font-size:13px; line-height:1.7; color:var(--ink-soft);
  display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden;
}
@keyframes review-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.review-track{animation-duration:60s;}}

/* ===== FAQ ===== */
.faq-item{background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:10px;overflow:hidden;}
.faq-item summary{cursor:pointer;list-style:none;padding:14px 44px 14px 16px;font-weight:700;position:relative;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"＋";position:absolute;right:16px;top:13px;color:var(--red);font-weight:900;}
.faq-item[open] summary::after{content:"−";}
.faq-item p{margin:0;padding:0 16px 16px;color:var(--ink-soft);font-size:14px;}

/* ===== 店舗情報 ===== */
.info-list{display:grid;grid-template-columns:80px 1fr;gap:6px 12px;margin:0 0 16px;font-size:14px;}
.info-list dt{color:var(--navy);font-weight:700;}
.info-list dd{margin:0;}
.map-embed{aspect-ratio:16/10;border-radius:12px;overflow:hidden;border:1px solid var(--border);}
.map-embed iframe{width:100%;height:100%;border:0;}
.store-links{display:flex;gap:10px;margin-top:14px;}
.store-links a{flex:1;text-align:center;text-decoration:none;font-size:14px;font-weight:700;
  border:1.5px solid var(--navy);color:var(--navy);border-radius:10px;padding:11px;}

/* ===== SNS ===== */
.sns-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.sns-links a{text-align:center;text-decoration:none;font-size:14px;font-weight:700;color:var(--navy);
  background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px;}

/* ===== フッター ===== */
.site-footer{background:var(--navy);color:var(--lav);text-align:center;padding:26px var(--pad) 30px;margin-top:14px;}
.footer-logo{width:200px;margin:0 auto 14px;}
.site-footer p{margin:4px 0;font-size:12px;}
.footer-company{color:#fff;font-weight:700;}
.footer-license{color:#fff;}

/* ===== 下部固定バー：電話｜LINE ===== */
.sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;
  box-shadow:0 -3px 14px rgba(16,1,105,.22);}
.sticky-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;
  text-decoration:none;color:#fff;padding:11px 8px;font-size:13px;}
.sticky-phone{background:var(--navy);}
.sticky-line{background:var(--line-green);}
.sticky-ico{font-weight:900;background:rgba(255,255,255,.2);border-radius:6px;
  width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex:none;}
.sticky-txt{display:flex;flex-direction:column;line-height:1.15;font-weight:600;}
.sticky-txt b{font-size:15px;font-weight:900;}

a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:2px;}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;}}