@charset "UTF-8";

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

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

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

:where(body[data-page="newface"]) .yappa:where(.ui-main *) {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 0 30px;
  background: var(--ui-sp-newface-body-background, var(--ui-sp-card-bg-variant-14));
}

:where(body[data-page="newface"]) .nf-empty-state:where(.ui-main *) {
  width: 400px;
  box-sizing: border-box;
  margin: 0 auto var(--_nf-item-gap, 14px);
  padding: 16px;
  color: var(--ui-sp-card-text-variant-10);
  text-align: center;
  background: var(--ui-sp-card-bg-variant-6);
  border: 1px solid var(--ui-sp-card-border-variant-13);
  border-radius: 8px;
}

:where(body[data-page="newface"]) .new-face-card:where(.ui-main *) {
  width: 400px;
  box-sizing: border-box;
  margin: 0 auto var(--_nf-item-gap, 14px);
  overflow: hidden;
  border: 1px solid var(--ui-sp-card-border-variant-14);
  border-radius: 6px;
}

/* Only the list padding remains after the final card (no spacer + margin stack). */
:where(body[data-page="newface"]) .yappa > :is(.new-face-card, .nf-empty-state):last-child:where(.ui-main *) {
  --_nf-item-gap: 0px;
}

:where(body[data-page="newface"]) .newface-main:where(.ui-main *) {
  display: flex;
  align-items: stretch;
  gap: 10px;
  width: 100%;
  height: 208px;
  box-sizing: border-box;
  padding: 10px;
}

:where(body[data-page="newface"]) .left_photo:where(.ui-main *) {
  flex: 0 0 128px;
  width: 128px;
  height: 188px;
  box-sizing: border-box;
  margin: 0;
  padding: 3px;
  border: 1px solid var(--ui-sp-card-border-variant-15);
  border-radius: 4px;
  box-shadow: 1px 1px 3px var(--ui-sp-card-shadow-variant-4);
}

:where(body[data-page="newface"]) .mini_girl:where(.ui-main *) {
  width: 120px;
  height: 180px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 2px;
}

:where(body[data-page="newface"]) .newface-girls:where(.ui-main *) {
  display: block;
  width: 120px;
  height: 180px;
  margin: 0;
  padding: 0;
  object-fit: cover;
  border: 0;
}

:where(body[data-page="newface"]) .right_font:where(.ui-main *) {
  flex: 1 1 auto;
  min-width: 0;
  height: 188px;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: grid;
  grid-template-rows: 31px 38px repeat(5,minmax(0,1fr));
  font-family: "游ゴシック","Yu Gothic","游ゴシック体",sans-serif;
}

:where(body[data-page="newface"]) .nf-top-row:where(.ui-main *) {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  box-sizing: border-box;
  padding: 0 3px 2px;
  border-bottom: 1px dotted var(--ui-sp-card-border-variant-16);
}

:where(body[data-page="newface"]) .nf-join-badge:where(.ui-main *) {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  height: 22px;
  box-sizing: border-box;
  padding: 0 7px;
  border: 1px solid var(--ui-sp-card-border-variant-14);
  border-radius: 999px;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
}

:where(body[data-page="newface"]) .nf-join-label:where(.ui-main *) {
  margin-right: 4px;
  opacity: .82;
}

:where(body[data-page="newface"]) .nf-join-date:where(.ui-main *) {
  letter-spacing: .1px;
}

:where(body[data-page="newface"]) .nf-join-badge > span:where(.ui-main *) {
  transform: translateY(1px);
}

:where(body[data-page="newface"]) .nf-newface-badge:where(.ui-main *) {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 21px;
  box-sizing: border-box;
  padding: 0 6px 0 7px;
  border: 1px solid var(--ui-sp-card-border-variant-17);
  border-left: 3px solid var(--ui-sp-card-border-variant-18);
  border-radius: 3px;
  font-size: 8px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 1px;
  white-space: nowrap;
}

:where(body[data-page="newface"]) .nf-core-line:where(.ui-main *) {
  min-width: 0;
  display: flex;
  align-items: flex-end;
  box-sizing: border-box;
  padding: 0 1px 9px;
  border-bottom: 1px solid var(--ui-sp-card-border-variant-19);
  white-space: nowrap;
  overflow: hidden;
}

