/* This stylesheet is used only by /customer/. No /staff/ styles are loaded. */
*{box-sizing:border-box}
html{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:#303943;background:#f6f7f9;-webkit-text-size-adjust:100%}
body{margin:0;line-height:1.7}
.customer-container{max-width:980px;margin:0 auto;padding:22px 20px 56px}
.customer-header{background:#fff;padding:24px 28px;border-bottom:4px solid #bd4444;border-radius:8px;margin-bottom:22px}
.customer-brand{font-size:13px;color:#6d7177;margin:0 0 4px}
.customer-header h1{font-size:clamp(21px,3.8vw,28px);line-height:1.35;margin:0 0 10px}
.customer-intro{font-size:14px;color:#515962;margin:0}
.customer-day{margin:24px 0 28px}
.customer-day h2{font-size:19px;line-height:1.5;border-left:5px solid #b94242;padding:4px 0 4px 12px;margin:0 0 12px}
.customer-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:12px}
.customer-notice{min-width:0;border:1px solid #dce0e4;border-left:5px solid #ab6b5e;background:#fff;border-radius:6px;padding:16px 18px;overflow-wrap:anywhere}
.customer-notice--off{background:#f0f1f2;color:#666;border-left-color:#999}
.customer-notice--move{background:#f1f7ff;border-left-color:#4a86c5}
.customer-notice--hours{background:#fffbeb;border-left-color:#d6a338}
.customer-notice--added{background:#f1faf4;border-left-color:#5b9b71}
.customer-notice-head{display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;margin-bottom:9px}
.customer-artist{font-size:18px;line-height:1.4}
.customer-kind{font-size:12px;border:1px solid currentColor;border-radius:999px;padding:1px 9px;line-height:1.6;white-space:nowrap}
.customer-current{font-size:19px;line-height:1.5;font-weight:700;color:#233a50}
.customer-notice--off .customer-current{color:#777}
.customer-previous{font-size:12px;color:#69727a;margin-top:5px}
.customer-note{font-size:13px;color:#505a63;white-space:pre-line;border-top:1px solid #d9dce0;margin-top:12px;padding-top:9px}
.customer-message{padding:24px 20px;background:#fff;border:1px solid #e0e1e3;border-radius:6px}
.customer-footer{margin-top:28px;font-size:12px;color:#68717a}
.customer-footer p{margin:3px 0}
@media(max-width:600px){.customer-container{padding:12px 12px 35px}.customer-header{padding:18px 16px}.customer-day h2{font-size:17px}.customer-list{grid-template-columns:1fr}.customer-current{font-size:18px}.customer-notice{padding:14px 15px}}