/* 足場道場 役物（やくもの）買取ページ（yakumono.html）だけの見た目 2026-11-03
 * 土台は在庫大放出ページ（zaiko-sale.css・zaiko-sale-2.css・zaiko-butai.css）をそのまま使い、足りない部品だけここに置く。
 * 芯は社長の言葉「こんな材料を探しています」「少量でも大丈夫」。 */
.hero .bg img{object-position:60% 50%}
.hero-shirushi{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px;opacity:0}
body.in .hero-shirushi{animation:ukabu .8s 1.2s both}
.hero-shirushi span{background:rgba(255,212,0,.12);border:2px solid var(--ki);color:#fff;font-weight:900;font-size:15px;padding:6px 14px;border-radius:999px}
.hero-shirushi span b{color:var(--ki)}
.hero .btns{margin-top:26px;justify-content:flex-start;opacity:0}
body.in .hero .btns{animation:ukabu .8s 1.4s both}

/* こんな材料、探しています */
.sagasu{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:34px}
.sagasu article{background:#1f1d19;border:1px solid #33302a;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.sagasu figure{position:relative;aspect-ratio:4/3;background:#111;margin:0}
.sagasu figure img{width:100%;height:100%;object-fit:cover;display:block}
.sagasu figcaption{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.72);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px}
.sagasu .t{padding:18px 20px 20px}
.sagasu h3{font-weight:900;font-size:22px}
.sagasu h3 small{font-size:13px;color:var(--usui);margin-left:8px;font-weight:700}
.sunpou{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.sunpou span{font-family:Anton,"Noto Sans JP",sans-serif;font-size:20px;letter-spacing:.02em;background:var(--ki);color:var(--kuro);padding:2px 12px;border-radius:6px;line-height:1.4}
.sunpou span.s{font-family:"Noto Sans JP",sans-serif;font-weight:900;font-size:14px;padding:5px 10px}
.sagasu p{margin-top:12px;font-size:14px;color:var(--usui)}
.sagasu p b{color:#fff}
.yakumono-towa{margin-top:26px;border:2px dashed var(--ki);border-radius:14px;padding:18px 22px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}
.yakumono-towa .yomi{font-weight:900;font-size:26px;color:var(--ki);line-height:1.2}
.yakumono-towa .yomi small{display:block;font-size:13px;color:var(--usui)}
.yakumono-towa p{font-size:15px}
.yakumono-towa p small{display:block;margin-top:6px;font-size:13px;color:var(--usui)}

/* 少しだけでも大丈夫です（ページの芯） */
.shouryou{background:var(--ki);color:var(--kuro)}
.shouryou .sec-en{color:var(--kuro);opacity:.6}
.shouryou .sec-ttl em{color:var(--aka)}
.shouryou .sec-lead{color:var(--kuro)}
.ok3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.ok3 li{list-style:none;background:#fff;border:4px solid var(--kuro);border-radius:16px;padding:20px 18px;box-shadow:6px 6px 0 var(--kuro)}
.ok3 .ok{display:inline-block;font-family:Anton,sans-serif;font-size:30px;line-height:1;color:#fff;background:var(--aka);padding:4px 12px;border-radius:8px;transform:rotate(-4deg)}
.ok3 b{display:block;margin-top:12px;font-weight:900;font-size:21px;line-height:1.35}
.ok3 p{margin-top:8px;font-size:14px}
.shouryou .chuui{color:#3b3420;margin-top:20px}

.annai-kiji{margin-top:22px;font-size:14px}
.annai-kiji a{color:var(--ki);font-weight:900;text-decoration:underline}

@media (max-width:860px){
  .sagasu,.ok3{grid-template-columns:1fr}
  .yakumono-towa{grid-template-columns:1fr}
  .hero .btns{justify-content:stretch}
}

.sec-ttl .nw{white-space:nowrap}