:where(body[data-page="newface"]) .nf-core-name:where(.ui-main *) {
  flex: 0 1 auto;
  min-width: 0;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
}

:where(body[data-page="newface"]) .nf-core-age:where(.ui-main *) {
  flex: 0 0 auto;
  margin-left: 1px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.25;
}

:where(body[data-page="newface"]) .nf-core-size:where(.ui-main *) {
  flex: 0 1 auto;
  min-width: 0;
  margin-left: auto;
  margin-right: 5px;
  padding-left: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.2px;
}

:where(body[data-page="newface"]) .nf-profile-line:where(.ui-main *) {
  min-width: 0;
  display: grid;
  grid-template-columns: 55px 8px minmax(0,1fr);
  align-items: center;
  box-sizing: border-box;
  padding: 0 4px 0 2px;
  border-bottom: 1px dotted var(--ui-sp-card-border-variant-16);
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
}

:where(body[data-page="newface"]) .nf-profile-line:last-child:where(.ui-main *) {
  border-bottom: 0;
}

:where(body[data-page="newface"]) .nf-profile-key:where(.ui-main *) {
  text-align: right;
  font-size: 11px;
  font-weight: 700;
}

:where(body[data-page="newface"]) .nf-profile-colon:where(.ui-main *) {
  text-align: center;
  font-weight: 700;
}

:where(body[data-page="newface"]) .nf-profile-value:where(.ui-main *) {
  min-width: 0;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
}

:where(body[data-page="newface"]) .nf-imalog-row .nf-profile-value:where(.ui-main *) {
  font-weight: 800;
}

:where(body[data-page="newface"]) .nf-imalog-link:where(.ui-main *) {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

:where(body[data-page="newface"]) .nf-imalog-link:visited:where(.ui-main *) {
  color: inherit;
}

:where(body[data-page="newface"]) .nf-imalog-link:active:where(.ui-main *) {
  opacity: .65;
}

:where(body[data-page="newface"]) .newface-divider:where(.ui-main *) {
  width: calc(100% - 20px);
  height: 1px;
  margin: 0 auto;
}

:where(body[data-page="newface"]) .new_shop_font:where(.ui-main *) {
  width: auto;
  min-height: 86px;
  box-sizing: border-box;
  margin: 9px 10px 11px;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--ui-sp-card-border-variant-20);
  border-left: 3px solid var(--ui-sp-card-border-variant-21);
  border-radius: 5px;
  box-shadow: 0 1px 4px var(--ui-sp-card-shadow-variant-5);
  font-family: "游ゴシック","Yu Gothic","游ゴシック体",sans-serif;
}

:where(body[data-page="newface"]) .new_shop_title:where(.ui-main *) {
  display: flex;
  align-items: center;
  height: 26px;
  box-sizing: border-box;
  margin: 0;
  padding: 0 8px;
  border-bottom: 1px solid var(--ui-sp-heading-border-variant-11);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .2px;
}

:where(body[data-page="newface"]) .new_shop_title:where(.ui-main *)::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 12px;
  margin-right: 6px;
  border-radius: 2px;
}

:where(body[data-page="newface"]) .new_shop_title:where(.ui-main *)::after {
  content: "STAFF COMMENT";
  margin-left: auto;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 1px;
}

