*{box-sizing:border-box}body{margin:0;font-family:system-ui,"Noto Sans JP",sans-serif;background:#f1eee8;color:#3f3a34}header{background:#4d4944;color:#fff;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}h1{font-size:20px;margin:0}nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}button,nav a{border:1px solid #c8c1b7;border-radius:6px;padding:9px 15px;background:#f7f5f1;color:#4d4944;text-decoration:none;cursor:pointer;font-size:14px}.primary{background:#756f67;color:#fff;border-color:#756f67}main,footer{max-width:1050px;margin:25px auto;padding:0 16px}article{background:#fffdf9;border:1px solid #ddd7cd;border-radius:8px;padding:20px;margin-bottom:18px;box-shadow:0 1px 4px #0001}.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center}table{width:100%;border-collapse:collapse}th,td{padding:13px 10px;border-bottom:1px solid #e5e7eb;text-align:left}th{font-size:13px;background:#f5f2ed}input,textarea{width:100%;padding:10px;border:1px solid #cfc8be;border-radius:6px;font:inherit}textarea{min-height:150px}label{display:block;font-weight:600;margin:15px 0 6px}small{font-weight:400;color:#756f67;line-height:1.55}.notice{padding:12px;border-radius:6px;background:#f5f1e9;border:1px solid #d8d0c5}.badge{padding:4px 9px;border-radius:999px;font-size:12px;background:#eee9df}.title{color:#5c5751;font-weight:600;text-decoration:underline;cursor:pointer}.card{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;max-width:470px;padding:12px;background:#f5f1e9;border:1px solid #ddd5ca;border-radius:10px}.stamp{aspect-ratio:1;border:1px dashed #cfc6b9;border-radius:8px;padding:5px;text-align:center;font-size:10px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.stamp img{width:70%;display:block;margin:0 auto}.stamp.coupon{border-style:solid}img.preview{max-width:100%;max-height:400px;border-radius:8px;margin-top:10px}footer{text-align:right;font-size:11px;color:#8a837b}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}th:nth-child(3),td:nth-child(3){display:none}.toolbar{align-items:flex-start;flex-direction:column}}
/* 印刷設定ページと共通の卯作図テーマ */
:root{--orange:#f28c28;--cream:#fff7dc;--brown:#9d8165;--red:#e75b55;--green:#35aa62}
body{font-family:"Yu Gothic UI","Meiryo",sans-serif;background-color:var(--cream);background-image:linear-gradient(#f28c281f 1px,transparent 1px),linear-gradient(90deg,#f28c281f 1px,transparent 1px);background-size:20px 20px;color:#34291f}
header{background:var(--brown);border-bottom:2px solid var(--orange)}
button,nav a{border-color:#d9963c;border-radius:6px;color:#33261c;background:#fff;font-weight:700}
button.primary{background:var(--red);border-color:var(--red);color:#fff}
main{max-width:1180px}
article{background:#fff9e9;border:1px solid #efb35f;border-radius:8px;box-shadow:0 2px 10px #0002}
th{background:#fff0de;color:#33261c;border-bottom-color:#efb35f}
td{border-bottom-color:#f1c98b}
input,textarea{border-color:#d9963c;background:#fff}
.notice{background:#fff7dc;border-color:#efb35f}
.card{background:#fff7dc;border-color:#efb35f}
footer{color:#8c6948}
.pointMarks{font-family:monospace;white-space:nowrap;letter-spacing:.03em}
#admin td:last-child{white-space:nowrap}
#adminConfirm{border:2px solid #d9963c;border-radius:9px;background:#fff9e9;color:#34291f;max-width:min(420px,calc(100vw - 32px));width:100%;padding:22px}
#adminConfirm::backdrop{background:#0008}
#adminConfirm h3{margin-top:0}
.confirmActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:22px}
#confirmPointsRow[hidden]{display:none}
#admin article{overflow-x:auto}
#boardLogin{border:2px solid #d9963c;border-radius:9px;background:#fff9e9;color:#34291f;max-width:min(500px,calc(100vw - 32px));padding:22px}
#boardLogin::backdrop{background:#0008}
#boardLogin h3{margin-top:0}
#boardGoogleSignIn{margin-top:18px;min-height:42px}
.cards{display:grid;gap:20px;margin:18px 0}
.cardSheet{min-width:0}
.cardSheet h3{margin:0 0 8px}
.currentImage{margin:16px 0;padding:12px;border:1px solid #efb35f;border-radius:8px;background:#fff7dc}.currentImage p{margin:0 0 8px;font-weight:700}.checkLabel{font-weight:400}.checkLabel input{width:auto;margin-right:6px}.formActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.button{display:inline-block;border:1px solid #d9963c;border-radius:6px;padding:9px 15px;background:#fff;color:#33261c;text-decoration:none;font-weight:700}
#imagePasteArea{padding:16px;border:2px dashed #d9963c;border-radius:6px;background:#fffdf7;cursor:text;color:#5a4230}#imagePasteArea:focus{outline:2px solid #e75b55;outline-offset:2px}#pastedImage p{margin:10px 0 0}
.replies{margin-top:28px;padding-top:18px;border-top:2px solid #efb35f}.replyItem{margin:12px 0;padding:14px;border:1px solid #efb35f;border-radius:8px;background:#fff}.replyMeta{font-size:12px;color:#756f67;margin-bottom:8px}.replyBody{line-height:1.7}.replyActions{display:flex;gap:8px;margin-top:10px}.replyForm{margin-top:18px;padding:14px;border:1px solid #efb35f;border-radius:8px;background:#fff7dc}.replyForm textarea{min-height:110px}.replyImage{display:block}.replies button{width:auto}#replyEditDialog{border:2px solid #d9963c;border-radius:9px;background:#fff9e9;color:#34291f;max-width:min(620px,calc(100vw - 32px));width:100%;padding:22px}#replyEditDialog::backdrop{background:#0008}#replyEditDialog textarea{min-height:150px}
