@charset "UTF-8";

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

/* Keep the not-yet-initialized slider hidden; its parent retains the reserved height. */
:where(body[data-page="top"]) #owl-demo.newface-carousel {
  visibility: hidden;
}
:where(body[data-page="top"]) #owl-demo.newface-carousel.is-ready {
  visibility: visible;
}
:where(body[data-page="top"]) #owl-demo.newface-carousel.is-fallback {
  display: flex; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity;
  width: 100%; opacity: 1;
}
:where(body[data-page="top"]) #owl-demo.newface-carousel.is-fallback > .item {
  flex: 0 0 calc((100% - 24px) / 3); scroll-snap-align: start;
}
:where(body[data-page="top"]) #owl-demo.newface-carousel.is-fallback #top_new_girls,
:where(body[data-page="top"]) #owl-demo.newface-carousel.is-fallback :is(.new_day, .name, .size) {
  max-width: 100%;
}

:where(body[data-page="top"]) #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="top"]) #item_photos2:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    width: 100%;
  }
}

:where(body[data-page="top"]) .coutionarea:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  width: 414px;
  margin-top: 30px;
  padding: 0 0 10px 0;
}

:where(body[data-page="top"]) #top_cou:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  width: 414px;
}

:where(body[data-page="top"]) .moremovie:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  display: block;
  width: max-content;
  margin: 8px 0 0 auto;
  padding: 0;
  text-align: right;
  font-size: 12px;
  color: var(--ui-sp-top-pickup-more, var(--ui-sp-main-video-text-variant-27, var(--ui-sp-video-text-variant-27)));
  line-height: 17px;
  background: transparent;
  position: relative;
}

:where(body[data-page="top"]) .moviep:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  position: relative;
  top: 8px;
  box-sizing: border-box;
  width: 400px;
  margin: 0 auto;
  padding: 11px 14px 10px 14px;
  font-size: 13px;
  line-height: 21px;
  color: var(--ui-sp-top-pickup-copy, var(--ui-sp-main-video-text-variant-26, var(--ui-sp-video-text-variant-26)));
  border: 1px solid var(--ui-sp-main-video-border-variant-27, var(--ui-sp-video-border-variant-27));
  border-left: 4px solid;
  border-right: 4px solid;
  border-radius: 4px;
}

:where(body[data-page="top"]) .movie-date:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  display: inline-flex;
  color: var(--ui-sp-top-pickup-date-foreground, var(--ui-sp-top-pickup-copy, var(--ui-sp-video-text)));
  align-items: baseline;
  gap: 4px;
  margin: 0 0 5px 0;
  padding: 2px 8px 1px;
  font-size: 11px;
  line-height: 17px;
  border: none;
  border-radius: 12px;
  letter-spacing: .2px;
}

:where(body[data-page="top"]) .movie-date-dash:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  position: relative;
  top: 0;
}

:where(body[data-page="top"]) .movie-date-main:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  position: relative;
  top: 1px;
}

:where(body[data-page="top"]) .movie-date span:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  color: var(--ui-sp-top-pickup-date-foreground, var(--ui-sp-top-pickup-copy, var(--ui-sp-main-video-text-variant-27, var(--ui-sp-video-text-variant-27))));
}

:where(body[data-page="top"]) .movie-comment:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  margin: 0;
  padding: 0;
  color: var(--ui-sp-top-pickup-comment, inherit);
}

:where(body[data-page="top"]) .top_video_in:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  width: 400px;
  height: auto;
  padding: 5px 0 0 0;
  margin: 0 auto;
}

:where(body[data-page="top"]) .moviebg:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  width: 100%;
  height: auto;
  padding: 0 0 20px 0;
  position: relative;
}



:where(body[data-page="top"]) #top_movie:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  position: relative;
  width: 400px;
  height: 100%;
  z-index: 80;
}

:where(body[data-page="top"]) .item:where(#newface_area *) {
  width: 125px;
  height: 234px;
  margin: 20px 0 0 5px;
  list-style: none;
  background-color: var(--ui-sp-main-card-bg-variant-31, var(--ui-sp-card-bg-variant-31));
}