:where(body[data-page="newface"]) .new_shop_text:where(.ui-main *) {
  position: relative;
  display: block;
  width: 100%;
  min-height: 58px;
  box-sizing: border-box;
  margin: 0;
  padding: 8px 10px 8px 24px;
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

:where(body[data-page="newface"]) .new_shop_text:where(.ui-main *)::before {
  content: "“";
  position: absolute;
  left: 7px;
  top: 5px;
  font-family: Georgia,"Times New Roman",serif;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
}

@media screen and (max-width:413px) {
  :where(body[data-page="newface"]) .yappa:where(.ui-main *) {
    padding: clamp(7.7295px,2.4155vw,10px) 0 clamp(23.1884px,7.2464vw,30px);
  }

  :where(body[data-page="newface"]) .nf-empty-state:where(.ui-main *) {
    width: clamp(309.1787px,96.6184vw,400px);
    margin: 0 auto var(--_nf-item-gap, clamp(10.8213px,3.3816vw,14px));
    padding: clamp(12.3671px,3.8647vw,16px);
    border-radius: clamp(6.1836px,1.9324vw,8px);
  }

  :where(body[data-page="newface"]) .new-face-card:where(.ui-main *) {
    width: clamp(309.1787px,96.6184vw,400px);
    margin: 0 auto var(--_nf-item-gap, clamp(10.8213px,3.3816vw,14px));
    border-radius: clamp(4.6377px,1.4493vw,6px);
  }

  :where(body[data-page="newface"]) .newface-main:where(.ui-main *) {
    gap: clamp(7.7295px,2.4155vw,10px);
    height: clamp(160.7729px,50.2415vw,208px);
    padding: clamp(7.7295px,2.4155vw,10px);
  }

  :where(body[data-page="newface"]) .left_photo:where(.ui-main *) {
    flex-basis: clamp(98.9372px,30.9179vw,128px);
    width: clamp(98.9372px,30.9179vw,128px);
    height: clamp(145.314px,45.4106vw,188px);
    padding: clamp(2.3188px,.7246vw,3px);
    border-radius: clamp(3.0918px,.9662vw,4px);
  }

  :where(body[data-page="newface"]) .mini_girl:where(.ui-main *),
  :where(body[data-page="newface"]) .newface-girls:where(.ui-main *) {
    width: clamp(92.7536px,28.9855vw,120px);
    height: clamp(139.1304px,43.4783vw,180px);
  }

  :where(body[data-page="newface"]) .right_font:where(.ui-main *) {
    height: clamp(145.314px,45.4106vw,188px);
    grid-template-rows: clamp(23.9614px,7.4879vw,31px)
      clamp(29.372px,9.1787vw,38px)
      repeat(5,minmax(0,1fr));
  }

  :where(body[data-page="newface"]) .nf-top-row:where(.ui-main *) {
    gap: clamp(3.8647px,1.2077vw,5px);
    padding: 0 clamp(2.3188px,.7246vw,3px) clamp(1.5459px,.4831vw,2px);
  }

  :where(body[data-page="newface"]) .nf-join-badge:where(.ui-main *) {
    height: clamp(17.0048px,5.314vw,22px);
    padding: 0 clamp(5.4106px,1.6908vw,7px);
    font-size: clamp(7.7295px,2.4155vw,10px);
  }

  :where(body[data-page="newface"]) .nf-join-label:where(.ui-main *) {
    margin-right: clamp(3.0918px,.9662vw,4px);
  }

  :where(body[data-page="newface"]) .nf-join-badge > span:where(.ui-main *) {
    transform: translateY(clamp(.7729px,.2415vw,1px));
  }

  :where(body[data-page="newface"]) .nf-newface-badge:where(.ui-main *) {
    height: clamp(16.2319px,5.0725vw,21px);
    padding: 0 clamp(4.6377px,1.4493vw,6px) 0 clamp(5.4106px,1.6908vw,7px);
    border-left-width: clamp(2.3188px,.7246vw,3px);
    font-size: clamp(7px,1.9324vw,8px);
    letter-spacing: clamp(.7px,.2415vw,1px);
  }

  :where(body[data-page="newface"]) .nf-core-line:where(.ui-main *) {
    padding: 0 clamp(.7729px,.2415vw,1px) clamp(6.9565px,2.1739vw,9px);
  }

  :where(body[data-page="newface"]) .nf-core-name:where(.ui-main *) {
    margin-left: clamp(3.8647px,1.2077vw,5px);
    font-size: clamp(10.8213px,3.3816vw,14px);
    line-height: 1.25;
  }

  :where(body[data-page="newface"]) .nf-core-age:where(.ui-main *) {
    margin-left: clamp(.7729px,.2415vw,1px);
    font-size: clamp(7.7295px,2.4155vw,10px);
  }

  :where(body[data-page="newface"]) .nf-core-size:where(.ui-main *) {
    margin-right: clamp(3.8647px,1.2077vw,5px);
    padding-left: clamp(1.5459px,.4831vw,2px);
    font-size: clamp(7px,2.1739vw,9px);
    line-height: 1.25;
    letter-spacing: clamp(-.2px,-.0483vw,-.155px);
  }

  :where(body[data-page="newface"]) .nf-profile-line:where(.ui-main *) {
    grid-template-columns: clamp(42.5121px,13.285vw,55px)
      clamp(6.1836px,1.9324vw,8px)
      minmax(0,1fr);
    padding: 0 clamp(3.0918px,.9662vw,4px) 0 clamp(1.5459px,.4831vw,2px);
    font-size: clamp(9.2754px,2.8986vw,12px);
  }

  :where(body[data-page="newface"]) .nf-profile-key:where(.ui-main *) {
    font-size: clamp(8.5024px,2.657vw,11px);
  }

  :where(body[data-page="newface"]) .nf-profile-value:where(.ui-main *) {
    padding-left: clamp(3.8647px,1.2077vw,5px);
  }

  :where(body[data-page="newface"]) .newface-divider:where(.ui-main *) {
    width: calc(100% - clamp(15.4589px,4.8309vw,20px));
  }

  :where(body[data-page="newface"]) .new_shop_font:where(.ui-main *) {
    min-height: clamp(66.4734px,20.7729vw,86px);
    margin: clamp(6.9565px,2.1739vw,9px) clamp(7.7295px,2.4155vw,10px) clamp(8.5024px,2.657vw,11px);
    border-left-width: clamp(2.3188px,.7246vw,3px);
    border-radius: clamp(3.8647px,1.2077vw,5px);
  }

  :where(body[data-page="newface"]) .new_shop_title:where(.ui-main *) {
    height: clamp(20.0966px,6.2802vw,26px);
    padding: 0 clamp(6.1836px,1.9324vw,8px);
    font-size: clamp(9.2754px,2.8986vw,12px);
  }

  :where(body[data-page="newface"]) .new_shop_title:where(.ui-main *)::before {
    width: clamp(3.0918px,.9662vw,4px);
    height: clamp(9.2754px,2.8986vw,12px);
    margin-right: clamp(4.6377px,1.4493vw,6px);
  }

  :where(body[data-page="newface"]) .new_shop_title:where(.ui-main *)::after {
    font-size: clamp(7px,1.9324vw,8px);
    letter-spacing: clamp(.7px,.2415vw,1px);
  }

  :where(body[data-page="newface"]) .new_shop_text:where(.ui-main *) {
    min-height: clamp(44.8309px,14.0097vw,58px);
    padding: clamp(6.1836px,1.9324vw,8px)
      clamp(7.7295px,2.4155vw,10px)
      clamp(6.1836px,1.9324vw,8px)
      clamp(18.5507px,5.7971vw,24px);
    font-size: clamp(10.0483px,3.1401vw,13px);
    line-height: 1.5;
  }

  :where(body[data-page="newface"]) .new_shop_text:where(.ui-main *)::before {
    left: clamp(5.4106px,1.6908vw,7px);
    top: clamp(3.8647px,1.2077vw,5px);
    font-size: clamp(18.5507px,5.7971vw,24px);
  }
}

:where(body[data-page="newface"]) .line_q:where(.ui-main *) {
  width: 363px;
  height: 5px;
  margin: 0 0 0 5px;
  padding: 0;
  border-left: 1px solid var(--ui-sp-card-border-variant-22);
  border-right: 1px solid var(--ui-sp-card-border-variant-22);
  border-top: 1px solid var(--ui-sp-card-border-variant-22);
  background: var(--ui-sp-card-bg-variant-9);
}

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

@media screen and (max-width: 413px) {
  :where(body[data-page="newface"]) .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-card-border-variant-22);
    border-right: 1px solid var(--ui-sp-card-border-variant-22);
    border-top: 1px solid var(--ui-sp-card-border-variant-22);
    background: var(--ui-sp-card-bg-variant-9);
  }

  :where(body[data-page="newface"]) .line_c:where(.ui-main *) {
    background: var(--ui-sp-card-bg-variant-9);
    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-card-border-variant-22);
    border-right: 1px solid var(--ui-sp-card-border-variant-22);
    border-bottom: 1px solid var(--ui-sp-card-border-variant-22);
    position: relative;
    top: clamp(-17px, -4.1063vw, -13.1401px);
  }
}

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

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

