@charset "UTF-8";

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


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

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

@media screen and (max-width: 320px) {
  :where(body[data-page="prohibited"]) .kinsis:where(.ui-main *) {
    font-size: 12px;
    color: var(--ui-sp-main-prohibited-body-text, var(--ui-sp-base-text-variant-3));
    line-height: 17px;
    width: 300px;
  }

  :where(body[data-page="prohibited"]) .prowaku:where(.ui-main *) {
    width: 100%;
    padding: 10px;
    background: var(--ui-sp-main-base-bg-variant-51, var(--ui-sp-base-bg-variant-51));
  }

  :where(body[data-page="prohibited"]) .promidashi:where(.ui-main *) {
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    width: 300px;
    margin: 0;
    background: var(--ui-sp-main-heading-bg-variant-19, var(--ui-sp-heading-bg-variant-19));
    color: var(--ui-sp-main-heading-text-variant-2, var(--ui-sp-heading-text-variant-2));
    line-height: 22px;
    padding: 0;
  }
}

@media screen and (min-width:321px) and (max-width: 374px) {
  :where(body[data-page="prohibited"]) .kinsis:where(.ui-main *) {
    font-size: 12px;
    color: var(--ui-sp-main-prohibited-body-text, var(--ui-sp-base-text-variant-3));
    line-height: 17px;
    width: 328px;
  }

  :where(body[data-page="prohibited"]) .prowaku:where(.ui-main *) {
    width: 100%;
    padding: 10px;
    background: var(--ui-sp-main-base-bg-variant-51, var(--ui-sp-base-bg-variant-51));
  }

  :where(body[data-page="prohibited"]) .promidashi:where(.ui-main *) {
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    width: 325px;
    margin: 0;
    background: var(--ui-sp-main-heading-bg-variant-19, var(--ui-sp-heading-bg-variant-19));
    color: var(--ui-sp-main-heading-text-variant-2, var(--ui-sp-heading-text-variant-2));
    line-height: 22px;
    padding: 0;
  }
}

@media screen and (min-width: 375px) and (max-width: 413px) {
  :where(body[data-page="prohibited"]) .kinsis:where(.ui-main *) {
    font-size: 12px;
    color: var(--ui-sp-main-prohibited-body-text, var(--ui-sp-base-text-variant-3));
    line-height: 17px;
    width: 343px;
  }

  :where(body[data-page="prohibited"]) .prowaku:where(.ui-main *) {
    width: 100%;
    padding: 10px;
    background: var(--ui-sp-main-base-bg-variant-51, var(--ui-sp-base-bg-variant-51));
  }

  :where(body[data-page="prohibited"]) .promidashi:where(.ui-main *) {
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    width: 335px;
    margin: 0;
    background: var(--ui-sp-main-heading-bg-variant-19, var(--ui-sp-heading-bg-variant-19));
    color: var(--ui-sp-main-heading-text-variant-2, var(--ui-sp-heading-text-variant-2));
    line-height: 22px;
    padding: 0;
  }
}

@media screen and (min-width: 414px) {
  :where(body[data-page="prohibited"]) .kinsis:where(.ui-main *) {
    font-size: 12px;
    color: var(--ui-sp-main-prohibited-body-text, var(--ui-sp-base-text-variant-3));
    line-height: 17px;
    width: 380px;
    padding: 0 0 0 3px;
  }

  :where(body[data-page="prohibited"]) .prowaku:where(.ui-main *) {
    width: 100%;
    padding: 10px;
    background: var(--ui-sp-main-base-bg-variant-51, var(--ui-sp-base-bg-variant-51));
  }

  :where(body[data-page="prohibited"]) .promidashi:where(.ui-main *) {
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    width: 377px;
    margin: 0;
    background: var(--ui-sp-main-heading-bg-variant-19, var(--ui-sp-heading-bg-variant-19));
    color: var(--ui-sp-main-heading-text-variant-2, var(--ui-sp-heading-text-variant-2));
    line-height: 29px;
    padding: 0 0 0 5px;
  }
}

:where(body[data-page="prohibited"]) .line_q:where(.ui-main *) {
  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="prohibited"]) .line_c:where(.ui-main *) {
  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="prohibited"]) .line_q:where(.ui-main *) {
    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="prohibited"]) .line_c:where(.ui-main *) {
    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="prohibited"]).natural-theme.natural-sp .title:where(.ui-main *),
body:where([data-page="prohibited"]).natural-theme.natural-sp .titlebar:where(.ui-main *) {
  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="prohibited"]).natural-theme.natural-sp #movie:where(.ui-main *) {
  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="prohibited"]).natural-theme.natural-sp .girl_name:where(.ui-main *) {
  color: var(--ui-sp-main-profile-text-variant-12, var(--ui-sp-profile-text-variant-12)) !important;
}

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

body:where([data-page="prohibited"]).natural-theme.natural-sp th:where(.ui-main *) {
  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="prohibited"]).natural-theme.natural-sp input[type="submit"]:where(.ui-main *),
body:where([data-page="prohibited"]).natural-theme.natural-sp .btn:where(.ui-main *),
body:where([data-page="prohibited"]).natural-theme.natural-sp .button:where(.ui-main *) {
  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="prohibited"]).natural-theme.natural-sp #play li:where(.ui-main *) {
  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;
}

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

:where(body[data-page="prohibited"]) .natural-empty-message:where(.ui-main *) {
  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="prohibited"]) #newface_area .natural-empty-message:where(.ui-main *) {
  float: none !important;
  clear: both !important;
}

@media screen and (max-width:413px) {
  :where(body[data-page="prohibited"]) .natural-empty-message:where(.ui-main *) {
    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);
  }
}

:where(body[data-page="prohibited"]) .ui-caution-emphasis:where(.ui-main *) {
  color: var(--ui-sp-main-base-text-variant-33, var(--ui-sp-base-text-variant-33));
}