:where(body[data-page="top"]) .new_day:where(#newface_area *) {
  width: 125px;
  height: 18px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 20px;

background: var(--ui-sp-new-join-background, var(--ui-sp-main-card-bg-variant-34, var(--ui-sp-card-bg-variant-34)));
  color: var(--ui-sp-new-join-foreground, var(--ui-sp-main-card-text, var(--ui-sp-card-text)));
  border-color: var(--ui-sp-new-join-border, var(--ui-sp-main-base-border-variant-4, var(--ui-sp-base-border-variant-4)));
}

:where(body[data-page="top"]) .name:where(#newface_area *) {
  font-size: 11px;
  font-weight: bold;
  color: var(--ui-sp-main-card-text-variant-2, var(--ui-sp-card-text-variant-2));
  margin: 0;
  padding: 0;
  width: 125px;
  text-align: center;
  position: relative;
  top: 10px;
}

:where(body[data-page="top"]) .size:where(#newface_area *) {
  font-size: 11px;
  font-weight: bold;
  color: var(--ui-sp-main-card-text-variant-2, var(--ui-sp-card-text-variant-2));
  margin: 0;
  padding: 0;
  width: 125px;
  text-align: center;
  position: relative;
  top: 25px;
}

:where(body[data-page="top"]) .new_bline:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  width: 119px;
  height: 1px;
  background: var(--ui-sp-main-base-bg-variant-59, var(--ui-sp-base-bg-variant-59));
  position: relative;
  top: 17px;
  left: 3px;
}

:where(body[data-page="top"]) #top_new_girls:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  width: 125px;
  height: 182px;
}

:where(body[data-page="top"]) #newface_area:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  width: 100%;
  height: 310px;
}



:where(body[data-page="top"]) #new_slider:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  width: 100%;
  position: relative;
  top: -5px;
}

:where(body[data-page="top"]) #newface_area .name:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
:where(body[data-page="top"]) #newface_area .size:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  white-space: nowrap;
}

:where(body[data-page="top"]) #newface_area .size:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  top: 26px;
}