body:where([data-page="newface"]).natural-theme.natural-sp .girl_name:where(.ui-main *) {
  color: var(--ui-sp-card-text-variant-11) !important;
}

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

body:where([data-page="newface"]).natural-theme.natural-sp th:where(.ui-main *) {
  background: var(--ui-sp-card-bg-variant-10) !important;
  color: var(--ui-sp-card-text-variant-12) !important;
}

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

body:where([data-page="newface"]).natural-theme.natural-sp #play li:where(.ui-main *) {
  background: var(--ui-sp-card-bg-variant-13) !important;
  border-color: var(--ui-sp-card-border-variant-24) !important;
  color: var(--ui-sp-card-text-variant-13) !important;
}

body:where([data-page="newface"]).natural-theme.natural-sp .new_shop_font:where(.ui-main *) {
  line-height: 13px !important;
}

@media screen and (min-width:321px) {
  body:where([data-page="newface"]).natural-theme.natural-sp .new_shop_font:where(.ui-main *) {
    line-height: 15px !important;
  }
}

:where(body[data-page="newface"]) .new-face-card:where(.ui-main *),
:where(body[data-page="newface"]) .new-face-card.is-coral:where(.ui-main *) {
  border-color: var(--ui-sp-card-border-variant-2) !important;
  background: var(--ui-sp-card-bg-variant-4) !important;
  box-shadow: 0 3px 10px var(--ui-sp-card-shadow) !important;
}

