/* claude-6（10-19）お客様の画面の新しい見た目（architecture/audit/デザイン刷新案_1017/customer-1019 の見本）。
   色は palette-1019/palette.css の業種の札（ヘア・スパ・エステ・ネイル・まつげ・リラク）。札は <html data-genre> がある時だけ。
   店がテーマ（warm-editorial など）や自分の見た目を選んでいる時は data-genre を付けない＝店の色のまま（決め settings：テーマはお客様の画面だけ）。
   形（白いカード・グレージュの地・行・大きな見出し・主ボタン）は html.c6 の画面で共通。ダークモードは作らない。 */

/* ---- 業種の札（palette-1019 と同じ値） ---- */
html[data-genre]{--surface:#FFFFFF;--field:#F2F0ED;--ink:#4F4543;--muted:#6D6663;--line:#E3DFDC;--full:#6F6967;--sat:#41668D;--sun:#A63C3F;--danger:#C90D23;--danger-soft:#FEEEEC;--on-accent:#FFFFFF;--on-button:#FFFFFF;
  --panel:var(--surface);--paper:var(--surface);--color-surface-raised:var(--surface);--chip:var(--field);--brand:var(--accent);--navy:var(--accent-strong);--color-action-tint:var(--accent-soft);--bad:var(--danger);--color-text-inverse:#FFFFFF;--text:var(--ink)}
html[data-genre="hair"]{--button:#CA7949;--accent:#A45A2C;--accent-strong:#924D22;--accent-soft:#FFEADE;--accent-pastel:#FCCCB1;--bg:#F7F3EF}
html[data-genre="spa"]{--button:#4299A6;--accent:#207783;--accent-strong:#156974;--accent-soft:#DAF4F8;--accent-pastel:#B5E1E8;--bg:#F3F4F2}
html[data-genre="esthe"]{--button:#C37594;--accent:#9E5774;--accent-strong:#8D4B66;--accent-soft:#FFE7EF;--accent-pastel:#F8C8D9;--bg:#F7F2F1}
html[data-genre="nail"]{--button:#B279BB;--accent:#8E5A97;--accent-strong:#7E4E86;--accent-soft:#F8E9FA;--accent-pastel:#ECCAF1;--bg:#F7F2F2}
html[data-genre="eye"]{--button:#8C85C9;--accent:#6C65A3;--accent-strong:#5F5992;--accent-soft:#EDECFE;--accent-pastel:#D5D2FB;--bg:#F6F3F2}
html[data-genre="relax"]{--button:#62996D;--accent:#457850;--accent-strong:#3A6A45;--accent-soft:#E2F4E5;--accent-pastel:#C2E1C7;--bg:#F4F4EF}
/* 店の色のとき（data-genre なし）は店のテーマの色を使う */
html.c6{--c6-button:var(--button,var(--brand,#0f766e));--c6-accent:var(--accent,var(--brand,#0f766e));--c6-strong:var(--accent-strong,var(--navy,#1f2937));--c6-soft:var(--accent-soft,var(--color-action-tint,#eef6f4));--c6-surface:var(--surface,var(--panel,#fff));--c6-field:var(--field,var(--chip,#f2f2f2));--c6-line:var(--line,#e5e7eb);--c6-muted:var(--muted,#555);--c6-ink:var(--ink,#222);--c6-danger:var(--danger,#b42318);--c6-sat:var(--sat,#41668D);--c6-sun:var(--sun,#A63C3F)}

/* ---- 共通の部品 ---- */
html.c6,html.c6 body{background:var(--bg);color:var(--c6-ink)}
html.c6 body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",system-ui,sans-serif}
html.c6 *,html.c6 *::before,html.c6 *::after{box-sizing:border-box}
html.c6 .pc-main:focus,html.c6 .pc-main:focus-visible{outline:none!important}
html.c6 :focus-visible{outline:3px solid var(--c6-accent)!important;outline-offset:2px}
.c6-title{font-size:30px;line-height:1.25;font-weight:700;letter-spacing:-.01em;color:var(--c6-ink);margin:8px 0 16px}
.c6-group-title{font-size:13px;font-weight:600;color:var(--c6-muted);margin:20px 16px 6px;letter-spacing:.02em}
.c6-group{background:var(--c6-surface);border-radius:12px;overflow:hidden}
.c6-row{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 16px;border:0;background:var(--c6-surface);color:var(--c6-ink);font:inherit;font-size:17px;text-align:left;text-decoration:none;position:relative;cursor:pointer}
.c6-row+.c6-row::before{content:"";position:absolute;left:16px;right:0;top:0;border-top:1px solid var(--c6-line)}
.c6-row .c6-chev{margin-left:auto;color:#8F8682;font-size:22px;line-height:1;flex:none}
.c6-row small{display:block;font-size:15px;color:var(--c6-muted)}
.c6-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:12px 20px;border:0;border-radius:14px;background:var(--c6-button);color:var(--on-button,#fff);font:inherit;font-size:19px;font-weight:700;text-decoration:none;cursor:pointer}
.c6-primary:disabled,.c6-primary[aria-disabled="true"]{background:#E3DFDC;color:#5E5754}
.c6-secondary{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;border:0;border-radius:12px;background:var(--c6-soft);color:var(--c6-strong);font:inherit;font-size:17px;font-weight:600;text-decoration:none;cursor:pointer}
.c6-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:2px;border-radius:10px;background:var(--c6-field)}
.c6-seg button{min-height:44px;border:0;border-radius:8px;background:transparent;color:var(--c6-ink);font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.c6-seg button[aria-pressed="true"]{background:var(--c6-surface);color:var(--c6-strong);box-shadow:0 1px 3px rgba(79,69,67,.18)}
.c6-chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid var(--c6-line);border-radius:999px;background:var(--c6-surface);color:var(--c6-ink);font:inherit;font-size:16px;cursor:pointer}
.c6-chip[aria-pressed="true"]{background:var(--c6-strong);border-color:var(--c6-strong);color:#fff;font-weight:700}
.c6-ai{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;margin:0 0 16px;padding:14px 16px;border:0;border-radius:14px;background:linear-gradient(120deg,var(--c6-soft),#F5F1FC 65%,var(--c6-surface));color:var(--c6-ink);font:inherit;text-align:left;cursor:pointer}
.c6-ai .c6-spark{flex:none;color:#5E4FB3;font-size:20px;line-height:1}
.c6-ai strong{display:block;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}
.c6-ai small{display:block;font-size:15px;color:var(--c6-muted);margin-top:2px}
.c6-skip{position:absolute;left:-10000px;top:8px;z-index:30;padding:10px 14px;border-radius:10px;background:#fff;color:var(--c6-accent)}.c6-skip:focus{left:8px}
.c6-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.c6-red{color:var(--c6-danger);font-weight:700}
.c6-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c6-danger);margin-right:6px;vertical-align:middle}

/* ---- よくあるご質問（右上の入口・決まった答え・AI は呼ばない） ---- */
.c6-faq-open{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--c6-surface);color:var(--c6-accent);cursor:pointer;flex:none}
.c6-faq-open svg{width:22px;height:22px}
dialog.c6-sheet{width:min(560px,100%);max-width:100%;max-height:88vh;margin:auto auto 0;padding:0;border:0;border-radius:16px 16px 0 0;background:var(--bg,#F7F3EF);color:var(--c6-ink);overflow:auto}
dialog.c6-sheet::backdrop{background:rgba(40,32,30,.4)}
@media(min-width:700px){dialog.c6-sheet{margin:auto;border-radius:16px}}
.c6-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 16px 4px}
.c6-sheet-head h2{font-size:22px;font-weight:700;margin:0}
.c6-sheet-close{min-width:44px;min-height:44px;border:0;border-radius:12px;background:transparent;color:var(--c6-accent);font:inherit;font-size:17px;font-weight:600;cursor:pointer}
.c6-sheet-body{padding:8px 16px 24px}
.c6-faq-a{margin:0;padding:14px 16px;background:var(--c6-surface);border-radius:12px;font-size:16px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}
.c6-faq-a[hidden]{display:none}

/* ================= 予約の画面（index.html） ================= */
html.c6 .wrap{max-width:600px;padding:0 16px 120px}
html.c6 .top{background:transparent;color:var(--c6-ink);margin:0;padding:68px 0 4px;position:relative}
@media(max-width:480px){html.c6 .top .brand{display:none}}
html.c6 .top .brand{position:absolute;left:0;top:28px;font-size:12px;letter-spacing:.08em;color:var(--c6-muted);opacity:1;font-weight:600}
html.c6 .top h1{font-size:30px;line-height:1.25;font-weight:700;letter-spacing:-.01em;margin-top:6px;color:var(--c6-ink)}
html.c6 .top .notice{color:var(--c6-ink);opacity:1;font-size:15px;line-height:1.6;background:var(--c6-surface);border-radius:12px;padding:12px 14px;margin:10px 0 0}
html.c6 #placeCE{color:var(--c6-muted);font-size:15px}
html.c6 #langSel1090{top:14px;right:52px;min-height:44px;border:1px solid var(--c6-line);background-color:var(--c6-surface);color:var(--c6-ink);font-size:14px;padding:0 28px 0 12px;max-width:150px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236D6663' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 6px center;background-size:16px}
html.c6 #langSel1090 option{color:#4F4543}
html.c6 .top .c6-faq-open{position:absolute;top:14px;right:0}
html.c6 #mypageLink1102{color:var(--c6-accent)!important;text-decoration:none!important;font-size:16px!important;font-weight:600!important;min-height:44px!important;margin-top:2px!important;border:0;padding:0;background:transparent}
html.c6 #infoRetry{background:var(--c6-soft);color:var(--c6-strong);border:0;border-radius:12px;padding:8px 16px;font-weight:600}
html.c6 #kindPick1178 .btn{background:var(--c6-surface)!important;color:var(--c6-ink)!important;border:0;border-radius:14px}
html.c6 #kindLabel1178{color:var(--c6-ink);font-size:15px}
html.c6 #kindLabel1178 a{color:var(--c6-accent)!important}

/* 手順の札：細い 4 つの段（今いる段に下線） */
html.c6 #bookingSteps{gap:0;margin:8px -16px 4px;padding:0 8px;background:var(--bg);border-bottom:1px solid var(--c6-line);top:0}
html.c6 #bookingSteps button{min-height:48px;border:0;border-radius:0;background:transparent;color:var(--c6-muted);font-size:14px;font-weight:600;flex-direction:row;gap:4px;padding:4px 2px;line-height:1.25;box-shadow:inset 0 -3px 0 transparent;text-align:center}
html.c6 #bookingSteps button span{font-size:12px;font-variant-numeric:tabular-nums;opacity:.8}
html.c6 #bookingSteps button[aria-selected="true"]{background:transparent;color:var(--c6-accent);box-shadow:inset 0 -3px 0 var(--c6-accent)}
html.c6 #bookingSteps button:disabled{opacity:.5}

/* 段の中身：カードの枠をやめ、大きな見出し＋白い行 */
html.c6 .step{background:transparent;border:0;border-radius:0;padding:0;margin-top:8px}
html.c6 .step h2{font-size:28px!important;line-height:1.3!important;font-weight:700;color:var(--c6-ink);margin:12px 0 12px;gap:0}
html.c6 .step h2 .no{display:none}
html.c6 #d1,html.c6 #d2,html.c6 .step .done{font-size:15px!important;font-weight:600;color:var(--c6-accent)!important;margin-left:0}
html.c6 .step h2 .done:empty{display:none}
html.c6 .hint{color:var(--c6-muted);font-size:14px}
html.c6 #rqLink1277{font-size:15px;line-height:1.6;margin:14px 4px 0!important;color:var(--c6-muted)}
html.c6 #rqLink1277 a{color:var(--c6-accent)!important}

/* 1 メニュー（上に「前回と同じ」） */
html.c6 .c6-again{margin:0 0 16px}
html.c6 .c6-again[hidden]{display:none}
html.c6 .c6-again .c6-group-title{margin:0 16px 6px}
html.c6 .c6-again .c6-line{flex:1;min-width:0}
html.c6 .c6-again strong{display:block;font-size:17px;font-weight:600}
html.c6 .c6-again-note{font-size:14px;color:var(--c6-muted);margin:6px 16px 0}
html.c6 #cats{gap:8px;padding:0 0 12px}
html.c6 #cats button{background:var(--c6-surface);border:1px solid var(--c6-line);color:var(--c6-ink);font-size:15px;min-height:44px;padding:8px 16px;line-height:1.4}
html.c6 #cats button.on{background:var(--c6-strong);border-color:var(--c6-strong);color:#fff;font-weight:700}
html.c6 #menuList{gap:0;background:var(--c6-surface);border-radius:12px;overflow:hidden;margin-top:4px}
html.c6 #menuList .mcard{display:grid;grid-template-columns:minmax(0,1fr) 16px;grid-template-areas:"main chev" "price chev";column-gap:10px;row-gap:2px;align-items:center;border:0;border-radius:0;background:var(--c6-surface);padding:14px 16px;min-height:64px;position:relative;box-shadow:none;color:var(--c6-ink)}
html.c6 #menuList .mcard>span:first-child{grid-area:main}
html.c6 #menuList .mcard .pr{grid-area:price;justify-self:start;margin:0;font-size:16px;font-weight:600;white-space:normal}
html.c6 #menuList .mcard::after{content:"›";grid-area:chev;color:#8F8682;font-size:22px;line-height:1;justify-self:end}
html.c6 #menuList .mcard+.mcard::before{content:"";position:absolute;left:16px;right:0;top:0;border-top:1px solid var(--c6-line)}
html.c6 #menuList .nm{font-size:17px;font-weight:600}
html.c6 #menuList .mn{font-size:15px;color:var(--c6-muted)}
html.c6 #menuList .mcard[aria-pressed="true"]{background:var(--c6-soft);box-shadow:none}
html.c6 #menuList .mcard[aria-pressed="true"] .nm{color:var(--c6-strong)}
html.c6 #menuList .mcard.dead1119{opacity:1;color:var(--c6-muted)}
@media(min-width:601px){html.c6 #menuList .mcard{grid-template-columns:minmax(0,1fr) auto 16px;grid-template-areas:"main price chev"}html.c6 #menuList .mcard .pr{justify-self:end;text-align:right}}

/* 2 担当 */
html.c6 #freeHint1086{font-size:15px;margin:0 4px 10px}
html.c6 #staffRow{display:block;background:var(--c6-surface);border-radius:12px;overflow:hidden;margin-top:0}
html.c6 #staffRow .scard{display:block;width:100%;min-height:68px;padding:12px 40px 12px 72px;border:0;border-radius:0;background:var(--c6-surface);text-align:left;font-size:17px;line-height:1.45;color:var(--c6-ink);position:relative;box-shadow:none}
html.c6 #staffRow .scard+.scard::before{content:"";position:absolute;left:72px;right:0;top:0;border-top:1px solid var(--c6-line)}
html.c6 #staffRow .scard::after{content:"›";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#8F8682;font-size:22px;line-height:1}
html.c6 #staffRow .face{position:absolute;left:16px;top:12px;width:44px;height:44px;margin:0!important;background:var(--c6-field);color:var(--c6-ink);font-size:18px}
html.c6 #staffRow .rl{font-size:14px;color:var(--c6-muted)}
html.c6 #staffRow .prof1142{font-size:14px;color:var(--c6-muted)}
html.c6 #staffRow .scard[aria-pressed="true"]{background:var(--c6-soft);box-shadow:none}
html.c6 #profDetail1142{background:var(--c6-surface);border:0;border-radius:12px;font-size:15px}

/* 3 日時：縦の週の表（日付が列・上に日・下に曜日・時刻の行・◎ 空き／× 満席／休） */
html.c6 .c6-pick{margin:0 0 14px}
html.c6 .c6-pick .c6-row{min-height:64px}
html.c6 .c6-pick .c6-av{flex:none;width:44px;height:44px;border-radius:50%;background:var(--c6-field);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:var(--c6-ink)}
html.c6 .c6-pick .c6-line{flex:1;min-width:0}
html.c6 .c6-pick strong{display:block;font-size:17px;font-weight:600;overflow-wrap:anywhere}
html.c6 .week1104{margin:4px 0 4px;gap:4px;flex-wrap:wrap}
html.c6 .week1104 .range{order:-1;flex:1 1 auto;font-size:17px;font-weight:700;color:var(--c6-ink);text-align:left}
html.c6 .week1104 button{min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--c6-accent);font-size:15px;font-weight:600;padding:0 8px}
html.c6 .week1104 button:disabled{color:var(--c6-muted);opacity:1}
html.c6 .legend1104{justify-content:flex-start;gap:4px 12px;margin:0 4px 8px;font-size:13px;color:var(--c6-muted)}
html.c6 .legend1104 b{color:var(--c6-accent);font-size:14px}
html.c6 .legend1104 .c6-key-full b{color:var(--full,#6F6967)}
html.c6 .legend1104 .c6-key-ai{color:#5E4FB3}
html.c6 .gridWrap1109{border:0;border-radius:12px;overflow:visible;background:var(--c6-surface);margin:0 -4px}
html.c6 #days.days{grid-template-columns:52px repeat(7,minmax(0,1fr));position:sticky;top:var(--c6-steps-h,49px);z-index:4;background:var(--c6-surface);border-bottom:1px solid var(--c6-line);border-radius:12px 12px 0 0}
html.c6 #days.days>span{font-size:12px;color:var(--c6-muted);border-right:1px solid var(--c6-line)}
html.c6 #days.days .day{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:6px 0;border-right:1px solid var(--c6-line);background:transparent;color:var(--c6-ink);box-shadow:none}
html.c6 #days.days .day:last-child{border-right:0}
html.c6 #days.days .day .d{order:-1;font-size:18px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}
html.c6 #days.days .day .d.c6-md{font-size:15px}
html.c6 #days.days .day .w{font-size:12px;font-weight:500;color:var(--c6-muted);line-height:1.3}
html.c6 #days.days .day.sat1109 .d,html.c6 #days.days .day.sat1109 .w{color:var(--c6-sat)}
html.c6 #days.days .day.sun1109 .d,html.c6 #days.days .day.sun1109 .w{color:var(--c6-sun)}
html.c6 #days.days .day.today1104{background:transparent;color:var(--c6-ink)}
html.c6 #days.days .day.on,html.c6 #days.days .day.today1104.on{background:transparent;box-shadow:inset 0 -3px 0 var(--c6-accent)}
html.c6 #days.days .day.closed{color:var(--c6-muted);background:var(--c6-field)}
html.c6 table.grid1104 th.t{position:sticky;left:0;z-index:1;background:var(--c6-surface);font-size:13px;font-weight:500;color:var(--c6-muted);border-right:1px solid var(--c6-line);border-bottom:1px solid var(--c6-line);height:44px}
html.c6 table.grid1104 td{border-right:1px solid var(--c6-line);border-bottom:1px solid var(--c6-line)}
html.c6 table.grid1104 td.today1109{background:transparent}
html.c6 table.grid1104 td.c6-closed{background:var(--c6-field)}
html.c6 #slotArea table.grid1104 .slot{min-height:44px;height:44px;border:0;border-radius:0;background:transparent;font-size:20px;line-height:1;color:var(--c6-accent);font-weight:700}
html.c6 #slotArea table.grid1104 .slot.s3,html.c6 #slotArea table.grid1104 .slot.s2{color:var(--c6-accent);font-weight:700}
html.c6 #slotArea table.grid1104 .slot.s1{color:var(--c6-strong)}
html.c6 #slotArea table.grid1104 .slot.taken{color:var(--full,#6F6967);font-size:16px;font-weight:400}
html.c6 #slotArea table.grid1104 .slot.off1109{color:var(--full,#6F6967);font-size:14px}
html.c6 #slotArea table.grid1104 .slot.c6-off{font-size:13px;font-weight:500;color:var(--full,#6F6967)}
html.c6 #slotArea table.grid1104 .slot.c6-sug{background:var(--c6-soft);color:var(--c6-strong)}
html.c6 #slotArea table.grid1104 .slot.on{background:var(--c6-strong);color:#fff;box-shadow:none;border-radius:0}
html.c6 table.grid1104 tr:last-child td:first-of-type{border-bottom-left-radius:12px}
html.c6 #slotArea .closedMsg{background:var(--c6-surface);border:0;border-radius:12px}
html.c6 #wlBox1151,html.c6 #slotArea>div:last-child:not(.closedMsg):not(.err){border-radius:12px}
html.c6 #whenChanged1096{border-radius:12px}

/* 4 お客様の情報と確かめ */
html.c6 #bookingReview{background:var(--c6-surface);border:0;border-radius:14px;padding:18px 16px;margin:4px 0 16px;font-size:16px}
html.c6 #bookingReview h3{font-size:14px;font-weight:600;color:var(--c6-muted);margin:0 0 6px}
html.c6 #bookingReview dl{gap:0}
html.c6 #bookingReview dt{font-size:13px;font-weight:600;color:var(--c6-muted);margin-top:10px}
html.c6 #bookingReview dd{font-size:17px;color:var(--c6-ink)}
html.c6 #reviewWhen{font-size:20px!important;font-weight:700}
html.c6 #bookingReview>p:last-child{display:none}
html.c6 #confirmWhen1096{background:var(--c6-soft);color:var(--c6-strong);border-radius:10px}
html.c6 #lineLogin{background:var(--c6-surface);border:0;border-radius:14px}
html.c6 #lineLoginBtn{min-height:52px;border-radius:14px;font-size:17px;background:#06C755;color:#fff}
html.c6 #lineLoginHint{display:none}
html.c6 .fields{gap:12px}
html.c6 .fields>div,html.c6 .fields>fieldset{background:var(--c6-surface);border:0;border-radius:14px;padding:14px 16px}
html.c6 .fields>div[hidden],html.c6 .fields>fieldset[hidden]{display:none}
html.c6 .fields>div#designBoxDH:empty{display:none}
html.c6 #bookingNameFields{border:0;padding:14px 16px;gap:12px;grid-template-columns:minmax(0,1fr)}
html.c6 #bookingNameFields legend{float:left;width:100%;grid-column:1/-1;padding:0;margin:0 0 4px;font-size:15px;color:var(--c6-muted);font-weight:600}
html.c6 .fields label{font-size:15px;font-weight:600;color:var(--c6-ink);margin-bottom:6px}
html.c6 .fields input:not([type=checkbox]):not([type=radio]):not([type=file]),html.c6 .fields textarea,html.c6 .fields select{background:var(--c6-field);border:1px solid transparent;border-radius:10px;min-height:48px;color:var(--c6-ink);font-size:17px}
html.c6 .fields textarea{min-height:96px}
html.c6 .fields input:focus,html.c6 .fields textarea:focus{border-color:var(--c6-accent);outline:3px solid var(--c6-accent);outline-offset:1px}
html.c6 #nameHelp,html.c6 #mailStep .mail-hint{font-size:14px;color:var(--c6-muted)}
html.c6 #mailStep .mail-hint:first-of-type{display:none}
html.c6 .mail-row button{background:var(--c6-soft);color:var(--c6-strong);border:0;border-radius:10px;font-weight:600}
html.c6 .c6-consent legend{font-size:15px;font-weight:600;color:var(--c6-ink);margin-bottom:8px;padding:0}
html.c6 .c6-consent{border:0;margin:0;padding:0;min-width:0}
html.c6 .c6-consent .c6-seg{margin-top:4px}
html.c6 .c6-consent .c6-seg button{font-size:16px}
html.c6 .c6-consent small{display:block;font-size:13px;color:var(--c6-muted);margin-top:6px}
html.c6 #err{border-radius:12px}

html.c6 #servedDF label{gap:8px;margin-right:16px;white-space:nowrap;font-weight:500}
html.c6 #servedDF input{width:22px;height:22px;min-height:0;flex:0 0 22px;margin:0}
html.c6 .cta{background:var(--c6-button);color:#fff;border-radius:14px;min-height:52px;padding:12px 24px;font-size:19px;font-weight:700}
html.c6 .cta:disabled{background:#E3DFDC;color:#5E5754}
html.c6 .stepControls{margin:20px 0 16px;gap:10px}
html.c6 .stepControls button{min-height:52px;border:0;border-radius:14px;background:var(--c6-surface);color:var(--c6-accent);font-size:17px;font-weight:600}
html.c6 #stepNext{flex:1;background:var(--c6-button);color:#fff;font-size:19px;font-weight:700}
html.c6 #stepNext:disabled{background:#E3DFDC;color:#5E5754;opacity:1}
html.c6 .notyet-cg4{color:var(--c6-danger)}

/* 完了 */
html.c6 .doneCard{background:var(--c6-surface);border:0;border-radius:16px;padding:28px 18px 22px}
html.c6 .doneCard .ok{width:64px;height:64px;font-size:32px;background:var(--c6-soft);color:var(--c6-strong)}
html.c6 .doneCard h2{font-size:24px;line-height:1.35}
html.c6 .doneCard .no{font-size:14px;color:var(--c6-muted)}
html.c6 .doneCard .no b{font-size:17px;color:var(--c6-ink)}
html.c6 .doneCard .when{background:var(--c6-field);border-radius:12px;font-size:18px;font-weight:700;color:var(--c6-ink)}
html.c6 .doneCard .cta{width:100%;display:flex!important;align-items:center;justify-content:center}
html.c6 #doneCounsel[style*="display:none"],html.c6 #doneCounsel[style*="display: none"]{display:none!important}
html.c6 .doneCard>.hint{display:none}
html.c6 .doneCard .ghost{border:0;background:var(--c6-soft);color:var(--c6-strong);border-radius:12px;min-height:48px;font-size:16px;font-weight:600;width:100%;margin-top:10px}
html.c6 #cardBox1151{border:0!important;background:var(--c6-field);border-radius:14px!important}

/* この端末のご予約 */
html.c6 .myres h3{font-size:13px;font-weight:600;color:var(--c6-muted);margin:0 16px 6px}
html.c6 .mycard{background:var(--c6-surface);border:0;border-radius:12px;font-size:15px}
html.c6 .mycard .cancel{color:var(--c6-danger);border-color:var(--c6-line)}
html.c6 .foot{color:var(--c6-muted)}

/* おすすめ・オプションのシート */
html.c6 #addonLayer1087 .sheet{background:var(--bg)}
html.c6 #addonLayer1087 label.ad{background:var(--c6-surface);border:0;border-radius:12px}
html.c6 #addonLayer1087 label.ad.on{background:var(--c6-soft);box-shadow:inset 0 0 0 2px var(--c6-accent)}
html.c6 #addonLayer1087 .btns button{border:0;border-radius:14px;min-height:52px;background:var(--c6-surface);color:var(--c6-accent);font-size:17px}
html.c6 #addonLayer1087 .btns button.go{background:var(--c6-button);color:#fff;font-size:19px}

/* ================= 来店前のご希望（precare-c6.html） ================= */
.pc-nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;min-height:56px;padding:4px 12px;background:var(--bg);border-bottom:1px solid var(--c6-line)}
.pc-back{min-height:44px;min-width:44px;border:0;background:transparent;color:var(--c6-accent);font:inherit;font-size:17px;padding:0 6px;cursor:pointer;flex:none}
.pc-navtitle{flex:1;min-width:0;font-size:15px;font-weight:600;color:var(--c6-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.pc-tools{display:flex;align-items:center;gap:6px;margin-left:auto;flex:none}
#pcLang{min-height:44px;border:1px solid var(--c6-line);border-radius:999px;background:var(--c6-surface);color:var(--c6-ink);font:inherit;font-size:14px;padding:0 10px;max-width:118px}
.pc-progress{height:4px;background:var(--c6-line)}.pc-progress[hidden]{display:none}
.pc-progress i{display:block;height:100%;width:0;background:var(--c6-accent);transition:width .2s}
.pc-main{max-width:600px;margin:0 auto;padding:16px 16px 200px;outline:none;font-size:17px;line-height:1.55}
.pc-head{margin-bottom:8px}
.pc-sub{color:var(--c6-muted);font-size:15px;line-height:1.6;margin:0 0 12px}
.pc-ch{font-size:13px;font-weight:600;color:var(--c6-muted);margin:4px 0 8px}
.pc-q{font-size:24px;line-height:1.4;font-weight:700;margin:0 0 10px;color:var(--c6-ink)}
.pc-req{display:inline-block;font-size:13px;font-weight:700;color:var(--c6-danger);background:var(--danger-soft,#FEEEEC);border-radius:6px;padding:2px 8px;margin:0 0 12px}
.pc-opts .c6-row,.pc-modes .c6-row{min-height:56px}
.pc-opt[aria-checked="true"]{background:var(--c6-soft)}
.pc-opt[aria-checked="true"] .pc-line{color:var(--c6-strong);font-weight:700}
.pc-tick{margin-left:auto;color:var(--c6-strong);font-weight:700;visibility:hidden;flex:none}
.pc-opt[aria-checked="true"] .pc-tick{visibility:visible}
.pc-line{flex:1;min-width:0;overflow-wrap:anywhere}
.pc-line strong{display:block;font-size:18px;font-weight:700}
.pc-line small{display:block;font-size:14px;color:var(--c6-muted);margin-top:2px}
.pc-time{font-weight:500;font-size:15px;color:var(--c6-muted)}
.pc-mode{min-height:76px}
.pc-mode-main{box-shadow:inset 4px 0 0 var(--c6-accent)}
.pc-zone{flex-direction:column;align-items:stretch;gap:8px;cursor:default}
.pc-zl{font-weight:600}
.pc-foot{position:fixed;left:0;right:0;bottom:0;z-index:6;display:grid;gap:6px;background:var(--bg);border-top:1px solid var(--c6-line);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
.pc-foot[hidden]{display:none}
.pc-foot>*{width:100%;max-width:568px;margin:0 auto}
.pc-later{min-height:44px;border:0;background:transparent;color:var(--c6-accent);font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.pc-later[hidden],.pc-reason[hidden]{display:none}
.pc-reason{font-size:14px;color:var(--c6-muted);text-align:center;margin:0}
.pc-actions{display:grid;gap:10px;margin-top:20px}
.pc-same{margin-top:12px}
html.c6 .pc-promo{margin-top:24px}
.pc-done{text-align:center;padding-top:24px}
.pc-ok{width:72px;height:72px;margin:0 auto 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;background:var(--c6-soft);color:var(--c6-strong)}
.pc-banner{position:fixed;left:12px;right:12px;bottom:150px;z-index:20;display:flex;gap:10px;align-items:center;justify-content:space-between;background:var(--c6-surface);color:var(--c6-ink);border-radius:14px;padding:12px 14px;box-shadow:0 6px 24px rgba(79,69,67,.22);font-size:15px;line-height:1.5}
.pc-loading{color:var(--c6-muted)}

/* 通信のお知らせの枠（st-apibase の #stNotice07）：お知らせが無い時（中の札が隠れている時）は白い空の帯を出さない。お知らせがある時はそのまま */
html.c6 #stNotice07:not(:has(:not([hidden]))){display:none!important}

/* ================= claude-7（10-19・まとめ役の決め・見本 customer-1019 b1／b6／b7） ================= */
/* 下の帯：合計と主ボタン（次へ／予約する）を画面の下に固定。中身は帯の実高＋16px 下をあける（index.html の bookingFooterSpace41 が測る）。iPad も同じ帯で中央・最大幅 */
html.c6 .fixbar{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--bg);border-top:1px solid var(--c6-line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px rgba(79,69,67,.06)}
html.c6 .fixbar .in{max-width:568px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:8px}
html.c6 .fixbar .sum{flex:none;color:var(--c6-muted);font-size:14px;line-height:1.4;padding:0 2px;display:flex;flex-wrap:wrap;gap:0 8px;align-items:baseline}
html.c6 .fixbar .sum b{display:inline;color:var(--c6-ink);font-size:15px;font-weight:700}
html.c6 .fixbar .stepControls{margin:0;display:flex;gap:10px}
html.c6 .fixbar #stepBack{flex:0 0 auto;min-width:96px}
html.c6 .fixbar #stepBack:disabled{display:none}
html.c6 .fixbar #stepNext,html.c6 .fixbar #btnGo{flex:1 1 auto;min-width:0;min-height:52px}
html.c6 .fixbar #btnGo{width:auto;border:0;border-radius:14px;background:var(--c6-button);color:#fff;font-size:19px;font-weight:700;padding:12px 16px}
html.c6 .fixbar #btnGo:disabled{background:#E3DFDC;color:#5E5754;opacity:1}
html.c6 .fixbar #sumTop{display:none}
html.c6 .fixbar .sum:has(#sumMain:empty){display:none}
html.c6 .wrap{padding-bottom:24px}
/* b1：お店の名前の下に営業時間・お休み／お店の行（営業時間・住所） */
html.c6 .c7-meta{margin:2px 0 0;font-size:15px;color:var(--c6-muted);line-height:1.5}
html.c6 .c7-meta[hidden],html.c6 .c7-shop[hidden],html.c6 .c7-sec[hidden],html.c6 .c7-ticket[hidden],html.c6 .c7-done-rows[hidden],html.c6 .c7-note[hidden]{display:none}
html.c6 .c7-shop{margin:24px 0 8px}
html.c6 .c7-shop .c6-group-title,html.c6 .c7-sec .c6-group-title{margin:0 16px 6px}
html.c6 .c7-row{cursor:default;min-height:52px}
html.c6 a.c7-row{cursor:pointer}
html.c6 .c7-row .c6-line{flex:1;min-width:0;overflow-wrap:anywhere}
html.c6 .c7-row strong{display:block;font-size:17px;font-weight:500}
html.c6 .c7-row .c7-val{margin-left:auto;flex:0 1 auto;max-width:62%;font-size:17px;color:var(--c6-ink);font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}
html.c6 .c7-row:has(.c7-val){flex-wrap:wrap;row-gap:2px} /* 値段の行だけ（長い値段は名前の下へ）。矢印の行は折り返さない */
html.c6 .c7-row .c6-line{flex:1 1 8em;min-width:0}
html.c6 .c7-row strong{word-break:keep-all;overflow-wrap:anywhere}
html.c6 .c7-ic{flex:none;width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:var(--c6-accent);color:#fff}
html.c6 .c7-ic svg{width:18px;height:18px}
html.c6 .c7-total strong,html.c6 .c7-total .c7-val{font-weight:700}
/* メニューの行：名前と値段を 1 行に（値段は右）・所要は下 */
html.c6 #menuList .mcard{grid-template-columns:minmax(0,1fr) auto 16px;grid-template-areas:"main price chev"}
html.c6 #menuList .mcard .pr{justify-self:end;align-self:start;text-align:right;font-size:17px;font-weight:500;color:var(--c6-ink);max-width:9.5em}
html.c6 #menuList .mcard .nm{font-weight:500}
html.c6 .step:first-of-type>h2{font-size:13px!important;font-weight:600;color:var(--c6-muted);margin:18px 16px 6px!important;letter-spacing:.02em}
html.c6 #rqLink1277.c7-rq{margin:12px 0 0!important;background:var(--c6-surface);border-radius:12px;overflow:hidden}
html.c6 #rqLink1277.c7-rq .c6-row{color:var(--c6-ink)}
html.c6 #rqLink1277.c7-rq strong{color:var(--c6-accent);font-weight:600}
/* b6：予約のチケット（お店・日付・時刻と所要・メニューと担当）と料金・キャンセル料 */
html.c6 .c7-ticket{background:var(--c6-surface);border-radius:16px;padding:18px 16px 16px;margin:4px 0 16px}
html.c6 .c7-tk-shop{font-size:15px;color:var(--c6-muted)}
html.c6 .c7-tk-day{font-size:28px;line-height:1.3;color:var(--c6-ink);margin-top:6px}
html.c6 .c7-tk-time{font-size:20px;font-weight:700;color:var(--c6-ink);font-variant-numeric:tabular-nums;margin-top:2px}
html.c6 .c7-tk-sub{display:block;font-size:15px;color:var(--c6-muted);margin-top:8px;overflow-wrap:anywhere}
html.c6 .c7-ticket:not([hidden])~#bookingReview{background:transparent;padding:0;margin:0}
html.c6 .c7-ticket:not([hidden])~#bookingReview>h3,html.c6 .c7-ticket:not([hidden])~#bookingReview>dl,html.c6 .c7-ticket:not([hidden])~#bookingReview>#confirmWhen1096{display:none}
html.c6 .c7-sec{margin:0 0 16px}
html.c6 .c7-note{font-size:14px;color:var(--c6-muted);margin:6px 16px 0;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
html.c6 #lineLogin{margin-bottom:12px}
/* b7：完了（大きな丸の印・予約しましたの見出し・日時と担当の 1 行・当日の流れ・カレンダーと予約の確認の行・来店前のご希望は下に固定） */
html.c6 #doneView{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
html.c6 .doneCard.c7-done{background:transparent;padding:24px 0 8px;text-align:center}
html.c6 .c7-done .ok{width:76px;height:76px;font-size:38px;background:transparent;color:#2E7D4F;border:3px solid #2E7D4F;margin:0 auto 12px}
html.c6 .c7-done h2{font-size:24px;margin:0 0 6px;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}
html.c6 .c7-done .no{font-size:14px;margin:0 0 4px}
html.c6 .c7-done .when{background:transparent;padding:0;font-size:17px;font-weight:500;color:var(--c6-muted);margin:0 0 8px;text-wrap:balance}
html.c6 .c7-done #doneRecorded1544{text-wrap:balance;font-size:14px;color:var(--c6-muted)}
html.c6 .c7-done .c7-sec,html.c6 .c7-done .c7-done-rows,html.c6 .c7-done #cardBox1151,html.c6 .c7-done #doneLineC71{text-align:left}
html.c6 .c7-done .c7-done-rows{margin-top:16px}
html.c6 .c7-done #doneCounsel{position:fixed;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;max-width:568px;margin:0 auto!important;width:auto;box-shadow:0 4px 18px rgba(79,69,67,.18)}
html.c6 .c7-done .ghost{background:var(--c6-surface);color:var(--c6-accent)}
/* お客様の「AI に聞く」（よくあるご質問のシートの上・お店が AI をつないでいるときだけ） */
.c7-ai{display:grid;gap:10px;background:var(--c6-surface);border-radius:14px;padding:14px 16px;margin:0 0 16px}
.c7-ai[hidden]{display:none}
.c7-ai-l{font-size:17px;font-weight:700;color:var(--c6-ink)}
.c7-ai-l .c6-spark{color:#5E4FB3}
.c7-ai textarea{width:100%;min-height:72px;border:1px solid transparent;border-radius:10px;background:var(--c6-field);color:var(--c6-ink);font:inherit;font-size:17px;padding:10px 12px;resize:vertical}
.c7-ai textarea:focus{outline:3px solid var(--c6-accent);outline-offset:1px}
.c7-ai-out{margin:0;font-size:16px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere;color:var(--c6-ink)}
.c7-ai-out[hidden]{display:none}
.c7-ai-wait{color:var(--c6-muted)}
.c7-ai-ans{background:var(--c6-soft);border-radius:12px;padding:12px 14px}
.c7-ai-ts:empty{display:none}
/* b1：お店の写真（あるときだけ・メニューの段だけ）と口コミ（お店が見せる設定のときだけ） */
/* claude-8：お店の写真は 5 枚まで横に送る（1 枚なら前と同じ大きさ）・送れるときはキーボードでも送れる */
html.c6 .c7-hero{display:none;width:calc(100% + 32px);max-width:none;margin:-68px -16px 16px;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;background:var(--c6-field)}
html.c6 .c7-hero::-webkit-scrollbar{display:none}
html.c6[data-step7="0"] .c7-hero{display:flex}
html.c6 .c7-hero img{flex:0 0 100%;width:100%;min-width:0;aspect-ratio:3/2;object-fit:cover;scroll-snap-align:start;background:var(--c6-field)}
html.c6 .c7-hero.c7-many img{flex-basis:86%}
html.c6 .c7-hero:focus-visible{outline-offset:-3px}
@media(min-width:601px){html.c6 .c7-hero{width:100%;margin:-60px 0 16px;border-radius:16px}html.c6 .c7-hero img{aspect-ratio:16/9}html.c6 .c7-hero.c7-many img{flex-basis:78%}}
html.c6 .c7-star{color:var(--c6-ink);font-weight:600}
html.c6 .c7-review .c7-score{flex:none;display:flex;flex-direction:column;align-items:center;min-width:76px}
html.c6 .c7-review .c7-score b{font-size:26px;line-height:1.1;color:var(--c6-ink)}
html.c6 .c7-review .c7-stars{font-size:13px;letter-spacing:1px;color:#A45A2C}
/* メニューの段でまだ何も選んでいないとき（戻るも次へも押せない）は帯を出さない（押せない大きなボタンを置かない） */
html.c6 .fixbar.c7-bar:has(#stepBack:disabled):has(#stepNext:disabled):not(:has(#btnGo:not([hidden]))){display:none}
/* 希望の幅の行は横並び（ほかの決まりで a が inline-block になるのを戻す）・完了の行は語の切れ目で折り返す */
html.c6 #rqLink1277.c7-rq a.c6-row{display:flex!important;color:var(--c6-ink)!important;text-decoration:none!important}
html.c6 .c7-done .when,html.c6 .c7-done #doneRecorded1544{word-break:keep-all;overflow-wrap:anywhere}
html.c6 .c7-done #c7DoneFlow{margin-top:16px}

/* claude-8：そのままお帰り（来店前のご希望の画面の上・お会計・これで払う・QR のレシート）と来店カルテ（ご本人の確認） */
.pc-walk{max-width:600px;margin:0 auto;padding:8px 16px 0}
.pc-walk[hidden]{display:none}
.pc-walk .c6-group-title{margin-left:0}
.pc-walk .c6-group{margin:0 0 12px}
.pc-walk .pc-sub{margin:4px 0 10px;color:var(--c6-muted)}
.pc-wtotal{justify-content:space-between}
.pc-wyen{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--c6-ink)}
.pc-wpay{margin:4px 0 8px}
.pc-wask,.pc-wre{width:100%;margin:0 0 8px}
.pc-wmsg{margin:4px 0 12px;font-weight:600;color:var(--c6-ink)}
.pc-wmsg:empty{display:none}
.pc-wdone{font-size:20px;font-weight:700;margin:4px 0 10px;color:var(--c6-ink)}
.pc-wreceipt{margin:0 0 12px}
.pc-wcard{min-height:92px;margin:4px 0 10px;padding:10px;border-radius:12px;background:var(--c6-surface);border:1px solid var(--c6-line)}
.pc-wsave[hidden]{display:none}
.pc-vc input,.pc-vc select{width:100%;min-height:48px;font:inherit;font-size:17px;padding:8px 12px;border:1px solid var(--c6-line);border-radius:10px;background:var(--c6-surface);color:var(--c6-ink)}
.pc-vfield{flex-direction:column;align-items:stretch;gap:6px;cursor:default}
.pc-vfield[hidden]{display:none}
.pc-staff{margin:32px auto 0;max-width:420px}

/* 32 周目 343：325/20〜22、共通01〜07。顧客の店テーマ変数を再利用。 */
html.c6 .pc-ch, html.c6 .pc-req, html.c6 .c6-group-title { font-size:14px; }
html.c6 .pc-foot .c6-primary:not(:disabled), html.c6 .pc-actions .c6-primary:not(:disabled) { background:var(--c6-strong); color:var(--on-button,#fff); }
html.c6 .pc-review-edit { white-space:nowrap; flex-shrink:0; font-size:inherit; color:var(--c6-strong); }
html.c6 .st-common-selection [aria-pressed="true"] { font-weight:700; text-decoration:underline; text-underline-offset:4px; }
html.c6 .st-common-context { font-variant-numeric:tabular-nums; }
html.c6 .st-common-state-host > [role="status"] { font-size:16px; line-height:1.7; overflow-wrap:anywhere; }
html.c6 .st-common-fields > label { font-size:14px; gap:4px; min-width:0; }
html.c6 .st-common-fields > label > input { font-size:16px; min-width:0; max-width:100%; }
html.c6 .st-common-action-name, html.c6 .st-common-primary, html.c6 .st-common-secondary { white-space:normal; word-break:keep-all; overflow-wrap:anywhere; height:auto; }
html.c6 .st-common-title { word-break:keep-all; overflow-wrap:anywhere; }
html.c6 .st-common-actions { gap:8px; flex-wrap:wrap; }
html.c6 .st-common-touch { box-sizing:border-box; min-height:44px; min-width:44px; max-width:100%; height:auto; touch-action:manipulation; }

/* 32 周目 344 S01・02：名称→価格。税込と税抜の既存文字・計算を保持 */
html.c6 #menuList .mcard .pr{font-size:var(--text-lg, 16px);font-weight:var(--weight-bold, 700)}
html.c6 #menuList .mcard .pr small{font-size:var(--text-md, 14px);font-weight:var(--weight-normal, 400)}
/* S05：合計19（既存19px尺度を使う） */
html.c6 .fixbar .sum b{font-size:var(--text-xl, 19px)}
html.c6 .fixbar .booking-choice-reason{margin:0;font-size:var(--text-md, 14px);color:var(--c6-ink);line-height:var(--leading-normal, 1.7)}
@media(max-width:700px){
 html.c6 #menuList .mcard{grid-template-columns:minmax(0,1fr) var(--space-4, 16px);grid-template-areas:"main chev" "price chev"}
 html.c6 #menuList .mcard .pr{justify-self:start;text-align:left;max-width:100%}
}

/* 344 S02：既存の税込文字18px、税抜14px。計算済み文字の装飾だけ */
html.c6 #menuList .mcard .pr .price-gross{font-size:calc(var(--text-lg, 16px) + var(--space-1, 4px) / 2);font-weight:var(--weight-bold, 700)}
html.c6 #menuList .mcard .pr .price-net{display:block;font-size:var(--text-md, 14px);font-weight:var(--weight-normal, 400)}

/* 32 周目 claude-68（所有者 10-22）：担当と日時を 1 つの段に。日時の上に担当の札（指名なし・各スタッフ）、選んだ人の写真・歴・ひとこと、2 回目のお客様の前回指名の印 */
html.c6 .st-staff-title{display:flex;align-items:baseline;gap:var(--space-2, 8px);margin:var(--space-3, 12px) 4px var(--space-2, 8px)}
html.c6 #staffRow{display:flex;flex-wrap:wrap;gap:var(--space-2, 8px);margin:0 0 var(--space-3, 12px);background:transparent;border-radius:0;overflow:visible}
html.c6 #staffRow .scard{display:inline-flex;align-items:center;gap:var(--space-2, 8px);width:auto;min-width:0;max-width:100%;min-height:44px;padding:var(--space-1, 4px) var(--space-3, 12px) var(--space-1, 4px) var(--space-1, 4px);font-size:var(--text-lg, 16px);line-height:var(--leading-tight, 1.35);text-align:left;color:var(--c6-ink);background:var(--c6-surface);border:1px solid var(--c6-line);border-radius:var(--radius-full, 999px)}
html.c6 #staffRow .scard::before,html.c6 #staffRow .scard::after{content:none}
html.c6 #staffRow .scard[data-id=""]{grid-column:auto}
html.c6 #staffRow .face{position:relative;left:auto;top:auto;flex:none;width:calc(var(--tap-min, 44px) - var(--space-2, 8px));height:calc(var(--tap-min, 44px) - var(--space-2, 8px));font-size:var(--text-md, 14px)}
html.c6 #staffRow .scard[aria-pressed="true"]{background:var(--c6-soft);border-color:var(--c6-strong);box-shadow:inset 0 0 0 1px var(--c6-strong)}
html.c6 .st-staff-name{min-width:0;word-break:keep-all;overflow-wrap:anywhere}
html.c6 .st-prev-mark{flex:none;align-self:center;padding:0 var(--space-2, 8px);font-size:var(--text-md, 14px);font-weight:var(--weight-bold, 700);line-height:var(--leading-normal, 1.7);color:var(--c6-strong);border:1px solid currentColor;border-radius:var(--radius-full, 999px)}
html.c6 #profDetail1142{margin:0 0 var(--space-3, 12px);padding:var(--space-3, 12px);white-space:normal}
html.c6 #profDetail1142 .st-staff-head{display:flex;align-items:center;gap:var(--space-3, 12px)}
html.c6 #profDetail1142 .face{position:relative;display:flex;flex:none;align-items:center;justify-content:center;width:calc(var(--tap-min, 44px) + var(--space-4, 16px));height:calc(var(--tap-min, 44px) + var(--space-4, 16px));overflow:hidden;font-size:var(--text-xl, 19px);font-weight:var(--weight-bold, 700);color:var(--c6-ink);background:var(--c6-field);border-radius:50%}
html.c6 #profDetail1142 .face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html.c6 #profDetail1142 .st-staff-line{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1, 4px);min-width:0}
html.c6 #profDetail1142 .st-staff-line b{font-size:var(--text-lg, 16px);overflow-wrap:anywhere}
html.c6 #profDetail1142 .rl{font-size:var(--text-md, 14px);color:var(--c6-muted)}
html.c6 #profDetail1142 .prof1142,html.c6 #profDetail1142 .st-staff-intro{margin:var(--space-2, 8px) 0 0;font-size:var(--text-md, 14px);line-height:var(--leading-normal, 1.7);overflow-wrap:anywhere}
html.c6 #profDetail1142 .st-staff-intro{white-space:pre-wrap}
/* claude-68：おすすめ・オプション（選んだメニューのすぐ下・1 押しで足す・外す）は index.html の #addonLayer1087 の規則 */

/* 4963：上の帯は本文と一緒に送り、空き枠と本人確認の操作を覆わせない。下の合計・主操作の固定は保持。 */
html.c6 .st-booking-page #bookingSteps {
 position:static;
 top:auto;
 z-index:auto;
}
html.c6 .st-booking-page #days.days {
 position:static;
 top:auto;
 z-index:auto;
}

/* 46 周目 4977 I：予約メニューの行末。選択・金額・段移動の処理は既存のまま。 */
html.c6 #menuList .mcard {
  grid-template-columns: minmax(0, 1fr) auto;
}
html.c6 #menuList .mcard::after {
  content: none;
}
html.c6 #menuList .mcard .st-common-selected-label {
  display: inline-flex;
  grid-area: chev;
  align-items: center;
  justify-self: end;
  gap: var(--space-2, 8px);
  min-height: 44px;
  margin: 0;
  font-size: var(--text-md, 14px);
  line-height: var(--leading-tight, 1.35);
  white-space: nowrap;
  color: var(--c6-strong);
}
html.c6 #menuList .mcard .st-common-selected-label::before {
  content: "";
  visibility: hidden;
  flex-shrink: 0;
  width: var(--space-3, 12px);
  height: var(--space-2, 8px);
  border-inline-start: 1px solid currentColor;
  border-block-end: 1px solid currentColor;
  transform: rotate(-45deg);
}
html.c6 #menuList .mcard[aria-pressed="true"] .st-common-selected-label::before {
  visibility: visible;
}
@media (min-width: 701px) {
  html.c6 #menuList .mcard {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }
}

/* 負けの直し_申し込みと来店前と予約 1026（所有者 10-26：予約とカウンセリングは店の業種の色・分からない時は Salon Town Booking の色）：業種の札が無く、店のテーマも無い時の薄い字。
   ui.css の --color-text-muted（#6b7484）は地 --color-surface（#eef1f6）の上で 4.16：1 と足りないので、Salon Town Booking の画面の共通の部品（common-c8122.css の --st22-muted）と同じ #56565e にする（地の上 6.7：1・白の上 7.5：1）。業種の札や店のテーマがある時は今まで通り */
html.c6:not([data-genre]):is(:not([data-theme]),[data-theme="salon-classic"]){--muted:#56565e;--c6-muted:#56565e}