@media screen and (max-width: 413px) {
  :where(body[data-page="top"]) .coutionarea:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    width: clamp(320px, 100vw, 414px);
    margin-top: clamp(23.1884px, 7.2464vw, 30px);
    background: var(--ui-sp-main-base-bg-variant-4, var(--ui-sp-base-bg-variant-4));
    padding: 0 0 clamp(7.7295px, 2.4155vw, 10px) 0;
  }

  :where(body[data-page="top"]) #top_cou:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    width: clamp(320px, 100vw, 414px);
    height: auto;
  }

  :where(body[data-page="top"]) .moremovie:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    display: block;
    width: max-content;
    margin: clamp(6.1836px, 1.9324vw, 8px) 0 0 auto;
    padding: 0;
    text-align: right;
    font-size: clamp(10.8px, calc(6.7149px + 1.2766vw), 12px);
    line-height: clamp(15.3px, calc(9.5128px + 1.8085vw), 17px);
    background: transparent;
    position: relative;
  }

  :where(body[data-page="top"]) .moviep:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    position: relative;
    top: clamp(6.1836px, 1.9324vw, 8px);
    box-sizing: border-box;
    width: clamp(309.1787px, 96.6184vw, 400px);
    margin: 0 auto;
    padding: clamp(8.5024px, 2.657vw, 11px) clamp(10.8213px, 3.3816vw, 14px) clamp(7.7295px, 2.4155vw, 10px);
    font-size: clamp(11.7px, calc(7.2745px + 1.383vw), 13px);
    line-height: clamp(18.9px, calc(11.7511px + 2.234vw), 21px);
    background: linear-gradient(180deg, var(--ui-sp-video-bg-variant-29) 0%, var(--ui-sp-main-video-bg-variant-30, var(--ui-sp-video-bg-variant-30)) 100%);
    border: 1px solid var(--ui-sp-main-video-border-variant-27, var(--ui-sp-video-border-variant-27));
    border-left: 4px solid;
    border-right: 4px solid;
    border-radius: 4px;
    box-shadow: 0 2px 7px var(--ui-sp-main-video-shadow-variant-7, var(--ui-sp-video-shadow-variant-7));
  }

  :where(body[data-page="top"]) .movie-date:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    display: inline-flex;
    align-items: baseline;
    gap: clamp(3.0918px, .9662vw, 4px);
    margin: 0 0 clamp(3.8647px, 1.2077vw, 5px) 0;
    padding: clamp(1.5459px, .4831vw, 2px) clamp(6.1836px, 1.9324vw, 8px) clamp(.7729px, .2415vw, 1px);
    font-size: clamp(10px, calc(6.5957px + 1.0638vw), 11px);
    line-height: clamp(15.3px, calc(9.5128px + 1.8085vw), 17px);
    border: none;
    border-radius: 12px;
    letter-spacing: .2px;
  }

  :where(body[data-page="top"]) .movie-date-dash:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    position: relative;
    top: 0;
  }

  :where(body[data-page="top"]) .movie-date-main:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    position: relative;
    top: 1px;
  }

  :where(body[data-page="top"]) .movie-comment:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    margin: 0;
    padding: 0;
  }

  :where(body[data-page="top"]) .top_video_in:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    width: clamp(309.1787px, 96.6184vw, 400px);
    height: auto;
    padding: clamp(3.8647px, 1.2077vw, 5px) 0 0 0;
    margin: 0 auto;
  }

  :where(body[data-page="top"]) .moviebg:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    width: 100%;
    height: auto;
    background: var(--ui-sp-main-video-bg-variant-19, var(--ui-sp-video-bg-variant-19));
    padding: 0 0 clamp(15.4589px, 4.8309vw, 20px) 0;
    position: relative;
  }

  

  :where(body[data-page="top"]) #top_movie:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    position: relative;
    width: clamp(309.1787px, 96.6184vw, 400px);
    height: 100%;
    z-index: 80;
    padding: 0;
  }

  :where(body[data-page="top"]) .item:where(#newface_area *) {
    width: clamp(96.6184px, 30.1932vw, 125px);
    height: clamp(180.8696px, 56.5217vw, 234px);
    margin: clamp(15.4589px, 4.8309vw, 20px) 0 0 clamp(3.8647px, 1.2077vw, 5px);
    list-style: none;
    background-color: var(--ui-sp-main-card-bg-variant-31, var(--ui-sp-card-bg-variant-31));
  }

  :where(body[data-page="top"]) .new_day:where(#newface_area *) {
    width: clamp(96.6184px, 30.1932vw, 125px);
    height: clamp(13.913px, 4.3478vw, 18px);
    font-size: clamp(10.8px, calc(6.7149px + 1.2766vw), 12px);
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: clamp(18px, calc(11.1915px + 2.1277vw), 20px);
}

  :where(body[data-page="top"]) .name:where(#newface_area *) {
    font-size: clamp(9.9px, calc(6.1553px + 1.1702vw), 11px);
    font-weight: bold;
    color: var(--ui-sp-main-card-text-variant-2, var(--ui-sp-card-text-variant-2));
    margin: 0;
    padding: 0;
    width: clamp(96.6184px, 30.1932vw, 125px);
    text-align: center;
    position: relative;
    top: clamp(7.7295px, 2.4155vw, 10px);
  }

  :where(body[data-page="top"]) .size:where(#newface_area *) {
    font-size: clamp(9.9px, calc(6.1553px + 1.1702vw), 11px);
    font-weight: bold;
    color: var(--ui-sp-main-card-text-variant-2, var(--ui-sp-card-text-variant-2));
    margin: 0;
    padding: 0;
    width: clamp(96.6184px, 30.1932vw, 125px);
    text-align: center;
    position: relative;
    top: clamp(19.3237px, 6.0386vw, 25px);
    letter-spacing: normal;
  }

  :where(body[data-page="top"]) .new_bline:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    width: clamp(91.9807px, 28.744vw, 119px);
    height: 1px;
    background: var(--ui-sp-main-base-bg-variant-59, var(--ui-sp-base-bg-variant-59));
    position: relative;
    top: clamp(13.1401px, 4.1063vw, 17px);
    left: clamp(2.3188px, 0.7246vw, 3px);
  }

  :where(body[data-page="top"]) #top_new_girls:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    width: clamp(96.6184px, 30.1932vw, 125px);
    height: clamp(140.6763px, 43.9614vw, 182px);
  }

  :where(body[data-page="top"]) #newface_area:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    width: 100%;
    height: clamp(239.6135px, 74.8792vw, 310px);
    background: var(--ui-sp-main-card-bg, var(--ui-sp-card-bg));
  }

  

  :where(body[data-page="top"]) #new_slider:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    width: 100%;
    position: relative;
    top: clamp(-5px, -1.2077vw, -3.8647px);
  }

  :where(body[data-page="top"]) #newface_area .name:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
  :where(body[data-page="top"]) #newface_area .size:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    font-size: clamp(8.5px, 2.657vw, 11px);
    white-space: nowrap;
  }

  :where(body[data-page="top"]) #newface_area .size:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    top: clamp(20.0966px, 6.2802vw, 26px);
  }
}