:where(body[data-page="newface"]) .newface-main:where(.ui-main *),
:where(body[data-page="newface"]) .new-face-card.is-coral .newface-main:where(.ui-main *) {
  background: var(--ui-sp-card-bg-variant-5) !important;
  background-image: none !important;
}

:where(body[data-page="newface"]) .left_photo:where(.ui-main *),
:where(body[data-page="newface"]) .new-face-card.is-coral .left_photo:where(.ui-main *) {
  border-color: var(--ui-sp-card-border-variant-25) !important;
  background: var(--ui-sp-card-bg-variant-7) !important;
}

:where(body[data-page="newface"]) .right_font:where(.ui-main *) {
  color: var(--ui-sp-card-text-variant-14) !important;
}

:where(body[data-page="newface"]) .nf-top-row:where(.ui-main *),
:where(body[data-page="newface"]) .new-face-card.is-coral .nf-top-row:where(.ui-main *) {
  border-bottom-color: var(--ui-sp-card-border-variant-4) !important;
}

:where(body[data-page="newface"]) .nf-join-badge:where(.ui-main *),
:where(body[data-page="newface"]) .new-face-card.is-coral .nf-join-badge:where(.ui-main *) {
  color: var(--ui-sp-new-join-foreground, var(--ui-sp-card-text)) !important;
  background: var(--ui-sp-new-join-background, var(--ui-sp-card-bg-variant-15)) !important;
  border-color: var(--ui-sp-new-join-border, var(--ui-sp-card-border-variant-26)) !important;
}

:where(body[data-page="newface"]) .nf-newface-badge:where(.ui-main *),
:where(body[data-page="newface"]) .new-face-card.is-coral .nf-newface-badge:where(.ui-main *) {
  color: var(--ui-sp-card-text) !important;
  background: var(--ui-sp-card-bg-variant-16) !important;
  border-color: var(--ui-sp-card-border-variant-27) !important;
  border-left-color: var(--ui-sp-card-border-variant-28) !important;
}

:where(body[data-page="newface"]) .nf-core-line:where(.ui-main *),
:where(body[data-page="newface"]) .new-face-card.is-coral .nf-core-line:where(.ui-main *) {
  background: var(--ui-sp-card-bg-variant-17) !important;
  background-image: none !important;
  border-bottom-color: var(--ui-sp-card-border-variant-29) !important;
}

:where(body[data-page="newface"]) .nf-core-name:where(.ui-main *),
:where(body[data-page="newface"]) .new-face-card.is-coral .nf-core-name:where(.ui-main *) {
  color: var(--ui-sp-card-text-variant-15) !important;
}

