@charset "UTF-8";

/* pages/schedule.css
 * 担当範囲はこのファイルだけで編集。414px基準・既存の縮小式を維持。
 * 色は 店舗側 presentation/theme.css。条件・優先度は表示維持のため残しています。
 */


:where(body[data-page="schedule"]) #item_photos2:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  width: 100%;
}

@media screen and (max-width: 413px) {
  :where(body[data-page="schedule"]) #item_photos2:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    width: 100%;
  }
}





:where(body[data-page="schedule"]) .day_in:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  width: 400px;
  height: 40px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

:where(body[data-page="schedule"]) .on:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  width: 90px;
  height: 30px;
  margin: 20px 4px 10px 4px;
  float: left;
  padding: 0;
  list-style: none;
  text-align: center;
}

:where(body[data-page="schedule"]) .on span:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  font-weight: bold;
  line-height: 33px;
}

@media screen and (max-width: 413px) {
  

  

  :where(body[data-page="schedule"]) .day_in:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    width: clamp(309.1787px, 96.6184vw, 400px);
    height: clamp(30.9179px, 9.6618vw, 40px);
    margin: 0 auto;
    padding: 0;
    list-style: none;
  }

  :where(body[data-page="schedule"]) .on:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    width: clamp(69.5652px, 21.7391vw, 90px);
    height: clamp(23.1884px, 7.2464vw, 30px);
    margin: clamp(15.4589px, 4.8309vw, 20px) clamp(3.0918px, 0.9662vw, 4px) clamp(7.7295px, 2.4155vw, 10px) clamp(3.0918px, 0.9662vw, 4px);
    float: left;
    padding: 0;
    list-style: none;
    text-align: center;
  }

  :where(body[data-page="schedule"]) .on span:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    font-weight: bold;
    line-height: clamp(29.7px, calc(18.466px + 3.5106vw), 33px);
  }
}







:where(body[data-page="schedule"]) .schedule_day .day_in:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  column-gap: 8px;
  width: 400px;
  height: 60px;
  box-sizing: border-box;
  padding-left: 4px;
  padding-right: 4px;
}

:where(body[data-page="schedule"]) .schedule_day .day_in > a:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  display: block;
  min-width: 0;
  text-decoration: none;
}

:where(body[data-page="schedule"]) .schedule_day .day_in .on:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  float: none;
  width: 100%;
  box-sizing: border-box;
  margin-left: 0;
  margin-right: 0;
}

@media screen and (max-width:413px) {
  :where(body[data-page="schedule"]) .schedule_day .day_in:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    column-gap: clamp(6.1836px,1.9324vw,8px);
    width: clamp(309.1787px,96.6184vw,400px);
    height: clamp(46.3768px,14.4928vw,60px);
    padding-left: clamp(3.0918px,.9662vw,4px);
    padding-right: clamp(3.0918px,.9662vw,4px);
  }
}

:where(body[data-page="schedule"]) .schedule_day .day_in > .clear:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  display: none;
}

:where(body[data-page="schedule"]) .schedule_day .day_in > a:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
:where(body[data-page="schedule"]) .schedule_day .day_in > a *:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  -webkit-tap-highlight-color: transparent !important;
}

:where(body[data-page="schedule"]) .schedule_day .day_in > a:focus:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
:where(body[data-page="schedule"]) .schedule_day .day_in > a:active:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
:where(body[data-page="schedule"]) .schedule_day .day_in > a li:focus:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
:where(body[data-page="schedule"]) .schedule_day .day_in > a li:active:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  outline: none !important;
  box-shadow: none !important;
}

:where(body[data-page="schedule"]) .box .photo img.schedule-manin-overlay:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 130%;
  height: auto;
  max-width: 180%;
  max-height: 180%;
  object-fit: contain;
  z-index: 5;
  pointer-events: none;
}

:where(body[data-page="schedule"]) .line_q:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  width: 363px;
  height: 5px;
  margin: 0 0 0 5px;
  padding: 0;
  border-left: 1px solid var(--ui-sp-main-base-border-variant-27, var(--ui-sp-base-border-variant-27));
  border-right: 1px solid var(--ui-sp-main-base-border-variant-27, var(--ui-sp-base-border-variant-27));
  border-top: 1px solid var(--ui-sp-main-base-border-variant-27, var(--ui-sp-base-border-variant-27));
  background: var(--ui-sp-main-base-bg-variant-41, var(--ui-sp-base-bg-variant-41));
}