:where(body[data-page="top"]) .mpp:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  font-size: 11px;
  text-align: center;
  margin: 0 0 20px 0;
  padding: 0;
}





:where(body[data-page="top"]) #newface_area .new_day:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  line-height: 1;
}

:where(body[data-page="top"]) #newface_area .new_day span:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  position: static;
  color: var(--ui-sp-new-join-foreground, var(--ui-sp-base-text-variant-5));
  top: auto;
  display: block;
  line-height: 1;
}

@media screen and (max-width:413px) {
  :where(body[data-page="top"]) #newface_area .new_day:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    font-size: clamp(9.2754px,2.8986vw,12px);
  }
}

:where(body[data-page="top"]) #newface_area .new_day:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  white-space: nowrap;
  overflow: hidden;
}

:where(body[data-page="top"]) #newface_area .new_day span:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  transform: translateY(1px);
}

:where(body[data-page="top"]) #newface_area .size:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  letter-spacing: -0.2px;
}

@media screen and (max-width:413px) {
  :where(body[data-page="top"]) #newface_area .new_day span:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
    transform: translateY(clamp(0.773px,0.2415vw,1px));
  }
}

:where(body[data-page="top"]) #newface_area:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background: var(--ui-sp-main-card-bg, var(--ui-sp-card-bg)) !important;
  background-image: none !important;
  box-shadow: inset 0 1px 0 var(--ui-sp-main-card-shadow-variant-7, var(--ui-sp-card-shadow-variant-7)), inset 0 -1px 0 var(--ui-sp-main-card-shadow-variant-8, var(--ui-sp-card-shadow-variant-8)) !important;
}

:where(body[data-page="top"]) #newface_area .item:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  border: 1px solid var(--ui-sp-top-new-card-border, var(--ui-sp-main-card-border-variant-40, var(--ui-sp-card-border-variant-40))) !important;
  border-radius: 3px !important;
  background: var(--ui-sp-main-card-bg-variant-33, var(--ui-sp-card-bg-variant-33)) !important;
  box-shadow: var(--ui-sp-top-new-card-shadow, 0 0 0 1px var(--ui-sp-main-card-shadow-variant-9, var(--ui-sp-card-shadow-variant-9)), 0 3px 8px var(--ui-sp-main-card-shadow-variant-10, var(--ui-sp-card-shadow-variant-10))) !important;
}

:where(body[data-page="top"]) #newface_area .new_day:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  
  box-shadow: inset 0 -1px 0 var(--ui-sp-main-card-shadow-variant-11, var(--ui-sp-card-shadow-variant-11)) !important;
}