:where(body[data-page="newface"]) .nf-core-age:where(.ui-main *),
:where(body[data-page="newface"]) .nf-core-size:where(.ui-main *) {
  color: var(--ui-sp-card-text-variant-16) !important;
}

:where(body[data-page="newface"]) .nf-profile-line:where(.ui-main *),
:where(body[data-page="newface"]) .new-face-card.is-coral .nf-profile-line:where(.ui-main *) {
  border-bottom-color: var(--ui-sp-card-border-variant-30) !important;
}

:where(body[data-page="newface"]) .nf-profile-key:where(.ui-main *),
:where(body[data-page="newface"]) .new-face-card.is-coral .nf-profile-key:where(.ui-main *) {
  color: var(--ui-sp-card-text-variant-8) !important;
}

:where(body[data-page="newface"]) .nf-profile-colon:where(.ui-main *) {
  color: var(--ui-sp-card-text-variant-17) !important;
}

:where(body[data-page="newface"]) .nf-profile-value:where(.ui-main *) {
  color: var(--ui-sp-card-text-variant-14) !important;
}

:where(body[data-page="newface"]) .nf-profile-line.nf-imalog-row:where(.ui-main *),
:where(body[data-page="newface"]) .new-face-card.is-coral .nf-profile-line.nf-imalog-row:where(.ui-main *) {
  background: var(--ui-sp-card-bg-variant-18) !important;
}

:where(body[data-page="newface"]) .nf-imalog-row .nf-profile-value:where(.ui-main *),
:where(body[data-page="newface"]) .new-face-card.is-coral .nf-imalog-row .nf-profile-value:where(.ui-main *) {
  color: var(--ui-sp-card-text-variant-18) !important;
}

:where(body[data-page="newface"]) .newface-divider:where(.ui-main *),
:where(body[data-page="newface"]) .new-face-card.is-coral .newface-divider:where(.ui-main *) {
  background: var(--ui-sp-card-bg-variant-19) !important;
}

:where(body[data-page="newface"]) .new_shop_font:where(.ui-main *),
:where(body[data-page="newface"]) .new-face-card.is-coral .new_shop_font:where(.ui-main *) {
  border-color: var(--ui-sp-card-border-variant-31) !important;
  border-left-color: var(--ui-sp-card-border-variant-9) !important;
  background: var(--ui-sp-card-bg-variant-8) !important;
  color: var(--ui-sp-card-text-variant-19) !important;
}

:where(body[data-page="newface"]) .new_shop_title:where(.ui-main *),
:where(body[data-page="newface"]) .new-face-card.is-coral .new_shop_title:where(.ui-main *) {
  color: var(--ui-sp-heading-text-variant-2) !important;
  background: var(--ui-sp-heading-bg) !important;
  background-image: none !important;
  border-bottom-color: var(--ui-sp-heading-border-variant-12) !important;
}

:where(body[data-page="newface"]) .new_shop_title:where(.ui-main *)::before,
:where(body[data-page="newface"]) .new-face-card.is-coral .new_shop_title:where(.ui-main *)::before {
  background: var(--ui-sp-heading-bg-variant-13) !important;
}

:where(body[data-page="newface"]) .new_shop_text:where(.ui-main *),
:where(body[data-page="newface"]) .new-face-card.is-coral .new_shop_text:where(.ui-main *) {
  color: var(--ui-sp-card-text-variant-19) !important;
  background: var(--ui-sp-card-bg-variant-8) !important;
  background-image: none !important;
}

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

:where(body[data-page="newface"]) .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-card-border-variant-2);
  background: var(--ui-sp-card-bg);
  color: var(--ui-sp-card-text-variant-20);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
  text-align: center;
}

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

@media screen and (max-width:413px) {
  :where(body[data-page="newface"]) .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="newface"]) .new_shop_title:where(.ui-main *)::after,
:where(body[data-page="newface"]) .new-face-card.is-coral .new_shop_title:where(.ui-main *)::after {
  color: var(--ui-sp-heading-text-variant-2) !important;
}

:where(body[data-page="newface"]) .new_shop_text:where(.ui-main *)::before,
:where(body[data-page="newface"]) .new-face-card.is-coral .new_shop_text:where(.ui-main *)::before {
  color: var(--ui-sp-card-text-variant-21) !important;
}