@charset "UTF-8";
/* 買取大吉 栗東安養寺店 — kaitori.takbiz.com 共通スタイル
   ブランド規定: 規定色のみ使用（100169 / 000000 / FF0001 / D2D5EC）
   店舗名・住所・電話番号は源ノ角ゴシック(Source Han Sans)Bold = Noto Sans JP 700
   アクセント色 #B49B62 は takbiz.com（MONOVAS制作）に合わせた当社のコーポレート色 */

:root{
  /* 買取大吉の規定色（ロゴとアンカーに限定して使う） */
  --navy:#100169;
  --navy-soft:#D2D5EC;
  --red:#FF0001;
  /* 株式会社TAK のコーポレート色（takbiz.com と共通）。こちらを主役にする */
  --gold:#B49B62;
  --gold-weak:#d8ccae;
  --ink:#333;
  --ink-weak:#6b6b6b;
  --line:#e7e3dc;
  --bg:#fff;
  --bg-soft:#f7f5f5;
  --radius:10px;
  --maxw:1040px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  font-size:17px; line-height:1.9; letter-spacing:.02em;
  padding-bottom:76px; /* 固定CTAバー分 */
}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 16px}

/* 店舗情報の書体（ブランド規定） */
.shopinfo,.shopinfo *{font-family:"Noto Sans JP",sans-serif;font-weight:700}