:where(body[data-page="schedule"]) .line_c:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background: var(--ui-sp-main-base-bg-variant-41, var(--ui-sp-base-bg-variant-41));
  height: 20px;
  width: 363px;
  margin: 0 0 20px 5px;
  padding: 0;
  border-left: 1px solid var(--ui-sp-main-base-border-variant-27, var(--ui-sp-base-border-variant-27));
  border-right: 1px solid var(--ui-sp-main-base-border-variant-27, var(--ui-sp-base-border-variant-27));
  border-bottom: 1px solid var(--ui-sp-main-base-border-variant-27, var(--ui-sp-base-border-variant-27));
  position: relative;
  top: -17px;
}

@media screen and (max-width: 413px) {
  :where(body[data-page="schedule"]) .line_q:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    width: clamp(280.5797px, 87.6812vw, 363px);
    height: clamp(3.8647px, 1.2077vw, 5px);
    margin: 0 0 0 clamp(3.8647px, 1.2077vw, 5px);
    padding: 0;
    border-left: 1px solid var(--ui-sp-main-base-border-variant-27, var(--ui-sp-base-border-variant-27));
    border-right: 1px solid var(--ui-sp-main-base-border-variant-27, var(--ui-sp-base-border-variant-27));
    border-top: 1px solid var(--ui-sp-main-base-border-variant-27, var(--ui-sp-base-border-variant-27));
    background: var(--ui-sp-main-base-bg-variant-41, var(--ui-sp-base-bg-variant-41));
  }

  :where(body[data-page="schedule"]) .line_c:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    background: var(--ui-sp-main-base-bg-variant-41, var(--ui-sp-base-bg-variant-41));
    height: clamp(15.4589px, 4.8309vw, 20px);
    width: clamp(280.5797px, 87.6812vw, 363px);
    margin: 0 0 clamp(15.4589px, 4.8309vw, 20px) clamp(3.8647px, 1.2077vw, 5px);
    padding: 0;
    border-left: 1px solid var(--ui-sp-main-base-border-variant-27, var(--ui-sp-base-border-variant-27));
    border-right: 1px solid var(--ui-sp-main-base-border-variant-27, var(--ui-sp-base-border-variant-27));
    border-bottom: 1px solid var(--ui-sp-main-base-border-variant-27, var(--ui-sp-base-border-variant-27));
    position: relative;
    top: clamp(-17px, -4.1063vw, -13.1401px);
  }
}

body:where([data-page="schedule"]).natural-theme.natural-sp .title:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
body:where([data-page="schedule"]).natural-theme.natural-sp .titlebar:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background: linear-gradient(100deg, var(--ui-sp-main-heading-bg-variant-6, var(--ui-sp-heading-bg-variant-6)) 0%, var(--ui-sp-main-heading-bg-variant-10, var(--ui-sp-heading-bg-variant-10)) 58%, var(--ui-sp-main-heading-bg-variant-8, var(--ui-sp-heading-bg-variant-8)) 100%) !important;
  border-color: var(--ui-sp-main-heading-border-variant-5, var(--ui-sp-heading-border-variant-5)) !important;
  color: var(--ui-sp-main-heading-text-variant-5, var(--ui-sp-heading-text-variant-5)) !important;
  box-shadow: inset 0 1px var(--ui-sp-main-heading-shadow-variant-3, var(--ui-sp-heading-shadow-variant-3)), 0 2px 5px var(--ui-sp-main-heading-shadow-variant-4, var(--ui-sp-heading-shadow-variant-4)) !important;
}

body:where([data-page="schedule"]).natural-theme.natural-sp #movie:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background-color: var(--ui-sp-main-video-bg-variant-6, var(--ui-sp-video-bg-variant-6)) !important;
  border-color: var(--ui-sp-main-video-border, var(--ui-sp-video-border)) !important;
}

body:where([data-page="schedule"]).natural-theme.natural-sp .girl_name:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  color: var(--ui-sp-main-profile-text-variant-12, var(--ui-sp-profile-text-variant-12)) !important;
}

