.page{animation:pageIn .5s ease both}@keyframes pageIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--delay,0ms)}.reveal.visible{opacity:1;transform:none}.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:30px 0}.record-card{border:1px solid var(--line);background:white;overflow:hidden;animation:pageIn .5s ease both}.record-picture{aspect-ratio:4/3;overflow:hidden}.record-picture img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.record-body{padding:22px}.record-body h3{font:600 22px var(--f-display);color:var(--navy);margin:0 0 12px}.record-body p{font-size:14px;margin:8px 0}.record-body .record-price{font-size:25px;color:var(--navy)}.sample-label{padding:12px;background:#eee9de;color:#69552f;font-size:16px;font-weight:700;text-align:center}.filters,.page-entries{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.filters button{font:inherit;padding:8px 18px;border:1px solid var(--line);background:white;color:var(--navy);cursor:pointer}.filters button[aria-pressed=true]{background:var(--navy);color:white}.center{text-align:center;margin-top:30px}.page>.sec:first-child{padding-top:64px}.record-grid+.note{line-height:1.9}.header-nav{flex-shrink:0}@media(hover:hover){.cat .frame img{transition:transform .7s}.cat:hover .frame img,.record-card:hover img{transform:scale(1.045)}}@media(max-width:960px){.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.record-grid{grid-template-columns:1fr}.brand-name{font-size:18px}.header-nav .btn{font-size:11px;padding:8px}.page-entries{flex-direction:column}.sec-nav a{font-size:12px}.sample-label{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* トップ：買取品目を小さな図柄で一覧表示 */
.invite .wrap.narrow{max-width:1000px}.mini-items{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.mini-items a{display:flex;flex-direction:column;align-items:center;gap:9px;padding:14px 3px;text-decoration:none;color:var(--navy);border:1px solid var(--line);border-radius:4px;background:var(--white);height:100%;transition:background .2s,border-color .2s}.mini-items a:hover{background:var(--mist);border-color:var(--gold)}.mini-items svg{width:44px;height:44px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.mini-items span{font-size:12px;font-weight:700;letter-spacing:0;line-height:1.5;white-space:nowrap}.mini-benefits{list-style:none;padding:0;margin:23px 0 0;display:flex;justify-content:center;flex-wrap:wrap;gap:9px 18px;color:var(--ink-soft);font-size:12px}.mini-benefits li:before{content:'✓';color:var(--gold);margin-right:5px}@media(max-width:820px){.mini-items{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:25px}.mini-items a{padding:12px 2px;gap:7px}.mini-items svg{width:38px;height:38px}.mini-items span{font-size:10px}.mini-benefits{gap:8px 12px;font-size:11px;margin-top:19px}}

/* 来場案内：ROOM用の紺・金の背景を使用 */
.invite{background-color:#1F2A44;background-image:linear-gradient(rgba(31,42,68,.18),rgba(31,42,68,.18)),url("img/invite-room-background.png");background-size:cover;background-position:center;color:#F7F3EC}
.invite h2{color:#F7F3EC;text-shadow:0 2px 12px rgba(0,0,0,.18)}
.invite .sub,.invite .mini-benefits{color:#F7F3EC}
.invite .mini-benefits li:before{color:#d6b781}
.invite .mini-items a{background:#F7F3EC;color:#1F2A44;border-color:rgba(184,147,90,.55)}
.invite .mini-items a:hover{background:#fff;border-color:#B8935A}
.invite .mini-items a:focus-visible{outline-color:#F7F3EC}

/* 全ページ背景の試用版：このブロックを外すと来場案内だけの背景に戻ります */
body{background:#1F2A44 url("img/invite-room-background.png") center top / 1868px 1228px repeat;color:#F7F3EC}
body::before{background:#1F2A44}
.page>.sec,.page>.sec.mist,.page>.event,.page>.invite{background:transparent}
.sec-head h2,.sec-head p,.event-head h2,.cat h3,.cat p,.cond-foot .soft,.flow-note,.tip h3,.tip h3 svg,.tip p{color:#F7F3EC}
.eyebrow,.cat h3 .no,.tip .n{color:#d6b781}
.page .note,footer{color:#e2e3e8}
.event{border-top-color:rgba(214,183,129,.5)}
/* 明るい情報面は紺文字に統一 */
.ev-card,.record-card,.cond,.assure,.flow li,.cat-note,.tip-check,.visit,.faq,.company{background:#F7F3EC;color:#253047}
.assure,.visit,.faq,.company{border:1px solid rgba(184,147,90,.55)}
.faq,.company{padding:28px}
.ev-card .note,.record-card .note,.company .note,.visit .note{color:#5d636e}
.company h3,.company dt,.visit h2,.faq summary,.flow h3,.cond h3,.assure strong{color:#1c2b4a}
.company .hq-note,.visit .contact-tel,.tip-check{color:#515b6b}
.record-body p,.flow p,.cond p,.assure p,.faq .a,.company dd,.visit p{color:#363b44}
.record-body .record-price{color:#1c2b4a}
/* 写真のスライド上の文字・白いぼかしは元のまま */
.hero-bar{background:#1F2A44 url("img/invite-room-background.png") center / cover;border-color:rgba(214,183,129,.4);color:#F7F3EC}
.hero-bar .label-event,.hero-bar .label-free{color:#F7F3EC;border-color:#d6b781}
.hero-bar .dot::before{background:#7c8597}.hero-bar .dot[aria-current="true"]::before{background:#e4c592}
.hero-bar .ctrl{background:#F7F3EC;color:#1F2A44}
.site-header{background:rgba(31,42,68,.97);border-color:rgba(214,183,129,.4)}
.site-header .brand,.site-header .brand-sub,.sec-nav a,.sec-nav a:hover,.sec-nav a[aria-current="true"]{color:#F7F3EC}
.sec-nav{border-color:rgba(214,183,129,.25)}
.sec-nav a[aria-current="true"]{border-bottom-color:#d6b781}
.page .btn:not(.btn-ghost),.site-header .btn{border-color:#b8935a}
.page .btn-ghost{background:#F7F3EC;color:#1F2A44}
.filters button{background:#F7F3EC;color:#1F2A44;border-color:#b8935a}
.filters button[aria-pressed=true]{background:#1F2A44;color:#F7F3EC;border-color:#e4c592;box-shadow:inset 0 -2px #e4c592}
.sp-bar{background:rgba(31,42,68,.98);border-color:#b8935a}
.sp-bar .btn{border-color:#b8935a}
footer{border-color:rgba(214,183,129,.4)}
@media(max-width:820px){.sec-nav::after{background:linear-gradient(90deg,rgba(31,42,68,0),#1F2A44)}}
@media(max-width:600px){.faq,.company{padding:20px 16px}}
/* 全ページ背景の試用版ここまで */

/* 郵便番号と住所を分けて表示 */
.company{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.company-postcode,.company-address{display:block}
.company-address{margin-top:4px;word-break:normal;overflow-wrap:normal}
.company-address>span{display:inline-block;max-width:100%;overflow-wrap:break-word}
@media(max-width:760px){.company{grid-template-columns:1fr}}

/* 直近の買取履歴：未登録時と金額・日付の表示 */
.records-empty{grid-column:1/-1;padding:38px 24px;background:#F7F3EC;color:#253047;text-align:center;border:1px solid var(--line)}
.record-body .record-date{font-size:13px;color:#5d636e}.record-price span{display:block;font-size:13px;margin-bottom:4px}.record-price small{font-size:16px}

/* トップの品目は既存写真を同じ正方形で表示 */
.mini-items a{padding:0 0 12px;overflow:hidden;gap:10px}.mini-items img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.mini-items span{white-space:normal;padding:0 3px;min-height:3em;display:flex;align-items:center;justify-content:center}
/* トップの直近実績：PC4件、タブレット3件、スマホは次のカードが見える横送り */
#recentRecords{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b8935a transparent;padding-bottom:12px;margin-top:18px}
#recentRecords .record-card{scroll-snap-align:start;min-width:0;animation:none}#recentRecords .record-picture{aspect-ratio:1}#recentRecords .record-body{padding:14px}#recentRecords h3{font-size:16px;line-height:1.65;margin-bottom:8px;min-height:3.3em}#recentRecords .record-body>p:not(.record-price){display:none}#recentRecords .record-price{font-size:21px;margin:0}#recentRecords .record-price span{font-size:11px}#recentRecords .record-price small{font-size:13px}.recent-controls{display:flex;align-items:center;justify-content:flex-end;gap:16px}.recent-controls span{font-size:12px;color:#e2e3e8}.recent-controls button{width:42px;height:42px;border:1px solid #b8935a;background:#F7F3EC;color:#1F2A44;font-size:20px;cursor:pointer}.recent-controls button:disabled{opacity:.35;cursor:default}
@media(max-width:960px){#recentRecords{grid-auto-columns:calc((100% - 32px)/3)}}@media(max-width:600px){#recentRecords{grid-auto-columns:64%}#recentRecords h3{font-size:15px}.mini-items a{padding:0 0 9px}.mini-items span{font-size:10px}.recent-controls{justify-content:center}}