/* ── ヘッダー ── */
.topbar{background:var(--bg-soft);color:var(--ink-weak);font-size:13px;line-height:1.6;border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;padding-top:7px;padding-bottom:7px}
.site-header{border-bottom:1px solid var(--line);background:#fff}
.site-header .wrap{display:flex;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}
.brand img{width:92px}
.brand .shopname{font-size:15px;line-height:1.4;color:var(--navy)}
.brand .shopname small{display:block;font-size:11px;color:var(--ink-weak);font-weight:700;letter-spacing:.08em}
.header-tel{margin-left:auto;text-align:right;display:none}
.header-tel .num{font-size:28px;line-height:1.2;color:var(--navy);text-decoration:none;letter-spacing:.01em}
.header-tel .note{font-size:12px;color:var(--ink-weak);font-weight:400}
@media(min-width:860px){.header-tel{display:block}}

/* ── パンくず ── */
.crumbs{font-size:12px;color:var(--ink-weak);padding:10px 0;border-bottom:1px solid var(--line)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.crumbs li::after{content:"›";margin-left:6px;color:var(--line)}
.crumbs li:last-child::after{content:""}

/* ── ヒーロー ── */
.hero{position:relative;background:#1b1a22}
.hero img{width:100%;height:clamp(240px,44vw,420px);object-fit:cover;opacity:.58}
.hero-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:center;padding:0 16px}
.hero-copy .lead{font-family:"Noto Serif JP",serif;font-weight:600;font-size:clamp(20px,4.6vw,34px);line-height:1.6;margin:0 0 14px;text-shadow:0 2px 16px rgba(0,0,0,.55);letter-spacing:.04em}
.hero-copy .sub{font-size:clamp(13px,2.6vw,16px);margin:0;text-shadow:0 2px 10px rgba(0,0,0,.6);letter-spacing:.06em}
.hero-copy .sub::before{content:"";display:block;width:28px;height:1px;background:var(--gold);margin:0 auto 14px}

/* ── セクション ── */
section{padding:48px 0}
section.soft{background:var(--bg-soft)}
h1{font-family:"Noto Serif JP",serif;font-weight:600;font-size:clamp(22px,4.4vw,30px);line-height:1.6;margin:0 0 20px;text-wrap:balance}
h2{font-family:"Noto Serif JP",serif;font-weight:600;font-size:clamp(20px,3.8vw,26px);line-height:1.55;margin:0 0 6px;text-wrap:balance}
h3{font-family:"Noto Serif JP",serif;font-size:18px;font-weight:600;margin:26px 0 8px;line-height:1.7}
.sec-head{text-align:center;margin-bottom:34px}
.sec-head h2::after{content:"";display:block;width:34px;height:1px;background:var(--gold);margin:14px auto 0}
.sec-head .en{display:block;font-family:"Inter",sans-serif;font-size:12px;letter-spacing:.22em;color:var(--gold);margin-bottom:6px}
.sec-head p{color:var(--ink-weak);font-size:15px;margin:8px 0 0}
p{margin:0 0 1em}
.note{font-size:13px;color:var(--ink-weak);line-height:1.8}

/* ── ボタン ── */
.btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:26px 0 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:60px;padding:12px 26px;border-radius:var(--radius);text-decoration:none;font-weight:700;font-size:17px;line-height:1.4;text-align:center}
.btn-tel{background:var(--navy);color:#fff;flex-direction:column;gap:2px}
.btn-tel .num{font-size:25px;letter-spacing:.01em}
.btn-tel small{font-size:12px;font-weight:400;opacity:.85}
.btn-line{background:#06C755;color:#fff}
.btn-sub{background:#fff;color:var(--navy);border:2px solid var(--navy)}

/* ── 固定CTAバー（全幅・スマホ優先） ── */
.cta-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:1fr 1fr 1fr;
  background:#fff;border-top:1px solid var(--line);box-shadow:0 -2px 10px rgba(0,0,0,.08)}
.cta-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  min-height:74px;padding:8px 4px;text-decoration:none;font-size:13px;font-weight:700;line-height:1.4;text-align:center}
.cta-bar .c-tel{background:var(--navy);color:#fff}
.cta-bar .c-tel strong{font-size:17px;letter-spacing:0}
.cta-bar .c-line{background:#06C755;color:#fff}
.cta-bar .c-visit{background:#fff;color:var(--navy)}
.cta-bar small{font-weight:400;font-size:11px;opacity:.9}

/* ── カード ── */
.cards{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:700px){.cards.col2{grid-template-columns:1fr 1fr}.cards.col3{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.card h3{margin-top:0;color:var(--ink)}

/* ── 口コミ ── */
.rating{text-align:center;margin-bottom:24px}
.rating .score{font-family:"Inter",sans-serif;font-size:46px;font-weight:700;color:var(--ink);line-height:1}
.rating .stars{color:var(--gold);font-size:20px;letter-spacing:.1em}
.rating .count{font-size:14px;color:var(--ink-weak)}
.review{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.review .stars{color:var(--gold);letter-spacing:.1em}
.review .who{font-size:13px;color:var(--ink-weak);margin-bottom:8px}
.review p{font-size:15px;line-height:1.9;margin:0}

/* ── 品目タイル ── */
.items{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:700px){.items{grid-template-columns:1fr 1fr}}
.item{display:block;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--radius);
  padding:18px 20px;text-decoration:none;color:inherit;background:#fff}
.item strong{display:block;font-family:"Noto Serif JP",serif;font-weight:600;font-size:19px;color:var(--ink);margin-bottom:6px}
.item span{font-size:14px;color:var(--ink-weak);line-height:1.8}

/* ── 条件タグ（こんな状態でも） ── */
.tags{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:16px 0 0;list-style:none}
.tags li{border:1px solid var(--gold-weak);background:#fff;color:#6a5b3a;
  border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700}

/* ── 流れ ── */
.flow{counter-reset:step;list-style:none;padding:0;margin:0;display:grid;gap:14px}
.flow li{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px 18px 64px}
.flow li::before{counter-increment:step;content:counter(step);position:absolute;left:18px;top:18px;
  width:32px;height:32px;border-radius:50%;background:var(--gold);color:#fff;
  font-family:"Inter",sans-serif;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center}
.flow strong{display:block;font-size:17px;margin-bottom:2px}
.flow span{font-size:15px;color:var(--ink-weak)}

/* ── FAQ ── */
.faq details{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:10px}
.faq summary{cursor:pointer;padding:16px 20px;font-weight:700;font-size:16px;line-height:1.7;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"Q";color:var(--gold);font-family:"Inter",sans-serif;font-weight:700;margin-right:10px}
.faq .a{padding:0 20px 18px 44px;font-size:15px;color:var(--ink);line-height:1.9}

/* ── テーブル ── */
.table{width:100%;border-collapse:collapse;background:#fff;font-size:15px}
.table th,.table td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
.table th{background:var(--bg-soft);width:32%;white-space:nowrap;font-weight:700;color:var(--ink-weak)}

/* ── 紹介 ── */
.refer{border:1px solid var(--gold-weak);border-top:3px solid var(--gold);border-radius:var(--radius);background:#fff;padding:28px;text-align:center}
.refer strong{font-family:"Noto Serif JP",serif;font-weight:600;color:var(--ink);font-size:19px}

/* ── フッター ── */
.site-footer{background:var(--navy);color:#fff;padding:40px 0 30px;margin-top:10px;font-size:14px}
.site-footer a{color:#fff}
.site-footer .f-brand{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.site-footer .f-brand img{width:150px;background:#fff;padding:10px 14px;border-radius:8px}
.site-footer .f-nav{display:flex;flex-wrap:wrap;gap:8px 18px;padding:18px 0;margin:18px 0;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}
.site-footer .legal{font-size:12px;opacity:.85;line-height:1.9}
.map{border:0;width:100%;height:340px;border-radius:var(--radius)}

/* 画像の上にロゴを置かない（ブランド規定）。ロゴは白または紺背景のみ */

/* ── お知らせ ── */
.news-list{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.news-list li{display:flex;flex-wrap:wrap;gap:4px 16px;padding:14px 20px;border-bottom:1px solid var(--line)}
.news-list li:last-child{border-bottom:0}
.news-list time{font-family:"Inter",sans-serif;font-size:14px;color:var(--ink-weak);min-width:92px}
.news-list .t{font-size:16px;font-weight:700;line-height:1.7}

/* ── 買取実績 ── */
.results{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:700px){.results{grid-template-columns:1fr 1fr 1fr}}
.result{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:8px}
.result .meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.result time{font-family:"Inter",sans-serif;font-size:13px;color:var(--ink-weak)}
.result .cat{background:#f3eee2;color:#6a5b3a;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:700}
.result h3{margin:0;font-size:17px;line-height:1.7;color:var(--ink)}
.result p{margin:0;font-size:15px;line-height:1.85}
.sample-note{background:#fff8e6;border:1px dashed var(--gold);border-radius:var(--radius);padding:12px 16px;font-size:13px;color:#7a6630;margin-bottom:16px;line-height:1.8}

/* ── 対応地域 ── */
.areas h3{margin-top:0}
.area-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:10px 0 0;padding:0}
.area-tags li{font-size:13px;color:var(--ink-weak);background:#fff;border:1px solid var(--line);border-radius:6px;padding:4px 10px}

/* ── 信頼の帯 ── */
.trust{display:grid;gap:12px;grid-template-columns:1fr;margin-top:24px}
@media(min-width:700px){.trust{grid-template-columns:repeat(3,1fr)}}
.trust div{background:#fff;border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:var(--radius);padding:18px 20px}
.trust strong{display:block;font-family:"Noto Serif JP",serif;font-weight:600;color:var(--ink);font-size:16px;margin-bottom:4px}
.trust span{font-size:14px;color:var(--ink-weak);line-height:1.8}

/* ── 系列店舗 ── */
.sister{font-size:14px;line-height:1.9}
.sister strong{display:block;margin-bottom:4px}

/* ── 滋賀の会社であることを伝えるブロック ── */
.local{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.local .wrap{max-width:820px}
.local .eyebrow{display:block;text-align:center;font-family:"Inter",sans-serif;font-size:12px;
  letter-spacing:.22em;color:var(--gold);margin-bottom:10px}
.local h2{text-align:center}
.local h2::after{content:"";display:block;width:34px;height:1px;background:var(--gold);margin:16px auto 24px}
.local p{font-size:16.5px;line-height:2.05}
.local .sign{margin-top:26px;padding-top:20px;border-top:1px solid var(--line);
  font-size:14px;color:var(--ink-weak);line-height:1.9;text-align:center}
.local .sign strong{display:block;font-family:"Noto Serif JP",serif;font-weight:600;
  font-size:17px;color:var(--ink);margin-bottom:4px;letter-spacing:.06em}

/* ── フッター: 紺ベタ → 淡色＋ゴールドの細線（takbiz.com に合わせる） ── */
.site-footer{background:var(--bg-soft);color:var(--ink);border-top:2px solid var(--gold);
  padding:44px 0 32px;margin-top:0;font-size:14px}
.site-footer a{color:var(--ink)}
.site-footer .f-brand img{width:150px;background:transparent;padding:0;border-radius:0}
.site-footer .f-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.site-footer .legal{font-size:12px;color:var(--ink-weak);opacity:1}