body:where([data-page="schedule"]).natural-theme.natural-sp hr:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
body:where([data-page="schedule"]).natural-theme.natural-sp th:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  border-color: var(--ui-sp-main-base-border-variant-28, var(--ui-sp-base-border-variant-28)) !important;
}

body:where([data-page="schedule"]).natural-theme.natural-sp th:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background: var(--ui-sp-main-base-bg-variant-42, var(--ui-sp-base-bg-variant-42)) !important;
  color: var(--ui-sp-main-base-text-variant-5, var(--ui-sp-base-text-variant-5)) !important;
}

body:where([data-page="schedule"]).natural-theme.natural-sp input[type="submit"]:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
body:where([data-page="schedule"]).natural-theme.natural-sp .btn:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
body:where([data-page="schedule"]).natural-theme.natural-sp .button:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background: linear-gradient(180deg, var(--ui-sp-main-button-bg, var(--ui-sp-button-bg)), var(--ui-sp-main-button-bg-variant-2, var(--ui-sp-button-bg-variant-2))) !important;
  border-color: var(--ui-sp-main-button-border, var(--ui-sp-button-border)) !important;
  color: var(--ui-sp-main-button-text-variant-4, var(--ui-sp-button-text-variant-4)) !important;
}



body:where([data-page="schedule"]).natural-theme.natural-sp #play li:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background: var(--ui-sp-main-base-bg-variant-43, var(--ui-sp-base-bg-variant-43)) !important;
  border-color: var(--ui-sp-main-base-border-variant-29, var(--ui-sp-base-border-variant-29)) !important;
  color: var(--ui-sp-main-base-text-variant-25, var(--ui-sp-base-text-variant-25)) !important;
}

body:where([data-page="schedule"]).natural-theme.natural-sp .schedule_in_bg .box .name span:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
body:where([data-page="schedule"]).natural-theme.natural-sp .schedule_in_bg .in_bg_in > .box > .name span:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  color: var(--ui-sp-main-base-text-variant-35, var(--ui-sp-base-text-variant-35)) !important;
  font-family: Meiryo, "Yu Gothic", sans-serif !important;
  font-weight: 600 !important;
}

body:where([data-page="schedule"]).natural-theme.natural-sp .schedule_in_bg + .yohaku40:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
body:where([data-page="schedule"]).natural-theme.natural-sp .schedule_in_bg + .yohaku40 + .yohaku20:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background: var(--ui-sp-main-base-bg-variant-52, var(--ui-sp-base-bg-variant-52)) !important;
  background-color: var(--ui-sp-main-base-bg-variant-52, var(--ui-sp-base-bg-variant-52)) !important;
  background-image: none !important;
}



:where(body[data-page="schedule"]) .schedule_day:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  padding-top: 1px;
  background: var(--ui-sp-schedule-dates-background, transparent);
}



:where(body[data-page="schedule"]) #tab03 #kakuicon:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  display: none !important;
}

:where(body[data-page="schedule"]) .natural-empty-message:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  width: calc(100% - 20px);
  box-sizing: border-box;
  margin: 10px auto;
  padding: 16px 10px;
  border: 1px solid var(--ui-sp-main-message-border, var(--ui-sp-message-border));
  background: var(--ui-sp-main-message-bg, var(--ui-sp-message-bg));
  color: var(--ui-sp-main-message-text, var(--ui-sp-message-text));
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
  text-align: center;
}

:where(body[data-page="schedule"]) #newface_area .natural-empty-message:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
:where(body[data-page="schedule"]) .schedule_in_bg .natural-empty-message:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  float: none !important;
  clear: both !important;
}

@media screen and (max-width:413px) {
  :where(body[data-page="schedule"]) .natural-empty-message:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    width: calc(100% - clamp(15.4589px,4.8309vw,20px));
    margin: clamp(7.7295px,2.4155vw,10px) auto;
    padding: clamp(12.3671px,3.8647vw,16px) clamp(7.7295px,2.4155vw,10px);
    font-size: clamp(10.0483px,3.1401vw,13px);
  }
}

