:root{--bg:#f8eef1;--panel:#fffafc;--rose:#c76a82;--rose-dark:#a83f5f;--rose-soft:#f3dce3;--lav:#dcd4ef;--lav-dark:#7f6da8;--gold:#d9b86c;--gold-soft:#fbf4de;--blue:#6688a8;--blue-soft:#e7eef5;--green:#587867;--text:#4a3d42;--muted:#806f75;--border:#ead8de;--shadow:0 14px 36px rgba(168,63,95,.10);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,rgba(255,255,255,.98),transparent 32%),linear-gradient(180deg,#f9f0f3,#f5e5eb);color:var(--text);font-family:'Zen Kaku Gothic New',sans-serif}.hidden{display:none!important}a{color:var(--rose-dark)}button,input,textarea,select{font:inherit}.app-shell{max-width:940px;margin:0 auto;padding:14px 12px 64px}.hero-card,.content-card{background:rgba(255,250,252,.97);border:1px solid rgba(199,106,130,.20);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:14px}.hero-card{background:linear-gradient(135deg,#fffafd,#f3dce3);overflow:hidden}.logo-area{min-height:72px;display:flex;align-items:center;justify-content:center;margin:2px 0 10px}.logo-area img{max-width:min(90%,520px);max-height:110px;object-fit:contain}.logo-placeholder{min-width:min(78vw,420px);padding:18px;border:1px dashed rgba(168,63,95,.32);border-radius:16px;text-align:center;color:#9a747f;font-family:'Shippori Mincho',serif}.banner-area{width:100%;height:auto;border-radius:18px;overflow:hidden;border:1px solid rgba(168,63,95,.18);background:linear-gradient(135deg,#fff,#f2dfe5);display:block}.banner-area img{display:block;width:100%;height:auto}.public-image-link{display:block;width:100%;line-height:0;text-decoration:none}.banner-placeholder{text-align:center;color:#9a747f}.banner-placeholder strong,.banner-placeholder span{display:block}.banner-placeholder strong{font-family:'Shippori Mincho',serif;font-size:17px;color:var(--rose-dark)}.deadline-card{margin-top:14px;background:rgba(255,255,255,.88);border:1px solid rgba(199,106,130,.28);border-radius:17px;padding:13px}.deadline-card h2{margin:0 0 9px;text-align:center;color:var(--rose-dark);font-family:'Shippori Mincho',serif;font-size:18px}.deadline-list{display:grid;gap:7px}.deadline-list>div{display:grid;grid-template-columns:140px 1fr;gap:9px;padding:9px 10px;border-radius:11px;background:#fff9fb;font-size:12px;line-height:1.5}.deadline-list strong{color:var(--rose-dark)}.legend-row{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.legend-chip{display:inline-flex;align-items:center;padding:7px 9px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.06);font-size:11px;white-space:nowrap}.dot{width:9px;height:9px;border-radius:50%;margin-right:5px}.dot.normal{background:var(--rose)}.dot.princess{background:var(--lav-dark)}.dot.gold{background:var(--gold)}.month-switch{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0 11px}.month-switch button{width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:var(--rose-dark);font-size:25px;box-shadow:0 7px 16px rgba(168,63,95,.10);cursor:pointer}.month-switch button:disabled{opacity:.28;cursor:default;box-shadow:none}.month-switch strong{min-width:160px;text-align:center;color:var(--rose-dark);font-family:'Shippori Mincho',serif;font-size:22px}.calendar-wrap{background:#fff;border-radius:18px;padding:10px;border:1px solid rgba(0,0,0,.05)}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-week div{text-align:center;padding:5px 0;font-size:12px;font-weight:700}.week-sun,.holiday{color:#ca6675!important}.week-sat{color:#5f89b4!important}.calendar-day{position:relative;min-height:76px;padding:7px 3px 6px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fbf9fa;text-align:center;color:var(--text);cursor:pointer;overflow:hidden;appearance:none;-webkit-appearance:none}.calendar-day.no-config{cursor:default;background:#fbfafb;color:#b7afb2}.calendar-day.normal{background:#f6d7e1;border-color:#e4adbd}.calendar-day.princess{background:#ddd5ed;border-color:#bfaed8}.calendar-day.mixed{background:#f3edf0;border-color:#d7c8cf}.calendar-day.mixed:after{content:'';position:absolute;left:7px;right:7px;bottom:4px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--rose) 0 50%,var(--lav-dark) 50%)}.calendar-day-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-height:62px}.calendar-day .date-num{display:block;width:100%;font-size:12px;font-weight:700;line-height:1}.calendar-day .slot-range{display:flex;align-items:center;justify-content:center;gap:1px;width:100%;min-height:11px;color:#725c65;font-size:9px;font-weight:700;line-height:1.05;white-space:nowrap;letter-spacing:-.03em}.calendar-day.princess .slot-range{color:#62537e}.calendar-day .day-status{display:block;width:100%;margin:0;font-size:24px;line-height:1;font-weight:700;color:var(--rose-dark)}.calendar-day.princess .day-status{color:#6f5a9a}.calendar-day.mixed .day-status{color:#7d5365}.calendar-day .crown{position:absolute;top:3px;right:4px;font-size:10px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.section-head h2{margin:4px 0 0;color:var(--rose-dark);font-family:'Shippori Mincho',serif;font-size:21px}.step-label{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--rose-dark);color:#fff;font-size:11px}.section-note{margin:6px 0 12px;color:var(--muted);font-size:13px}.text-button{border:0;background:transparent;color:var(--rose-dark);cursor:pointer}.time-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.time-button{border:1px solid var(--border);border-radius:14px;background:#fff;padding:12px 8px;color:var(--text);cursor:pointer}.time-button b{display:block;font-size:17px;color:var(--rose-dark)}.time-button .state{display:block;margin-top:4px;font-size:19px;font-weight:700}.time-button.risk{background:var(--gold-soft);border-color:var(--gold)}.time-button.phone{background:#edf4ef;border-color:#a8bcad;color:var(--green)}.time-button.closed{background:#f1eff0;color:#9c9498;cursor:default}.room-risk-note{margin:12px 0 0;padding:10px;border-radius:10px;background:var(--gold-soft);font-size:12px;color:#70551c}.plan-list{display:grid;gap:10px}.plan-card{border:1px solid rgba(199,106,130,.28);border-radius:16px;padding:15px;background:#fff;cursor:pointer;text-align:left}.plan-card:hover{border-color:var(--rose)}.plan-card h3{margin:0;color:var(--rose-dark);font-size:17px}.plan-card .plan-price{margin-top:8px;font-size:19px;font-weight:700;color:var(--rose-dark)}.selection-summary{padding:13px;border:1px solid var(--border);border-radius:14px;background:#fff8fa;margin-bottom:14px;line-height:1.7}.form-grid{display:grid;gap:12px}.two-column{grid-template-columns:1fr}.field{display:block;font-size:14px;font-weight:700}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{width:100%;margin-top:6px;border:1px solid #dacbd1;border-radius:12px;padding:11px 12px;background:#fff;color:var(--text);outline:0}.field textarea{min-height:92px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--rose);box-shadow:0 0 0 3px rgba(199,106,130,.12)}.field small{display:block;margin-top:4px;color:#8b7a81;font-weight:400}.required{margin-left:5px;color:#c84b62;font-size:11px}.field-group{margin:16px 0 0;border:0;padding:0}.field-group legend{font-size:14px;font-weight:700;margin-bottom:8px}.group-description{margin:0 0 9px;color:#6f5d64;font-size:12px;line-height:1.7}.option-card,.check-card{display:flex;align-items:flex-start;gap:9px;margin:7px 0;padding:10px;border:1px solid #e0d4d8;border-radius:12px;background:#fff;cursor:pointer}.option-card input,.check-card input{margin-top:3px;accent-color:var(--rose-dark)}.check-card span{display:flex;flex-direction:column}.check-card small{font-weight:400;color:#7e6c73;margin-top:3px}.pair-box{margin-top:16px;padding:12px;border-radius:14px;background:#fff8fa;border:1px solid #eadce1}.inline-link{display:inline-block;margin:4px 0 10px}.privacy-note{margin:16px 0;padding:11px 12px;border-radius:12px;background:#f9f5f7;color:#74646a;font-size:12px;line-height:1.7}.primary-button,.secondary-button,.secondary-link{border:0;border-radius:13px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.primary-button{background:linear-gradient(135deg,var(--rose-dark),var(--rose));color:#fff}.secondary-button{background:#eee7ea;color:#66565c}.secondary-link{background:#fff;color:var(--rose-dark);border:1px solid rgba(168,63,95,.32)}.full-button{width:100%;margin-top:4px}.button-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.confirm-summary{border:1px solid var(--border);border-radius:15px;overflow:hidden}.confirm-row{display:grid;grid-template-columns:130px 1fr;gap:9px;padding:10px 12px;border-bottom:1px solid #f0e6e9;background:#fff}.confirm-row:nth-child(odd){background:#fff8fa}.confirm-row:last-child{border-bottom:0}.confirm-row strong{color:var(--rose-dark)}.captcha-wrap{margin-top:14px}.field-error{display:block;color:#b54459;font-size:12px;font-weight:700;margin-top:5px;min-height:0}.input-error{border-color:#c44e63!important;box-shadow:0 0 0 3px rgba(196,78,99,.10)!important}.error-banner{margin-bottom:12px;padding:11px;border:1px solid #dfa7b4;background:#fff0f3;color:#9d3d53;border-radius:12px;font-weight:700;font-size:13px}.success-card{text-align:center;padding:8px 4px}.success-mark{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;background:var(--rose-soft);color:var(--rose-dark);font-size:27px}.success-card h2{font-family:'Shippori Mincho',serif;color:var(--rose-dark)}.important-alert{margin:15px 0;padding:13px;border:1px solid #e2a6b3;background:#fff0f3;color:#943b50;border-radius:12px;font-weight:700}.contact-guide{text-align:left;margin:15px auto;padding:12px;border-radius:12px;background:#fff8fa;max-width:600px;line-height:1.8}.muted{color:#7d6e74;font-size:12px}.success-links{justify-content:center}.loading-overlay{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:999;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border:1px solid rgba(168,63,95,.18);border-radius:999px;background:rgba(255,250,252,.96);box-shadow:0 8px 24px rgba(74,61,66,.16);color:var(--rose-dark);font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none}.spinner{width:17px;height:17px;border:2px solid #efdce2;border-top-color:var(--rose-dark);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:1000;padding:11px 16px;border-radius:999px;background:#4b3c42;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.18);font-size:13px}
@media(min-width:680px){.app-shell{padding:22px 18px 80px}.hero-card,.content-card{padding:20px}.time-list{grid-template-columns:repeat(4,minmax(0,1fr))}.plan-list{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column{grid-template-columns:1fr 1fr}.deadline-list>div{grid-template-columns:180px 1fr}.calendar-day{min-height:84px}.calendar-day-inner{min-height:68px}.calendar-day .slot-range{font-size:10px}.calendar-day .day-status{font-size:27px}}
@media(max-width:420px){.deadline-list>div{grid-template-columns:1fr;gap:2px}.banner-area{border-radius:14px}.calendar-wrap{padding:7px}.calendar-week,.calendar-grid{gap:3px}.calendar-day{min-height:74px;border-radius:9px;padding-left:2px;padding-right:2px}.calendar-day-inner{min-height:60px;gap:2px}.calendar-day .slot-range{min-height:18px;flex-direction:column;gap:0;font-size:8px;line-height:1}.calendar-day .day-status{font-size:21px}.confirm-row{grid-template-columns:1fr;gap:2px}.primary-button,.secondary-button,.secondary-link{width:100%}}


.load-error{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:120px;padding:20px;text-align:center;color:#8e3d54;background:#fff9fb;border:1px solid rgba(168,63,95,.18);border-radius:16px}.load-error strong{font-size:16px}.load-error span{font-size:12px;line-height:1.6;color:#765f67;word-break:break-word}.load-error button{margin-top:4px;border:0;border-radius:999px;padding:9px 18px;background:#a83f5f;color:#fff;font:inherit;font-weight:700;cursor:pointer}

.info-card{padding-top:6px}.flow-card{margin-top:14px;background:rgba(255,255,255,.88);border:1px solid rgba(199,106,130,.28);border-radius:17px;padding:13px}.flow-card h2{margin:0 0 10px;text-align:center;color:var(--rose-dark);font-family:'Shippori Mincho',serif;font-size:18px}.flow-list{margin:0;padding:0;list-style:none;counter-reset:flow;display:grid;gap:8px}.flow-list li{counter-increment:flow;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:10px 11px;border-radius:11px;background:#fff9fb}.flow-list li::before{grid-row:1/3;content:counter(flow);width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--rose-dark),var(--rose));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;margin-top:1px}.flow-list b{grid-column:2;display:block;font-size:13px;color:var(--rose-dark)}.flow-list span{grid-column:2;display:block;margin-top:2px;font-size:11px;color:#806f75;line-height:1.5}.price-card{margin-top:14px;background:rgba(255,255,255,.88);border:1px solid rgba(199,106,130,.28);border-radius:17px;padding:13px}.price-card h2{margin:0 0 9px;text-align:center;color:var(--rose-dark);font-family:'Shippori Mincho',serif;font-size:18px}.price-list{display:grid;gap:7px}.price-list>div{display:grid;grid-template-columns:140px 1fr;gap:9px;padding:9px 10px;border-radius:11px;background:#fff9fb;font-size:12px;line-height:1.5;align-items:center}.price-list strong{color:var(--rose-dark)}.price-list span{font-weight:700}.faq-title{margin:2px 0 12px;text-align:center;color:var(--rose-dark);font-family:'Shippori Mincho',serif;font-size:19px}.faq-item{border:1px solid var(--border);border-radius:13px;background:#fff;margin-bottom:9px;overflow:hidden}.faq-item summary{padding:12px 34px 12px 14px;cursor:pointer;font-weight:700;font-size:13px;color:var(--text);list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'＋';position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--rose-dark);font-weight:700}.faq-item[open] summary::after{content:'－'}.faq-item[open] summary{background:#fff8fa}.faq-item p{margin:0;padding:11px 14px 13px;border-top:1px solid #f3e6ea;font-size:12.5px;line-height:1.8;color:#5d4e54}.info-card .flow-card,.info-card .deadline-card,.info-card .price-card{margin-top:12px}@media(max-width:420px){.price-list>div{grid-template-columns:110px 1fr}}

/* 出勤リクエスト導線・専用ページ */
.schedule-request-link-wrap{display:flex;justify-content:flex-end;margin-top:12px}.schedule-request-button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-width:270px;padding:11px 13px 11px 15px;border:1px solid rgba(168,63,95,.28);border-radius:14px;background:linear-gradient(135deg,#fff,#fff7fa);box-shadow:0 6px 18px rgba(168,63,95,.07);color:var(--rose-dark);text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.schedule-request-button:hover{transform:translateY(-1px);border-color:var(--rose);box-shadow:0 9px 22px rgba(168,63,95,.11)}.schedule-request-button-copy{display:flex;flex-direction:column;gap:1px;text-align:left}.schedule-request-button-copy small{color:var(--muted);font-size:10px;font-weight:500}.schedule-request-button-copy strong{font-family:'Shippori Mincho',serif;font-size:14px}.schedule-request-arrow{font-size:25px;line-height:1;color:var(--rose)}
.request-page-shell{max-width:780px}.request-back-nav{margin:0 2px 10px}.request-back-nav a{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.76);border:1px solid rgba(168,63,95,.16);color:var(--rose-dark);text-decoration:none;font-size:12px;font-weight:700}.request-hero-card{text-align:center;background:linear-gradient(135deg,#fffafd,#f1e7f6)}.request-hero-card h1{margin:5px 0 8px;color:var(--rose-dark);font-family:'Shippori Mincho',serif;font-size:25px}.request-hero-card>p{max-width:620px;margin:7px auto;color:var(--muted);font-size:13px;line-height:1.8}.request-rule-list{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:13px 0}.request-rule-list span{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid rgba(168,63,95,.18);color:var(--rose-dark);font-size:11px;font-weight:700}.request-result-note{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.72);border:1px solid rgba(168,63,95,.14)}.request-first-group{margin-top:4px}.request-slot-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.request-slot-card{position:relative;display:block;cursor:pointer}.request-slot-card input{position:absolute;opacity:0;pointer-events:none}.request-slot-card span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:13px 10px;border:1px solid #e0d4d8;border-radius:14px;background:#fff;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.request-slot-card strong{color:var(--rose-dark);font-family:'Shippori Mincho',serif;font-size:18px}.request-slot-card small{color:var(--muted)}.request-slot-card b{margin-top:3px;color:var(--text);font-size:13px}.request-slot-card input:checked+span{border-color:var(--rose);background:#fff5f8;box-shadow:0 0 0 3px rgba(199,106,130,.11)}.request-choice-list{display:grid;gap:10px;margin-top:16px}.request-choice-card{padding:13px;border:1px solid rgba(168,63,95,.18);border-radius:16px;background:#fff}.request-choice-card.required-choice{background:linear-gradient(135deg,#fff,#fff7fa);border-color:rgba(168,63,95,.28)}.request-choice-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.request-choice-head>div{display:flex;align-items:center;gap:7px}.request-choice-head span{color:var(--rose-dark);font-family:'Shippori Mincho',serif;font-size:17px;font-weight:700}.request-choice-head b{padding:3px 7px;border-radius:999px;background:#fff0f3;color:#b54459;font-size:10px}.request-choice-head .optional-badge{background:#f1edf6;color:var(--lav-dark)}.request-remove-choice{border:0;border-radius:999px;padding:5px 9px;background:#f2edef;color:#806f75;font-size:11px;cursor:pointer}.request-date-time-grid{gap:10px}.request-add-choice-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.request-add-choice{border:1px dashed rgba(168,63,95,.36);border-radius:12px;padding:9px 12px;background:#fff9fb;color:var(--rose-dark);font-weight:700;font-size:12px;cursor:pointer}.request-form-divider{display:flex;align-items:center;gap:12px;margin:23px 0 16px;color:var(--rose-dark);font-family:'Shippori Mincho',serif;font-weight:700}.request-form-divider::before,.request-form-divider::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--border))}.request-form-divider::after{background:linear-gradient(90deg,var(--border),transparent)}.request-confirm-notice{margin-top:13px;padding:11px 12px;border:1px solid rgba(168,63,95,.18);border-radius:12px;background:#fff8fa;color:#6f5d64;font-size:12px;line-height:1.7}.request-success-card{padding-top:14px}.request-top-link{margin-top:8px}.request-page-shell select option:disabled{color:#aaa}
@media(max-width:420px){.schedule-request-button{width:100%;min-width:0}.request-hero-card h1{font-size:22px}.request-rule-list{gap:5px}.request-rule-list span{font-size:10px;padding:6px 8px}.request-slot-options{grid-template-columns:1fr 1fr}.request-choice-card{padding:11px}.request-date-time-grid{grid-template-columns:1fr}.request-add-choice{width:100%}}

/* iPhone Safari：出勤リクエストの希望日入力がカード外へはみ出す問題を修正 */
.request-date-time-grid,
.request-date-time-grid > .field {
  min-width: 0;
  width: 100%;
}

.request-date-time-grid input[type="date"],
.request-date-time-grid select {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  inline-size: 100%;
  min-inline-size: 0;
  max-inline-size: 100%;
  box-sizing: border-box;
}



/* v2.1 部屋案内（通常・注意・李白満室） */
.time-button.full-room{
  background:#f1c6d1;
  border-color:#df9aad;
  color:#8f3550;
  box-shadow:0 7px 18px rgba(168,63,95,.10)
}

.time-button.full-room b,
.time-button.full-room .state{
  color:#8f3550
}
.time-button.full-room b,.time-button.full-room .state{color:#fff}
.room-full-note{margin:10px 0 0;padding:10px;border-radius:10px;background:#f8dce4;border:1px solid #d97891;font-size:12px;line-height:1.7;color:#8f3550}
.plan-card.full-room-plan{background:#fff4f7;border-color:#d97891}
.plan-room-discount{margin-top:7px;color:#9f3f5a;font-size:12px;font-weight:700}
.selection-room-full{color:#9f3f5a;font-weight:700}
.selection-room-warning{color:#80601f;font-weight:700}
.full-room-confirm-group{padding:12px;border:1px solid #e6a8b8;border-radius:14px;background:#fff4f7}
.full-room-confirm-check{border-color:#d97891;background:#fff}
/* v26: 単独サイトの追加注意事項画像 */
.notice-image-area{width:100%;height:auto;margin:12px 0 0;border-radius:18px;overflow:hidden;border:1px solid rgba(168,63,95,.18);background:linear-gradient(135deg,#fff,#f7edf2);display:block}
.notice-image-area img{display:block;width:100%;height:auto}
.month-switch button.month-button-hidden{visibility:hidden;pointer-events:none}


/* v35: 早番・遅番表示 */
.dot.early{background:var(--rose)}
.dot.late{background:#58aee6}
.calendar-deadline-card{margin:0 0 14px}
.calendar-day.early{background:#f6d7e1;border-color:#e4adbd}
.calendar-day.late{background:#dff3ff;border-color:#8fcfed}
.calendar-day.early-princess{background:#f6d7e1;border-color:#e4adbd}
.calendar-day.late-princess{background:#dff3ff;border-color:#8fcfed}
.calendar-day.early-late{background:linear-gradient(90deg,#f6d7e1 0 50%,#dff3ff 50%);border-color:#c4bfd0}
.calendar-day.early-late:after,.calendar-day.early-princess:after,.calendar-day.late-princess:after{content:none}
.calendar-day.late .day-status{color:#287eaa}
.calendar-work-labels,.work-label-row{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}
.work-label{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1;border:1px solid transparent;background:#fff;color:var(--rose-dark)}
.work-label.mini{padding:2px 5px;font-size:8px;letter-spacing:-.04em}
.work-label.slot-mini{display:inline-flex;margin-top:5px;padding:3px 7px;font-size:10px}
.work-label.early{background:#fff0f5;border-color:#e9aabc;color:#a83f5f}
.work-label.late{background:#e6f7ff;border-color:#93d8f2;color:#287eaa}
.work-label.princess{background:#eee8fb;border-color:#cbbce7;color:#6f5a9a}
.work-label-row{justify-content:flex-start;margin:-3px 0 12px}
.time-button .work-label{margin-left:auto;margin-right:auto}

/* v74: 予約カレンダーの書体と出勤区分表示 */
.calendar-day .date-num{font-family:'Shippori Mincho',serif}
.calendar-week,.calendar-day .slot-range,.calendar-day .day-status,.calendar-work-labels,.calendar-work-labels .work-label{font-family:'Zen Kaku Gothic New',sans-serif}

/* v75: 電話予約案内と1枠日の終了時刻 */
.time-button.phone,.time-button.phone.full-room{
  background:#edf4ef;
  border-color:#a8bcad;
  color:var(--green);
}
.time-button.phone b,.time-button.phone .state,.time-button.phone.full-room b,.time-button.phone.full-room .state{color:var(--green)}
.time-button.phone .phone-slot-notice{
  display:block;
  margin:9px -2px -3px;
  padding:7px 6px;
  border-radius:9px;
  background:#fff0f3;
  color:#a52f4d;
  font-size:11px;
  font-weight:700;
  line-height:1.45;
}
.time-button.phone .phone-slot-notice strong{font-weight:900}
.modal-open{overflow:hidden}
.phone-guide-modal{
  position:fixed;
  inset:0;
  z-index:1100;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(50,37,43,.58);
}
.phone-guide-card{
  position:relative;
  width:min(440px,100%);
  padding:24px 20px 20px;
  border:1px solid rgba(168,63,95,.24);
  border-radius:20px;
  background:#fffafc;
  box-shadow:0 22px 60px rgba(50,37,43,.28);
  text-align:center;
}
.phone-guide-close{
  position:absolute;
  top:8px;
  right:10px;
  width:36px;
  height:36px;
  border:0;
  background:transparent;
  color:#76636b;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.phone-guide-icon{font-size:35px;line-height:1}
.phone-guide-card h2{margin:9px 0 5px;color:var(--rose-dark);font-family:'Shippori Mincho',serif;font-size:23px}
.phone-guide-time{margin:0 0 13px;color:var(--green);font-size:18px;font-weight:700}
.phone-guide-notice{margin:0;padding:13px 10px;border:1px solid #e3a3b3;border-radius:13px;background:#fff0f3;color:#a52f4d;font-size:15px;font-weight:700;line-height:1.65}
.phone-guide-notice strong{font-weight:900}
.phone-guide-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
@media(max-width:560px){
  .time-button.phone{grid-column:1/-1}
  .time-button.phone .phone-slot-notice{font-size:12px}
  .phone-guide-actions{grid-template-columns:1fr}
  .phone-guide-actions .primary-button,.phone-guide-actions .secondary-button{width:100%}
}


/* v53: 予約手続きエリアを案内カード類と明確に区別 */
.reservation-step-card{
  position:relative;
  overflow:hidden;
  border:2px solid rgba(168,63,95,.34);
  background:
    radial-gradient(circle at 100% 0,rgba(217,184,108,.13),transparent 32%),
    linear-gradient(145deg,#fffafd 0%,#fff2f6 100%);
  box-shadow:0 16px 34px rgba(168,63,95,.15);
  padding-top:21px;
}
.reservation-step-card::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:5px;
  background:linear-gradient(90deg,#a83f5f 0%,#d88ca0 46%,#d9b86c 72%,#b9a7d5 100%);
}
.reservation-step-card .section-head{
  margin:-2px -2px 12px;
  padding:0 2px 12px;
  border-bottom:1px solid rgba(168,63,95,.15);
}
.reservation-step-card .section-head h2{
  font-size:22px;
  color:#943953;
}
.reservation-step-card .step-label{
  background:linear-gradient(135deg,#973751,#c96a83);
  box-shadow:0 5px 12px rgba(168,63,95,.16);
  letter-spacing:.04em;
}
.reservation-step-card .section-note{
  margin-top:-2px;
  color:#6d5961;
}
.reservation-step-date .time-list,
.reservation-step-plan .plan-list{
  padding:2px;
}
.reservation-step-date .time-button,
.reservation-step-plan .plan-card{
  box-shadow:0 5px 14px rgba(94,62,74,.06);
}
.reservation-step-date .time-button:not(.closed):hover,
.reservation-step-plan .plan-card:hover{
  transform:translateY(-1px);
  box-shadow:0 9px 18px rgba(168,63,95,.10);
}
.reservation-step-form .selection-summary,
.reservation-step-confirm .confirm-summary{
  border-color:rgba(168,63,95,.28);
  background:rgba(255,255,255,.88);
  box-shadow:inset 4px 0 0 rgba(199,106,130,.38);
}
@media(max-width:420px){
  .reservation-step-card{padding-top:18px;border-radius:18px}
  .reservation-step-card .section-head h2{font-size:20px}
}


/* v54: バナー＋カレンダーを同一セクション、締切案内＋予約の流れを同一セクションへ */
.schedule-selection-card{
  padding-top:18px;
}
.schedule-selection-card .schedule-banner{
  margin:0 0 18px;
}
.schedule-selection-card .legend-row{
  margin-top:2px;
}
.reservation-guide-section{
  padding:20px;
}
.reservation-guide-section .guide-deadline-card{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
.reservation-guide-section .guide-deadline-card h2,
.reservation-guide-section .flow-card h2{
  color:var(--rose-dark);
  font-family:'Shippori Mincho',serif;
}
.guide-section-divider{
  height:1px;
  margin:22px 0;
  background:linear-gradient(90deg,transparent,rgba(168,63,95,.25),transparent);
}
.reservation-guide-section .flow-card{
  margin:0;
}
@media(max-width:420px){
  .schedule-selection-card{padding:12px}
  .schedule-selection-card .schedule-banner{margin-bottom:14px}
  .reservation-guide-section{padding:15px}
  .guide-section-divider{margin:18px 0}
}

/* v54: メール / LINE 選択 */
.contact-method-group{
  margin:2px 0 0;
}
.contact-method-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.contact-method-card{
  position:relative;
  display:block;
  cursor:pointer;
}
.contact-method-card input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.contact-method-card>span{
  min-height:58px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
  padding:12px 14px;
  border:1px solid #dfd2d7;
  border-radius:14px;
  background:#fff;
  transition:.15s ease;
}
.contact-method-card b{
  color:var(--rose-dark);
  font-size:15px;
}
.contact-method-card small{
  color:var(--muted);
  font-size:11px;
  font-weight:400;
}
.contact-method-card input:checked+span{
  border-color:var(--rose);
  background:#fff4f7;
  box-shadow:0 0 0 3px rgba(199,106,130,.10);
}
.line-contact-option b{
  color:#06a947;
}
.line-contact-option input:checked+span{
  border-color:#49bd78;
  background:#f0fff6;
  box-shadow:0 0 0 3px rgba(6,199,85,.10);
}
.line-login-box{
  margin-top:10px;
  padding:13px;
  border:1px solid #b8ddc7;
  border-radius:14px;
  background:#f4fff8;
}
.line-login-box.linked{
  border-color:#62c98a;
  background:#edfff4;
}
.line-login-button{
  width:100%;
  border:0;
  border-radius:12px;
  padding:12px 14px;
  background:#06c755;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}
.line-login-status{
  display:flex;
  flex-direction:column;
  gap:2px;
  margin-top:8px;
  color:#456a54;
  font-size:12px;
}
.line-login-status strong{
  color:#087d39;
}
@media(max-width:420px){
  .contact-method-options{grid-template-columns:1fr}
}

.contact-method-group.full,
.line-login-box.full{
  grid-column:1 / -1;
}

/* v55: LINE未設定時も選択肢自体は見せ、利用不可理由を明示 */
.contact-method-card.disabled{
  cursor:not-allowed;
}
.contact-method-card.disabled>span{
  opacity:.58;
  background:#f7f5f6;
  border-style:dashed;
}
.contact-method-card.disabled b{
  color:#7b837f;
}


/* v58: メール/LINEのアイコン寸法を統一 */
.contact-method-title{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.contact-method-icon{
  width:20px;
  height:20px;
  flex:0 0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  object-fit:contain;
}
.mail-contact-icon{
  font-size:18px;
  line-height:20px;
  color:var(--rose-dark);
  font-family:Arial,sans-serif;
}
.line-contact-icon{
  border-radius:5px;
}
.contact-method-card>span{
  min-height:58px;
}
.line-login-button:disabled{
  opacity:.55;
  cursor:not-allowed;
}

/* v59: 説明文を削除したメール/LINE選択カードを同じ高さで中央揃え */
.contact-method-card>span{align-items:flex-start;}
.contact-method-title{min-height:24px;}


/* v60: 凡例タグをクリックして現在表示月の該当枠一覧を表示 */
.legend-chip.legend-filter{
  appearance:none;
  -webkit-appearance:none;
  color:inherit;
  font-family:inherit;
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.legend-chip.legend-filter:hover{
  transform:translateY(-1px);
  box-shadow:0 5px 12px rgba(94,62,74,.08);
}
.legend-chip.legend-filter.active{
  border-color:rgba(168,63,95,.44);
  background:#fff3f7;
  box-shadow:0 0 0 2px rgba(199,106,130,.10);
}
.legend-chip.legend-filter[data-calendar-filter="late"].active{
  background:#eef9ff;
  border-color:#93d8f2;
}
.legend-chip.legend-filter[data-calendar-filter="princess"].active{
  background:#f3effc;
  border-color:#cbbce7;
}
.legend-chip.legend-filter[data-calendar-filter="gold"].active{
  background:#fff8e8;
  border-color:#e1bf65;
}
.calendar-filter-panel{
  margin:12px 0 2px;
  padding:12px;
  border:1px solid rgba(168,63,95,.18);
  border-radius:15px;
  background:rgba(255,255,255,.82);
}
.calendar-filter-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:9px;
}
.calendar-filter-head strong{
  color:var(--rose-dark);
  font-family:'Shippori Mincho',serif;
  font-size:15px;
}
.calendar-filter-clear{
  border:0;
  background:transparent;
  color:var(--rose-dark);
  font-size:11px;
  font-weight:700;
  cursor:pointer;
  padding:4px 2px;
}
.calendar-filter-list{
  display:grid;
  gap:7px;
}
.calendar-filter-item{
  display:grid;
  grid-template-columns:minmax(110px,1.25fr) minmax(110px,1.5fr) minmax(85px,.9fr) 38px;
  align-items:center;
  gap:8px;
  width:100%;
  border:1px solid #eadce1;
  border-radius:12px;
  background:#fff;
  padding:9px 10px;
  text-align:left;
  color:var(--text);
  cursor:pointer;
}
.calendar-filter-item:hover{
  border-color:var(--rose);
  background:#fff9fb;
}
.calendar-filter-date{
  font-weight:700;
  color:var(--rose-dark);
}
.calendar-filter-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px;
}
.work-label.filter-mini{
  padding:3px 7px;
  font-size:9px;
}
.filter-crown{font-size:11px}
.calendar-filter-time{
  font-size:12px;
  font-weight:700;
  color:#6f5d64;
  white-space:nowrap;
}
.calendar-filter-status{
  justify-self:end;
  font-size:20px;
  font-weight:700;
  color:var(--rose-dark);
}
.calendar-filter-empty{
  margin:0;
  padding:8px 2px;
  color:#7c6c72;
  font-size:12px;
}
.legend-help{
  margin:8px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
  text-align:center;
}
.calendar-filter-area{margin-top:14px;padding-top:2px}.legend-help span{display:block}.faq-list:empty{display:none}
.faq-item p strong{font-weight:700;color:inherit}.faq-item p .faq-text-small{font-size:.86em}.faq-item p .faq-text-normal{font-size:1em}.faq-item p .faq-text-large{font-size:1.18em}.faq-item p .faq-text-xlarge{font-size:1.38em}
@media(max-width:560px){
  .calendar-blank.compact-past-week,
  .calendar-day.compact-past-week{
    min-height:36px;
  }
  .calendar-day.compact-past-week{
    padding-top:4px;
    padding-bottom:4px;
    border-style:dashed;
    background:#fbfafb;
    opacity:.66;
  }
  .calendar-day.compact-past-week .calendar-day-inner{
    min-height:26px;
  }
  .calendar-day.compact-past-week .date-num{
    font-size:11px;
  }
  .calendar-filter-item{
    grid-template-columns:1fr auto;
    gap:5px 8px;
  }
  .calendar-filter-date{grid-column:1}
  .calendar-filter-status{grid-column:2;grid-row:1/3;align-self:center}
  .calendar-filter-meta{grid-column:1}
  .calendar-filter-time{grid-column:1}
}


/* v100: オフィシャルサイトに合わせた予約サイトのフルスクリーン構成 */
body.reservation-fullscreen{
  min-height:100vh;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 8% 0%,rgba(255,255,255,.98),transparent 26%),
    linear-gradient(180deg,#fbf7fb 0%,#f8f3f8 45%,#f7eef5 100%);
}
body.reservation-fullscreen .app-shell{
  width:100%;
  max-width:none;
  margin:0;
  padding:0 0 72px;
}
body.reservation-fullscreen .content-card:not(.schedule-selection-card):not(.reservation-guide-section):not(.faq-card){
  width:min(calc(100% - 24px),980px);
  margin-left:auto;
  margin-right:auto;
}
body.reservation-fullscreen .schedule-selection-card{
  width:100%;
  max-width:none;
  margin:0;
  padding:0 0 34px;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
  background:linear-gradient(180deg,rgba(255,251,253,.86),rgba(248,243,248,.68));
}
body.reservation-fullscreen .schedule-selection-card .schedule-banner,
body.reservation-fullscreen .schedule-selection-card .notice-image-area{
  width:100%;
  max-width:none;
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  overflow:hidden;
}
body.reservation-fullscreen .schedule-selection-card .schedule-banner img,
body.reservation-fullscreen .schedule-selection-card .notice-image-area img,
body.reservation-fullscreen .schedule-selection-card .public-image-link{
  width:100%;
  max-width:none;
}
body.reservation-fullscreen .schedule-selection-card .banner-placeholder{
  min-height:120px;
  display:grid;
  place-items:center;
  padding:22px 14px;
  background:linear-gradient(135deg,#fff,#f3eaf4);
}
body.reservation-fullscreen .schedule-selection-card .month-switch,
body.reservation-fullscreen .schedule-selection-card .calendar-wrap,
body.reservation-fullscreen .schedule-selection-card .calendar-filter-area,
body.reservation-fullscreen .schedule-selection-card .schedule-request-link-wrap{
  width:min(calc(100% - 24px),1080px);
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
}
body.reservation-fullscreen .schedule-selection-card .month-switch{
  margin-top:28px;
}
body.reservation-fullscreen .schedule-selection-card .calendar-wrap{
  box-shadow:0 9px 28px rgba(115,82,124,.06);
}
body.reservation-fullscreen .schedule-selection-card .calendar-filter-area{
  margin-top:14px;
}
body.reservation-fullscreen .schedule-selection-card .schedule-request-link-wrap{
  margin-top:14px;
}
body.reservation-fullscreen .reservation-step-card{
  margin-top:18px;
  margin-bottom:18px;
}
body.reservation-fullscreen .reservation-guide-section{
  width:100%;
  max-width:none;
  margin:0;
  padding:34px max(12px,calc((100vw - 1080px)/2));
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:18px;
  border-width:1px 0;
  border-style:solid;
  border-color:rgba(177,152,193,.18);
  border-radius:0;
  box-shadow:none;
  background:rgba(255,251,253,.76);
}
body.reservation-fullscreen .reservation-guide-section .flow-card,
body.reservation-fullscreen .reservation-guide-section .price-card{
  margin:0;
  min-width:0;
}
body.reservation-fullscreen .faq-card{
  width:100%;
  max-width:none;
  margin:0;
  padding:34px max(12px,calc((100vw - 1080px)/2)) 42px;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
}
body.reservation-fullscreen .faq-card .faq-title,
body.reservation-fullscreen .faq-card .faq-list{
  width:100%;
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
}
body.reservation-fullscreen .faq-card .faq-title{
  margin-bottom:16px;
  font-size:21px;
}
body.reservation-request-page .request-page-shell{
  max-width:none;
}
body.reservation-request-page .request-back-nav,
body.reservation-request-page .content-card{
  width:min(calc(100% - 24px),780px)!important;
  max-width:780px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.reservation-request-page .request-back-nav{
  margin-top:10px;
}
@media(max-width:760px){
  body.reservation-fullscreen .schedule-selection-card{
    padding-bottom:26px;
  }
  body.reservation-fullscreen .schedule-selection-card .month-switch,
  body.reservation-fullscreen .schedule-selection-card .calendar-wrap,
  body.reservation-fullscreen .schedule-selection-card .calendar-filter-area,
  body.reservation-fullscreen .schedule-selection-card .schedule-request-link-wrap{
    width:calc(100% - 16px);
  }
  body.reservation-fullscreen .schedule-selection-card .month-switch{
    margin-top:22px;
  }
  body.reservation-fullscreen .reservation-guide-section{
    display:block;
    padding:26px 8px;
  }
  body.reservation-fullscreen .reservation-guide-section .price-card{
    margin-top:14px;
  }
  body.reservation-fullscreen .faq-card{
    padding:28px 8px 34px;
  }
  body.reservation-fullscreen .content-card:not(.schedule-selection-card):not(.reservation-guide-section):not(.faq-card){
    width:calc(100% - 16px);
  }
  body.reservation-request-page .request-back-nav,
  body.reservation-request-page .content-card{
    width:calc(100% - 16px)!important;
  }
}
@media(max-width:420px){
  body.reservation-fullscreen .schedule-selection-card .schedule-banner,
  body.reservation-fullscreen .schedule-selection-card .notice-image-area{
    border-radius:0;
  }
  body.reservation-fullscreen .reservation-step-card{
    border-radius:18px;
  }
}

/* v112 pair reservation helpers */
.pair-combination-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 12px;padding:11px 13px;border:1px solid rgba(168,63,95,.28);border-radius:12px;background:#fff;color:var(--rose-dark);font-size:13px;font-weight:700;text-decoration:none}.pair-combination-link:hover{background:#fff4f7;border-color:var(--rose)}.pair-combination-link span{font-size:20px;line-height:1}.pair-omakase-check{margin-top:10px}.field input:disabled{background:#eee9eb!important;border-color:#ddd4d7!important;color:#9b9094!important;cursor:not-allowed;box-shadow:none!important;opacity:1}.field input:disabled::placeholder{color:#a79ca0}

/* OUKA v1 theme */
:root{
  --ouka-page-bg:#FFF8FA;--ouka-sub-bg:#FFF1F5;--ouka-card:#FFFFFF;--ouka-main:#E88FA9;--ouka-accent:#D96B8A;--ouka-dark-accent:#C24F73;--ouka-border:#F3D3DC;--ouka-text:#4D3A40;--ouka-subtext:#7E6A71;--ouka-heading:#C24F73;--ouka-link:#C24F73;--ouka-button:#D96B8A;--ouka-button-text:#FFFFFF;--ouka-input-bg:#FFFFFF;--ouka-input-border:#F3D3DC;--ouka-calendar:#E88FA9;
}
body{background-color:var(--ouka-page-bg)!important;background-image:none;color:var(--ouka-text)!important;background-position:center top;background-repeat:repeat;}
a{color:var(--ouka-link)}
.content-card{background:color-mix(in srgb,var(--ouka-card) 80%,transparent)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--ouka-card) 80%,transparent)!important;border-radius:16px!important;box-shadow:0 6px 24px rgba(180,100,130,.08)!important}
h1,h2,h3,.section-head h2{color:var(--ouka-heading)}
.primary-button{background:var(--ouka-button)!important;border-color:var(--ouka-button)!important;color:var(--ouka-button-text)!important}
input,textarea,select{background:var(--ouka-input-bg)!important;border-color:var(--ouka-input-border)!important;color:var(--ouka-text)!important}
.banner-area{overflow:hidden;border-radius:16px;background:transparent!important}.banner-area img{display:block;width:100%;aspect-ratio:1376/768;object-fit:cover}
.notice-image-area{margin-top:14px}.notice-image-area img,.extra-banner-item img{display:block;width:100%;height:auto;border-radius:14px}
.extra-banner-list{max-width:100%;display:grid;gap:12px;margin:14px 0}.extra-banner-item{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:8px;box-shadow:0 6px 20px rgba(180,100,130,.06)}
.ouka-footer{text-align:center;padding:26px 16px calc(26px + env(safe-area-inset-bottom));font-size:12px;color:var(--ouka-subtext)}
.phone-slot-notice strong{color:var(--ouka-dark-accent)}
:root{--ouka-status-open:#E88FA9;--ouka-status-phone:#D96B8A;--ouka-status-closed:#B9AAB0;--ouka-status-princess:#D89AB0;--ouka-status-early:#F1A9BB;--ouka-status-late:#9EC9DB}
.time-button:not(.phone):not(.closed) .state{color:var(--ouka-status-open)}
.time-button.phone,.time-button.phone.full-room{border-color:var(--ouka-status-phone)}
.time-button.phone b,.time-button.phone .state,.time-button.phone.full-room b,.time-button.phone.full-room .state{color:var(--ouka-status-phone)}
.time-button.closed .state{color:var(--ouka-status-closed)}
.calendar-day.princess{background:color-mix(in srgb,var(--ouka-status-princess) 32%,white);border-color:var(--ouka-status-princess)}
/* OUKA editable palette application */
.calendar-wrap,.flow-list li,.price-list>div,.selection-summary,.pair-box,.privacy-note,.contact-guide,.faq-item[open] summary{background:color-mix(in srgb,var(--ouka-sub-bg) 72%,white)!important}
.month-switch strong,.time-button b,.plan-card h3,.plan-card .plan-price,.confirm-row strong{color:var(--ouka-dark-accent)!important}
.month-switch button{color:var(--ouka-accent)!important;border:1px solid color-mix(in srgb,var(--ouka-accent) 24%,white)}
.calendar-day:not(.no-config){border-color:color-mix(in srgb,var(--ouka-calendar) 48%,white)}
.calendar-day .day-status{color:var(--ouka-calendar)}
.step-label{background:var(--ouka-main)!important}
.secondary-button{background:color-mix(in srgb,var(--ouka-sub-bg) 82%,white)!important;color:var(--ouka-dark-accent)!important}
.secondary-link,.text-button,.inline-link{color:var(--ouka-link)!important}
.flow-list li::before{background:linear-gradient(135deg,var(--ouka-dark-accent),var(--ouka-main))!important}


/* OUKA v1.1 editable translucent surfaces / FAQ / footer */
:root{
  --ouka-card-surface-color:#FFFFFF;--ouka-card-opacity:64%;--ouka-card-border-color:#FFFFFF;--ouka-card-border-opacity:78%;--ouka-card-blur:8px;
  --ouka-faq-title-size:19px;--ouka-faq-title-weight:700;--ouka-faq-title-color:#C24F73;
  --ouka-faq-question-size:13px;--ouka-faq-question-weight:700;--ouka-faq-question-color:#4D3A40;--ouka-faq-question-bg:#FFFFFF;--ouka-faq-question-bg-opacity:90%;
  --ouka-faq-answer-size:12.5px;--ouka-faq-answer-weight:400;--ouka-faq-answer-color:#5D4E54;
}
.content-card{background:color-mix(in srgb,var(--ouka-card-surface-color) var(--ouka-card-opacity),transparent)!important;backdrop-filter:blur(var(--ouka-card-blur))!important;-webkit-backdrop-filter:blur(var(--ouka-card-blur))!important;border-color:color-mix(in srgb,var(--ouka-card-border-color) var(--ouka-card-border-opacity),transparent)!important}
.faq-title{font-size:var(--ouka-faq-title-size)!important;font-weight:var(--ouka-faq-title-weight)!important;color:var(--ouka-faq-title-color)!important}
.faq-item summary{font-size:var(--ouka-faq-question-size)!important;font-weight:var(--ouka-faq-question-weight)!important;color:var(--ouka-faq-question-color)!important}
.faq-item[open] summary{background:color-mix(in srgb,var(--ouka-faq-question-bg) var(--ouka-faq-question-bg-opacity),transparent)!important}
.faq-item p{font-size:var(--ouka-faq-answer-size)!important;font-weight:var(--ouka-faq-answer-weight)!important;color:var(--ouka-faq-answer-color)!important}
.ouka-footer{display:grid;justify-items:center;gap:7px;text-align:center;padding:30px 16px calc(30px + env(safe-area-inset-bottom));color:var(--ouka-subtext);font-size:12px;line-height:1.75}
.ouka-footer-name{font-family:'Shippori Mincho',serif;font-size:18px;font-weight:700;color:var(--ouka-heading)}
.ouka-footer-profile{font-weight:700;color:var(--ouka-link);text-decoration:underline;text-underline-offset:3px}
.ouka-footer-copy{margin-top:3px}
.ouka-footer-notice{max-width:680px;font-size:11px}

/* OUKA v1.2 original content / cancellation */
:root{--ouka-faq-answer-line-height:1.85;--ouka-faq-link-color:#C24F73}
.faq-item p{line-height:var(--ouka-faq-answer-line-height)!important}.faq-item p a{color:var(--ouka-faq-link-color)!important;font-weight:700}
.ouka-intro{max-width:900px;margin:26px auto 8px;padding:8px 24px 4px;text-align:center}.ouka-intro-ornament{font-size:19px;color:var(--ouka-main);opacity:.8}.ouka-intro h1{margin:7px 0 12px;font-family:'Shippori Mincho',serif;font-size:clamp(22px,3.3vw,34px);font-weight:600;letter-spacing:.06em;color:var(--ouka-heading)}.ouka-intro p{margin:0;color:var(--ouka-text);font-family:'Shippori Mincho',serif;font-size:14px;line-height:2;letter-spacing:.025em}
body.reservation-fullscreen .ouka-service-section{width:100%;max-width:none;margin:0;padding:54px max(16px,calc((100vw - 980px)/2)) 58px;border-radius:0!important;border-left:0!important;border-right:0!important}.ouka-service-heading{text-align:center;max-width:780px;margin:0 auto 38px}.ouka-service-kicker{display:block;margin-bottom:7px;color:var(--ouka-accent);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.ouka-service-heading h2{margin:0;font-family:'Shippori Mincho',serif;font-size:clamp(24px,3.4vw,34px);letter-spacing:.07em}.ouka-service-label{display:inline-block;margin:18px 0 13px;padding:6px 14px;border:1px solid color-mix(in srgb,var(--ouka-main) 45%,transparent);border-radius:999px;color:var(--ouka-dark-accent);background:color-mix(in srgb,var(--ouka-sub-bg) 62%,transparent);font-weight:700;font-size:13px}.ouka-service-lead{margin:0;color:var(--ouka-text);font-family:'Shippori Mincho',serif;line-height:2;font-size:14px}
.ouka-service-timeline{position:relative;max-width:820px;margin:0 auto;padding:0 0 6px}.ouka-service-timeline::before{content:"";position:absolute;left:25px;top:28px;bottom:28px;width:1px;background:linear-gradient(var(--ouka-main),color-mix(in srgb,var(--ouka-main) 20%,transparent))}.ouka-timeline-step{position:relative;display:grid;grid-template-columns:52px 1fr;gap:19px;padding:0 0 28px}.ouka-step-marker{position:relative;z-index:1;display:grid;place-items:start center;padding-top:1px}.ouka-step-marker span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1px solid color-mix(in srgb,var(--ouka-main) 55%,white);background:color-mix(in srgb,var(--ouka-card-surface-color) 88%,transparent);color:var(--ouka-dark-accent);font-family:'Shippori Mincho',serif;font-size:14px;font-weight:700;box-shadow:0 6px 18px rgba(180,100,130,.08)}.ouka-step-copy{padding:3px 0 0}.ouka-step-copy h3{margin:0 0 7px;font-family:'Shippori Mincho',serif;font-size:18px;letter-spacing:.025em}.ouka-step-copy p{margin:0;color:var(--ouka-text);line-height:1.9;font-size:13.5px}.ouka-service-note{max-width:820px;margin:5px auto 34px;padding:15px 18px;border-radius:13px;background:color-mix(in srgb,var(--ouka-sub-bg) 64%,transparent);color:var(--ouka-subtext);font-size:12.5px;line-height:1.85}.ouka-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-width:920px;margin:0 auto 15px}.ouka-guide-card,.ouka-simple-guide{border:1px solid color-mix(in srgb,var(--ouka-border) 82%,transparent);background:color-mix(in srgb,var(--ouka-card-surface-color) 57%,transparent);border-radius:15px;padding:20px;box-shadow:0 5px 18px rgba(180,100,130,.05)}.ouka-guide-card>span{display:inline-block;margin-bottom:9px;padding:3px 8px;border-radius:999px;background:var(--ouka-main);color:white;font-size:10px;font-weight:700}.ouka-guide-card h3,.ouka-simple-guide h3{margin:0 0 8px;font-size:15px}.ouka-guide-card p,.ouka-simple-guide p{margin:0;font-size:12.5px;line-height:1.85}.ouka-simple-guide{max-width:920px;margin:13px auto}.ouka-simple-guide a{font-weight:700}.ouka-service-closing{max-width:760px;margin:38px auto 0;text-align:center;font-family:'Shippori Mincho',serif;color:var(--ouka-heading);font-size:14px;line-height:2.1;letter-spacing:.035em}
.cancel-shell{width:min(100% - 24px,720px);margin:0 auto;padding:30px 0 60px}.cancel-card{padding:32px}.cancel-brand{text-align:center;margin-bottom:22px}.cancel-brand span{display:block;font-size:10px;letter-spacing:.2em;color:var(--ouka-subtext)}.cancel-brand strong{display:block;margin-top:4px;font-family:'Shippori Mincho',serif;font-size:25px;color:var(--ouka-heading)}.cancel-card>h1{text-align:center;margin:0 0 26px;font-size:23px}.cancel-status{text-align:center;padding:25px;color:var(--ouka-subtext)}.cancel-summary{margin:0 0 20px;border:1px solid var(--ouka-border);border-radius:14px;overflow:hidden}.cancel-summary>div{display:grid;grid-template-columns:42% 1fr;border-bottom:1px solid var(--ouka-border)}.cancel-summary>div:last-child{border-bottom:0}.cancel-summary dt,.cancel-summary dd{margin:0;padding:12px}.cancel-summary dt{background:var(--ouka-sub-bg);font-weight:700;color:var(--ouka-dark-accent)}.cancel-summary dd{background:color-mix(in srgb,var(--ouka-card) 72%,transparent)}.cancel-action,.cancel-unavailable,.cancel-completed{margin:18px 0;padding:20px;border-radius:14px;background:var(--ouka-sub-bg);line-height:1.8}.cancel-action p,.cancel-unavailable p,.cancel-completed p{margin:0 0 14px}.cancel-unavailable h2,.cancel-completed h2{margin:0 0 9px;font-size:17px}.danger-action{border:0;border-radius:12px;background:#B84D6C;color:#fff;padding:12px 18px;font-weight:700;cursor:pointer}.danger-action:disabled{opacity:.6;cursor:not-allowed}.cancel-back{display:block;text-align:center;margin-top:22px;font-weight:700}.cancel-dialog-card{max-width:440px}.confirm-dialog::backdrop{background:rgba(48,31,37,.45)}
@media(max-width:720px){.ouka-intro{margin-top:20px;padding:3px 12px}.ouka-intro p{font-size:13px}.ouka-guide-grid{grid-template-columns:1fr}.ouka-timeline-step{grid-template-columns:44px 1fr;gap:14px}.ouka-service-timeline::before{left:21px}.ouka-step-marker span{width:42px;height:42px;font-size:12px}.ouka-step-copy h3{font-size:16px}body.reservation-fullscreen .ouka-service-section{padding:38px 16px 44px}.cancel-shell{width:calc(100% - 16px);padding-top:12px}.cancel-card{padding:23px 16px}.cancel-summary>div{grid-template-columns:1fr}.cancel-summary dt{padding-bottom:4px}.cancel-summary dd{padding-top:7px}}


/* OUKA v1.2.3: collapsible service story + PC Japanese typography */
html{-webkit-text-size-adjust:100%}
body{font-family:'Zen Kaku Gothic New','Yu Gothic','Hiragino Kaku Gothic ProN','Meiryo',sans-serif}
.ouka-intro h1,.ouka-service-heading h2,.ouka-step-copy h3,.ouka-service-closing{font-family:'Shippori Mincho','Yu Mincho','Hiragino Mincho ProN','YuMincho',serif;word-break:normal;line-break:strict;overflow-wrap:break-word}
.ouka-intro h1{font-size:clamp(22px,2.15vw,30px);line-height:1.55;letter-spacing:.035em;text-wrap:balance}
.ouka-intro p{max-width:760px;margin-left:auto;margin-right:auto;font-family:'Zen Kaku Gothic New','Yu Gothic','Hiragino Kaku Gothic ProN','Meiryo',sans-serif;font-size:15px;line-height:1.9;letter-spacing:.01em;word-break:normal;line-break:strict;overflow-wrap:break-word}
body.reservation-fullscreen .ouka-service-section{padding-top:46px;padding-bottom:50px}
.ouka-service-heading{max-width:760px;margin-bottom:26px}
.ouka-service-heading h2{font-size:clamp(23px,2.35vw,30px);line-height:1.5;letter-spacing:.035em;text-wrap:balance}
.ouka-service-kicker{letter-spacing:.12em}
.ouka-service-lead{max-width:720px;margin:14px auto 0;font-family:'Zen Kaku Gothic New','Yu Gothic','Hiragino Kaku Gothic ProN','Meiryo',sans-serif;font-size:15px;line-height:1.9;letter-spacing:0;word-break:normal;line-break:strict;overflow-wrap:break-word}
.ouka-service-toggle{display:flex;align-items:center;justify-content:center;gap:11px;width:min(100%,440px);margin:0 auto;padding:13px 20px;border:1px solid color-mix(in srgb,var(--ouka-main) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--ouka-card-surface-color) 68%,transparent);color:var(--ouka-dark-accent);font:700 14px/1.4 'Zen Kaku Gothic New','Yu Gothic','Meiryo',sans-serif;box-shadow:0 6px 20px rgba(180,100,130,.07);cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.ouka-service-toggle:hover{background:color-mix(in srgb,var(--ouka-sub-bg) 78%,transparent);border-color:var(--ouka-main)}
.ouka-service-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--ouka-main) 30%,transparent);outline-offset:3px}
.ouka-service-toggle-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--ouka-main) 14%,transparent);font-size:18px;line-height:1;transition:transform .18s ease}
.ouka-service-toggle[aria-expanded="true"] .ouka-service-toggle-icon{transform:rotate(180deg)}
.ouka-service-details{max-width:900px;margin:32px auto 0}
.ouka-service-label{display:table;margin:0 auto 28px;font-size:13px}
.ouka-service-timeline{max-width:820px}
.ouka-step-copy h3{font-size:18px;line-height:1.6;letter-spacing:.015em}
.ouka-step-copy p{font-size:14.5px;line-height:1.9;letter-spacing:0;word-break:normal;line-break:strict;overflow-wrap:break-word}
.ouka-service-note{font-size:13.5px;line-height:1.9}
.ouka-service-closing{font-size:15px;line-height:2;letter-spacing:.02em}
@media(min-width:1100px){
  .ouka-service-timeline{max-width:850px}
  .ouka-timeline-step{grid-template-columns:54px 1fr;gap:22px;padding-bottom:30px}
}
@media(max-width:720px){
  .ouka-intro h1{font-size:23px;line-height:1.55;letter-spacing:.025em}
  .ouka-intro p{font-size:13.5px;line-height:1.9}
  body.reservation-fullscreen .ouka-service-section{padding-top:36px;padding-bottom:42px}
  .ouka-service-heading{margin-bottom:22px}
  .ouka-service-heading h2{font-size:23px;letter-spacing:.025em}
  .ouka-service-lead{font-size:13.5px;line-height:1.9}
  .ouka-service-toggle{width:100%;max-width:390px;padding:12px 16px;font-size:13px}
  .ouka-service-details{margin-top:27px}
  .ouka-service-label{margin-bottom:24px}
  .ouka-step-copy p{font-size:13.5px}
  .ouka-service-note{font-size:12.5px}
  .ouka-service-closing{font-size:13.5px}
}


/* OUKA v1.2.4: PC layout stabilization + compact desktop top banner */
.ouka-service-closing-always{display:block!important}
@media (min-width:721px){
  body.reservation-fullscreen .content-card.ouka-service-section{
    width:min(calc(100% - 40px),1080px)!important;
    max-width:1080px!important;
    margin:28px auto 24px!important;
    padding:44px clamp(28px,4vw,56px) 48px!important;
    border-left:1px solid color-mix(in srgb,var(--ouka-card-surface-border-color,#fff) 80%,transparent)!important;
    border-right:1px solid color-mix(in srgb,var(--ouka-card-surface-border-color,#fff) 80%,transparent)!important;
    border-radius:20px!important;
  }
  .ouka-service-heading,.ouka-service-details,.ouka-service-closing{
    width:100%!important;
    max-width:860px!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .ouka-service-heading h2,.ouka-service-lead,.ouka-service-closing,.ouka-step-copy h3,.ouka-step-copy p{
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    line-break:strict!important;
  }
  .ouka-service-heading h2{font-size:30px!important;line-height:1.55!important;letter-spacing:.035em!important}
  .ouka-service-lead{font-size:15px!important;line-height:1.95!important}
  .ouka-service-timeline{width:100%!important;max-width:820px!important}
  .ouka-timeline-step{grid-template-columns:54px minmax(0,1fr)!important;gap:22px!important}
  .ouka-step-copy{min-width:0!important;width:auto!important}
  .ouka-step-copy h3{font-size:18px!important;line-height:1.65!important}
  .ouka-step-copy p{font-size:14.5px!important;line-height:1.95!important}
  .ouka-service-closing{margin-top:30px!important;font-size:15px!important;line-height:2.05!important}
}
@media (min-width:900px){
  body.reservation-fullscreen .schedule-selection-card .schedule-banner{
    width:min(calc(100% - 48px),960px)!important;
    max-width:960px!important;
    margin:18px auto 0!important;
    border-radius:18px!important;
  }
  body.reservation-fullscreen .schedule-selection-card .schedule-banner .public-image-link,
  body.reservation-fullscreen .schedule-selection-card .schedule-banner img{
    width:100%!important;
    max-width:100%!important;
  }
}
@media (max-width:720px){
  body.reservation-fullscreen .content-card.ouka-service-section{
    width:calc(100% - 16px)!important;
    max-width:none!important;
    margin:18px auto!important;
    padding:36px 16px 42px!important;
  }
  .ouka-service-closing-always{margin-top:26px!important}
}