@charset "UTF-8";
/* お問い合わせフォーム（contact.cgi）用。色は style.css の :root を使う */
.ct-wrap{max-width:760px}
.ct-form{display:flex;flex-direction:column;gap:18px;margin-top:16px}
.ct-row{display:flex;flex-direction:column;gap:6px;border:0;margin:0;padding:0;min-width:0}
.ct-row>label,.ct-row>legend{font-weight:700;color:var(--text);font-size:15px;padding:0}
.ct-sub{color:var(--muted);font-size:13px}
.ct-req,.ct-opt{display:inline-block;margin-left:8px;font-size:11px;padding:0 7px;border-radius:3px;vertical-align:middle;font-weight:700}
.ct-req{background:var(--accent);color:#fff}
.ct-opt{background:var(--panel2);color:var(--muted);border:1px solid var(--line)}
.ct-in{width:100%;box-sizing:border-box;font-size:16px;line-height:1.8;padding:10px 12px;border-radius:8px;border:1.5px solid #b09e88;background:#fff9d9;color:#1d1a14;font-family:inherit}
textarea.ct-in{resize:vertical;overflow:hidden}
.ct-tall{min-height:calc(1.8em * 14 + 24px)}
.ct-kinds{display:flex;flex-wrap:wrap;gap:8px}
.ck-kind{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);cursor:pointer;font-size:14px;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.ck-kind input{width:18px;height:18px;accent-color:var(--accent)}
.ck-kind:has(input:checked){border-color:var(--accent);background:var(--panel2);color:#fff}
.ct-btn{display:inline-block;width:100%;box-sizing:border-box;border:0;border-radius:10px;padding:15px 20px;font-size:16px;font-weight:700;background:linear-gradient(180deg,var(--home),var(--home-d));color:#fff;cursor:pointer;text-align:center;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.ct-btn:disabled{opacity:.6}
.ct-ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
.ct-err{background:rgba(200,50,74,.18);border:1px solid var(--accent);color:#ffd9de;border-radius:8px;padding:10px 14px;margin:14px 0 0}
.ct-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ct-tab{width:100%;border-collapse:collapse;margin:16px 0}
.ct-tab th,.ct-tab td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;font-size:15px;word-break:break-all}
.ct-tab th{width:8.5em;background:var(--panel2);color:var(--gold);white-space:nowrap}
.ct-mailprev{background:var(--panel);border:1px dashed var(--line);border-radius:10px;padding:12px 14px;margin:0 0 16px}
.ct-mp-h{margin:0 0 6px;color:var(--gold);font-weight:700;font-size:14px}
.ct-mp-s{margin:0 0 6px;font-size:14px}
.ct-mp-b{font-size:13px;color:var(--muted);line-height:1.8;word-break:break-all}
.ct-btns{display:flex;gap:12px}
.ct-btns form{flex:1}
.ct-note{color:var(--muted);font-size:13px}
.ct-back{margin-top:24px}
/* 店のカードの「情報の訂正・変更」ボタン */
.fix-btn{display:inline-flex;align-items:center;gap:4px;margin-top:10px;font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 12px;text-decoration:none;touch-action:manipulation}
.fix-btn:hover{color:#fff;border-color:var(--accent)}
.footer a{color:var(--muted);text-decoration:underline}
@media (max-width:600px){
  .ct-btns{flex-direction:column}
  .ct-tab th{width:6.5em}
}