body:where([data-page="schedule"]).natural-theme.natural-sp .schedule_day .day_in:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
body:where([data-page="schedule"]).natural-theme.natural-sp .schedule_day .day_in > a:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body:where([data-page="schedule"]).natural-theme.natural-sp .schedule_day .day_in .on:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  border: 1px solid var(--ui-sp-schedule-day-border, var(--ui-sp-main-base-border-variant-42, var(--ui-sp-base-border-variant-42)));
  background: var(--ui-sp-schedule-day-background, var(--ui-sp-main-base-bg-variant-53, var(--ui-sp-base-bg-variant-53)));
  box-shadow: var(--ui-sp-schedule-day-shadow, 0 1px 3px var(--ui-sp-main-base-shadow-variant-16, var(--ui-sp-base-shadow-variant-16)));
  filter: none;
}

body:where([data-page="schedule"]).natural-theme.natural-sp .schedule_day .day_in .on[aria-current="true"]:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  border-color: var(--ui-sp-schedule-day-active-border, var(--ui-sp-main-base-border-variant-43, var(--ui-sp-base-border-variant-43)));
  background: var(--ui-sp-schedule-day-active-background, var(--ui-sp-main-schedule-current-bg, var(--ui-sp-base-bg-variant-9)));
}

body:where([data-page="schedule"]).natural-theme.natural-sp .schedule_day .day_in .on span:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
body:where([data-page="schedule"]).natural-theme.natural-sp .schedule_day .day_in .on[aria-current="true"] span:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  color: var(--ui-sp-schedule-day-foreground, var(--ui-sp-main-schedule-date-text, var(--ui-sp-base-text-variant-3))) !important;
  font-size: var(--ui-sp-schedule-day-font-size, clamp(12.5px,3.3816vw,14px)) !important;
  letter-spacing: var(--ui-sp-schedule-day-letter-spacing, 0) !important;
  white-space: nowrap !important;
}

body:where([data-page="schedule"]).natural-theme.natural-sp .schedule_day .day_in .on.is-saturday .schedule-weekday:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
body:where([data-page="schedule"]).natural-theme.natural-sp .schedule_day .day_in .on.is-saturday[aria-current="true"] .schedule-weekday:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  color: var(--ui-sp-main-base-text-variant-36, var(--ui-sp-base-text-variant-36)) !important;
}

body:where([data-page="schedule"]).natural-theme.natural-sp .schedule_day .day_in .on.is-sunday .schedule-weekday:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
body:where([data-page="schedule"]).natural-theme.natural-sp .schedule_day .day_in .on.is-sunday[aria-current="true"] .schedule-weekday:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  color: var(--ui-sp-main-base-text-variant-37, var(--ui-sp-base-text-variant-37)) !important;
}

/* Shift the combined date/weekday once (both card modes, all shops). */
:where(body[data-page="schedule"]) .schedule_day .on > span:where(.ui-main *) {
  position: relative;
  top: 1px;
}

:where(body[data-page="schedule"]) .schedule_day .schedule-weekday:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  font: inherit;
  font-weight: inherit;
}

:where(body[data-page="schedule"][data-layout="fullspec"]) #day_in_id a:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
:where(body[data-page="schedule"][data-layout="fullspec"]) #day_in_id li:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
:where(body[data-page="schedule"][data-layout="fullspec"]) #day_in_id span:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  -webkit-tap-highlight-color: transparent !important;
}

:where(body[data-page="schedule"][data-layout="fullspec"]) #day_in_id a:focus:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
:where(body[data-page="schedule"][data-layout="fullspec"]) #day_in_id a:active:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
:where(body[data-page="schedule"][data-layout="fullspec"]) #day_in_id li:focus:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
:where(body[data-page="schedule"][data-layout="fullspec"]) #day_in_id li:active:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  outline: none !important;
  box-shadow: none !important;
}

:where(body[data-page="schedule"][data-layout="fullspec"]) .schedule_day .day_in .on:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

:where(body[data-page="schedule"][data-layout="fullspec"]) .schedule_day .day_in .on>span:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  display: block;
  line-height: 1 !important;
  transform: translateY(1px) !important;
}

:where(body[data-page="schedule"]) .ui-debug-panel:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background: var(--ui-sp-main-base-bg-variant-54, var(--ui-sp-base-bg-variant-54));
  padding: 6px 10px;
  margin: 6px 0;
  font: 12px/1.4 system-ui;
}