:where(body[data-page="top"]) #newface_area .name:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
:where(body[data-page="top"]) #newface_area .size:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  color: var(--ui-sp-main-card-text, var(--ui-sp-card-text)) !important;
}

:where(body[data-page="top"]) #newface_area .new_bline:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background: var(--ui-sp-top-new-card-divider, var(--ui-sp-main-card-bg-variant-35, var(--ui-sp-card-bg-variant-35))) !important;
}

:where(body[data-page="top"]) #newface_area .owl-theme .owl-controls .owl-buttons div:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  color: var(--ui-sp-new-arrow-foreground, var(--ui-sp-main-card-text, var(--ui-sp-card-text))) !important;
  border: 1px solid var(--ui-sp-new-arrow-border, var(--ui-sp-main-card-border-variant-41, var(--ui-sp-card-border-variant-41))) !important;
  border-radius: 4px !important;
  background: var(--ui-sp-new-arrow-background, linear-gradient(180deg,var(--ui-sp-main-card-bg-variant-36, var(--ui-sp-card-bg-variant-36)) 0%,var(--ui-sp-main-card-bg-variant-37, var(--ui-sp-card-bg-variant-37)) 100%)) !important;
  box-shadow: inset 0 1px 0 var(--ui-sp-main-card-shadow-variant-12, var(--ui-sp-card-shadow-variant-12)),
    0 2px 5px var(--ui-sp-main-card-shadow, var(--ui-sp-card-shadow)) !important;
  text-shadow: 0 1px 1px var(--ui-sp-main-card-text-shadow, var(--ui-sp-card-text-shadow)) !important;
}

:where(body[data-page="top"]) #newface_area .owl-theme .owl-controls.clickable .owl-buttons div:hover:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
:where(body[data-page="top"]) #newface_area .owl-theme .owl-controls .owl-buttons div:active:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background: var(--ui-sp-new-arrow-background, linear-gradient(180deg,var(--ui-sp-main-card-bg-variant-38, var(--ui-sp-card-bg-variant-38)) 0%,var(--ui-sp-main-card-bg-variant-39, var(--ui-sp-card-bg-variant-39)) 100%)) !important;
  border-color: var(--ui-sp-new-arrow-border, var(--ui-sp-main-card-border-variant-42, var(--ui-sp-card-border-variant-42))) !important;
}



:where(body[data-page="top"]) .moviebg:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background: var(--ui-sp-main-video-bg-variant-31, var(--ui-sp-video-bg-variant-31)) !important;
  background-image: none !important;
  box-shadow: inset 0 1px 0 var(--ui-sp-main-video-shadow-variant-8, var(--ui-sp-video-shadow-variant-8)), inset 0 -1px 0 var(--ui-sp-main-video-shadow-variant-9, var(--ui-sp-video-shadow-variant-9)) !important;
}

:where(body[data-page="top"]) .moviep:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background: var(--ui-sp-main-video-bg-variant-32, var(--ui-sp-video-bg-variant-32)) !important;
  border-left-color: var(--ui-sp-top-pickup-side, var(--ui-sp-main-video-border-variant-30, var(--ui-sp-video-border-variant-30))) !important;
  border-right-color: var(--ui-sp-top-pickup-side, var(--ui-sp-main-video-border-variant-30, var(--ui-sp-video-border-variant-30))) !important;
  box-shadow: 0 2px 7px var(--ui-sp-main-video-shadow-variant-3, var(--ui-sp-video-shadow-variant-3)) !important;
}

:where(body[data-page="top"]) .movie-date:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background: var(--ui-sp-top-pickup-date-background, var(--ui-sp-main-video-bg-variant-13, var(--ui-sp-video-bg-variant-13))) !important;
  border-color: var(--ui-sp-main-video-border-variant-31, var(--ui-sp-video-border-variant-31)) !important;
}

:where(body[data-page="top"]) .coutionarea:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background: var(--ui-sp-main-base-bg-variant-61, var(--ui-sp-base-bg-variant-61)) !important;
  background-image: none !important;
}

