/* 要望掲示板（DOTS・TEMPLATES・MOTION・SOUNDS の各ページで共通）。黒地・金の差し色 */
.bb{max-width:860px;margin:0 auto;padding:70px 20px 40px;color:#e9e6dc;font:400 15px/1.8 "DM Sans","Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;box-sizing:border-box}
.bb *{box-sizing:border-box}
.bb h2{font:400 clamp(24px,3vw,32px)/1.3 "Host Grotesk","Noto Sans JP",sans-serif;letter-spacing:-.01em;margin:0 0 8px;color:#fff}
.bb .lead{font-size:14px;color:#9a958c;margin:0 0 26px}
.bb form{border:1px solid #2a2a2a;border-radius:10px;background:#111;padding:18px 18px 16px;margin-bottom:28px}
.bb label{display:block;font-size:12px;letter-spacing:.06em;color:#8a8574;margin-bottom:6px}
.bb input[type=text],.bb textarea{width:100%;background:#171717;border:1px solid #33312c;color:#fff;border-radius:8px;padding:10px 12px;font:inherit;font-size:15px}
.bb input[type=text]:focus,.bb textarea:focus{outline:0;border-color:#b69a52}
.bb textarea{min-height:110px;resize:vertical}
.bb .row{display:grid;grid-template-columns:200px 1fr;gap:14px;margin-bottom:12px}
.bb .bot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}
.bb button{background:#e8d9a8;color:#0a0a0a;border:0;border-radius:999px;padding:9px 26px;font:500 14px "DM Sans","Noto Sans JP",sans-serif;cursor:pointer}
.bb button:disabled{opacity:.5;cursor:default}
.bb .cnt{font-size:12px;color:#6f6a5c;margin-left:auto}
.bb .note{font-size:12px;color:#6f6a5c;margin:10px 0 0;line-height:1.7}
.bb .msg{font-size:13px;min-height:20px}.bb .msg.err{color:#e07a6a}.bb .msg.ok{color:#9ccf9c}
.bb .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bb .post{border-top:1px solid #222;padding:16px 2px}
.bb .post .hd{font-size:12px;color:#8a8574;display:flex;gap:10px;flex-wrap:wrap}
.bb .post .hd b{font-weight:500;color:#cfcabd}
.bb .post p{margin:6px 0 0;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
.bb .empty{color:#6f6a5c;padding:26px 2px;border-top:1px solid #222}
.bb .more{display:block;margin:18px auto 0;background:transparent;color:#e9e6dc;border:1px solid #3a3732}
@media(max-width:560px){.bb .row{grid-template-columns:1fr}.bb{padding-top:50px}}