:where(body[data-page="top"]) .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="top"]) .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="top"]) .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="top"]) .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="top"]).natural-theme.natural-sp .title:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
body:where([data-page="top"]).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="top"]).natural-theme.natural-sp #top_movie:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
body:where([data-page="top"]).natural-theme.natural-sp #newface_area:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
body:where([data-page="top"]).natural-theme.natural-sp #top_new_girls:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  border-color: var(--ui-sp-main-video-border, var(--ui-sp-video-border)) !important;
}

body:where([data-page="top"]).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="top"]).natural-theme.natural-sp .item:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background: linear-gradient(180deg, var(--ui-sp-main-base-bg-variant-11, var(--ui-sp-base-bg-variant-11)) 0%, var(--ui-sp-main-base-bg-variant-12, var(--ui-sp-base-bg-variant-12)) 100%) !important;
  box-shadow: 0 4px 12px var(--ui-sp-main-base-shadow-variant-6, var(--ui-sp-base-shadow-variant-6)) !important;
}

body:where([data-page="top"]).natural-theme.natural-sp .name:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
body:where([data-page="top"]).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="top"]).natural-theme.natural-sp hr:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
body:where([data-page="top"]).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="top"]).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="top"]).natural-theme.natural-sp input[type="submit"]:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
body:where([data-page="top"]).natural-theme.natural-sp .btn:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
body:where([data-page="top"]).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="top"]).natural-theme.natural-sp .moviebg:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
body:where([data-page="top"]).natural-theme.natural-sp .top_video_in:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
body:where([data-page="top"]).natural-theme.natural-sp .coutionarea:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background: var(--ui-sp-main-video-bg-variant-27, var(--ui-sp-video-bg-variant-27)) !important;
  background-color: var(--ui-sp-main-video-bg-variant-27, var(--ui-sp-video-bg-variant-27)) !important;
}



body:where([data-page="top"]).natural-theme.natural-sp .moviebg:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
body:where([data-page="top"]).natural-theme.natural-sp .coutionarea:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  border-color: var(--ui-sp-main-video-border-variant-24, var(--ui-sp-video-border-variant-24)) !important;
}



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

body:where([data-page="top"]).natural-theme.natural-sp .moviep:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  box-sizing: border-box;
  background: var(--ui-sp-main-video-bg-variant-28, var(--ui-sp-video-bg-variant-28)) !important;
  border-top: 1px solid var(--ui-sp-main-video-border-variant-25, var(--ui-sp-video-border-variant-25)) !important;
  border-bottom: 1px solid var(--ui-sp-main-video-border-variant-26, var(--ui-sp-video-border-variant-26)) !important;
}

body:where([data-page="top"]).natural-theme.natural-sp .moremovie:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background: transparent !important;
}

body:where([data-page="top"]).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="top"]).natural-theme.natural-sp img#top_movie.top-movie-placeholder:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  height: auto;
}

body:where([data-page="top"]).natural-theme.natural-sp #top_new_girls:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background: var(--ui-sp-main-card-bg-variant-14, var(--ui-sp-card-bg-variant-14)) !important;
  background-color: var(--ui-sp-main-card-bg-variant-14, var(--ui-sp-card-bg-variant-14)) !important;
  background-image: none !important;
}

body:where([data-page="top"]).natural-theme.natural-sp #newface_area:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)) {
  background: var(--ui-sp-main-card-bg-variant-14, var(--ui-sp-card-bg-variant-14)) !important;
  background-color: var(--ui-sp-main-card-bg-variant-14, var(--ui-sp-card-bg-variant-14)) !important;
  background-image: var(--ui-sp-top-newface-image, none) !important;
}

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

:where(body[data-page="top"]) .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="top"]) #newface_area .natural-empty-message:where(.ui-main *):not(:where([data-ui-component], [data-ui-component] *)),
:where(body[data-page="top"]) #top_schedule .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="top"]) .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);
  }
}