@charset "UTF-8";

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

/* Compact icon/title alignment for the opted-in Melody mobile section bars.
 * Layout belongs here; the shop theme provides only colors and icon assets. */
:where(html[data-public-shop="melody"] body.natural-sp) {
  --_sp-section-text-inset: 5px;
  --_sp-section-label-inset: 0px;
  --_sp-section-icon-width: 16px;
  --_sp-section-icon-margin: 0px;
}

/* The roster artwork uses an 18 x 19 slot, 2px larger than the other icons. */
:where(html[data-public-shop="melody"] body.natural-sp) .natural-roster-title {
  /* Match the standard icon slot; shrinking the artwork also aligns the title text. */
  --_sp-section-icon-width: 16px;
  --_sp-section-icon-height: 17px;
}

.area_head:where(.ui-main *) {
  width: 100%;
  border-top: 1px solid var(--ui-sp-main-base-border-variant-8, var(--ui-sp-base-border-variant-8));
  border-bottom: 1px solid var(--ui-sp-main-base-border-variant-8, var(--ui-sp-base-border-variant-8));
  margin: 0 0 0 0;
}

/* Optional internal section rule. The shop enables it with a content/color token. */
.area_head:where(.ui-main *, .ui-footer, .ui-footer *)::after,
.area_head_a:where(.ui-main *)::after {
  content: var(--ui-sp-section-rule-content, none);
  position: absolute;
  bottom: 3px; /* Inside the bar, 3px above its inner bottom edge. */
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--ui-sp-section-rule-color, transparent);
  pointer-events: none;
  z-index: 1;
}

.area_head p:where(.ui-main *) {
  font-size: 14px;
  font-weight: bold;
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
  letter-spacing: 2px;
}

.area_head span:where(.ui-main *) {
  z-index: 20;
}

.area_head_a:where(.ui-main *) {
  width: 100%;
  border-bottom: 1px solid var(--ui-sp-main-base-border-variant-8, var(--ui-sp-base-border-variant-8));
  margin: 0;
}

.area_white:where(.ui-main *) {
  width: 100%;
  border-bottom: 1px solid var(--ui-sp-main-base-border-variant-22, var(--ui-sp-base-border-variant-22));
}

.area_head_a p:where(.ui-main *) {
  font-size: 14px;
  font-weight: bold;
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
  letter-spacing: 2px;
}

@media screen and (max-width: 413px) {
  .area_head:where(.ui-main *) {
    width: 100%;
    height: clamp(19.3237px, 6.0386vw, 25px);
    border-top: 1px solid var(--ui-sp-main-base-border-variant-8, var(--ui-sp-base-border-variant-8));
    border-bottom: 1px solid var(--ui-sp-main-base-border-variant-8, var(--ui-sp-base-border-variant-8));
    margin: 0 0 0 0;
    box-shadow: 0px 1px 1px 0px var(--ui-sp-main-base-shadow-variant-9, var(--ui-sp-base-shadow-variant-9));
  }

  .area_head p:where(.ui-main *) {
    font-size: clamp(12.6px, calc(7.834px + 1.4894vw), 14px);
    font-weight: bold;
    font-family: sans-serif;
    color: var(--ui-sp-main-base-text-variant-3, var(--ui-sp-base-text-variant-3));
    margin: 0;
    padding: 0;
    width: 100%;
    letter-spacing: clamp(1.8px, calc(1.1191px + 0.2128vw), 2px);
  }

  .area_head span:where(.ui-main *) {
    position: relative;
    left: 7%;
    top: clamp(10.0483px, 3.1401vw, 13px);
    z-index: 20;
  }

  .area_head_a:where(.ui-main *) {
    width: 100%;
    height: clamp(19.3237px, 6.0386vw, 25px);
    border-bottom: 1px solid var(--ui-sp-main-base-border-variant-8, var(--ui-sp-base-border-variant-8));
    margin: 0;
    box-shadow: 0px 1px 1px 0px var(--ui-sp-main-base-shadow-variant-9, var(--ui-sp-base-shadow-variant-9));
    border-top: 0;
  }

  .area_white:where(.ui-main *) {
    width: 100%;
    height: clamp(17.7778px, 5.5556vw, 23px);
    border-bottom: 1px solid var(--ui-sp-main-base-border-variant-22, var(--ui-sp-base-border-variant-22));
  }

  .area_head_a p:where(.ui-main *) {
    font-size: clamp(12.6px, calc(7.834px + 1.4894vw), 14px);
    font-weight: bold;
    font-family: sans-serif;
    color: var(--ui-sp-main-base-text-variant-3, var(--ui-sp-base-text-variant-3));
    margin: 0;
    padding: 0;
    width: 100%;
    letter-spacing: clamp(1.8px, calc(1.1191px + 0.2128vw), 2px);
  }

  .area_head_a span:where(.ui-main *) {
    position: relative;
    left: 7%;
    top: clamp(10.0483px, 3.1401vw, 13px);
  }
}

.area_head p:where(.ui-main *),
.area_head_a p:where(.ui-main *),
.area_head span:where(.ui-main *),
.area_head_a span:where(.ui-main *) {
  color: var(--ui-sp-main-base-text-variant-3, var(--ui-sp-base-text-variant-3)) !important;
}

.area_head span:where(.ui-main *)::before,
.area_head_a span:where(.ui-main *)::before {
  color: var(--ui-sp-main-base-text-variant-13, var(--ui-sp-base-text-variant-13));
  font-weight: 800;
}

:where(body[data-page="top"]) .area_head:where(.ui-main *),
:where(body[data-page="top"]) .area_head_a:where(.ui-main *) {
  background: var(--ui-sp-main-base-bg-variant-32, var(--ui-sp-base-bg-variant-32)) !important;
  background-image: none !important;
  border-color: var(--ui-sp-main-base-border-variant-23, var(--ui-sp-base-border-variant-23)) !important;
  box-shadow: 0 1px 2px var(--ui-sp-main-base-shadow-variant-10, var(--ui-sp-base-shadow-variant-10)) !important;
}

:where(body[data-page="top"]) .area_white:where(.ui-main *) {
  border-bottom-color: var(--ui-sp-main-base-border-variant-24, var(--ui-sp-base-border-variant-24)) !important;
}

:where(body[data-page="girls-list"]) .girls-list-page #girls-list-heading:where(.ui-main *) {
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  overflow: hidden;
}

body:where([data-page="event"]).natural-theme.natural-sp .area_head_a > .area_white > p > .natural-event-heading:where(.ui-main *)::before {
  filter: var(--ui-sp-section-icon-filter, brightness(0) invert(1)) !important;
}

body:where([data-page="event"]).natural-theme.natural-sp .area_head_a > .area_white > p > .natural-event-heading > .natural-event-heading__text:where(.ui-main *) {
  transform: translateY(1px);
}

@media screen and (max-width:413px) {
  body:where([data-page="event"]).natural-theme.natural-sp .area_head_a > .area_white > p > .natural-event-heading > .natural-event-heading__text:where(.ui-main *) {
    transform: translateY(clamp(.7729px,.2415vw,1px));
  }
}

body:where([data-page="movie"]).natural-theme.natural-sp .area_head_a > .area_white > p > .natural-movie-heading > .natural-movie-heading__text:where(.ui-main *),
body:where([data-page="ranking"]).natural-theme.natural-sp .area_head_a > .area_white > p > .natural-ranking-heading > .natural-ranking-heading__text:where(.ui-main *) {
  display: inline-block;
  font-style: normal;
  transform: translateY(clamp(.7729468599px,.2415458937vw,1px));
}

:where(body[data-page="profile"]) .area_head_ps:where(.ui-main *) {
  width: 100%;
  border-top: 1px solid var(--ui-sp-main-profile-border-variant-13, var(--ui-sp-profile-border-variant-13));
  border-bottom: 1px solid var(--ui-sp-main-profile-border-variant-13, var(--ui-sp-profile-border-variant-13));
  margin: 10px 0 0 0;
  text-align: center;
  z-index: 3;
}

:where(body[data-page="profile"]) .area_head_ps .natural-cast-heading__meta:where(.ui-main *) {
  font-size: 12px;
}

:where(body[data-page="profile"]) .area_head_ps p:where(.ui-main *) {
  font-size: 17px;
  font-weight: bold;
  font-family: "     " , "Yu Mincho" , "       ";
  margin: 0;
  padding: 0;
  width: 100%;
  letter-spacing: 1px;
}

:where(body[data-page="profile"]) .area_white_ps:where(.ui-main *) {
  border-bottom: 1px solid var(--ui-sp-main-profile-border-variant-14, var(--ui-sp-profile-border-variant-14));
}

@media screen and (max-width: 413px) {
  :where(body[data-page="profile"]) .area_head_ps:where(.ui-main *) {
    width: 100%;
    height: clamp(19.3237px, 6.0386vw, 25px);
    border-top: 1px solid var(--ui-sp-main-profile-border-variant-13, var(--ui-sp-profile-border-variant-13));
    border-bottom: 1px solid var(--ui-sp-main-profile-border-variant-13, var(--ui-sp-profile-border-variant-13));
    margin: clamp(7.7295px, 2.4155vw, 10px) 0 0 0;
    background: var(--ui-sp-main-profile-bg-variant-28, var(--ui-sp-profile-bg-variant-28));
    box-shadow: 0px 1px 1px 0px var(--ui-sp-main-profile-shadow-variant-10, var(--ui-sp-profile-shadow-variant-10));
    text-align: center;
    z-index: 3;
  }

  :where(body[data-page="profile"]) .area_head_ps .natural-cast-heading__meta:where(.ui-main *) {
    font-size: clamp(10.8px, calc(6.7149px + 1.2766vw), 12px);
  }

  :where(body[data-page="profile"]) .area_head_ps p:where(.ui-main *) {
    font-size: clamp(15.3px, calc(9.5128px + 1.8085vw), 17px);
    font-weight: bold;
    font-family: "     " , "Yu Mincho" , "       ";
    color: var(--ui-sp-main-profile-text-variant-2, var(--ui-sp-profile-text-variant-2));
    margin: 0;
    padding: 0;
    width: 100%;
    letter-spacing: clamp(0.9px, calc(0.5596px + 0.1064vw), 1px);
    line-height: clamp(22.5px, calc(13.9894px + 2.6596vw), 25px);
  }

  :where(body[data-page="profile"]) .area_white_ps:where(.ui-main *) {
    width: 100%;
    height: clamp(17.7778px, 5.5556vw, 23px);
    border-bottom: 1px solid var(--ui-sp-main-profile-border-variant-14, var(--ui-sp-profile-border-variant-14));
  }
}

:where(body[data-page="profile"]) .area_head_ps:where(.ui-main *) {
  height: 29px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  margin-top: 10px !important;
  background: var(--ui-sp-main-profile-bg-variant-3, var(--ui-sp-profile-bg-variant-3)) !important;
  border-color: var(--ui-sp-main-profile-border-variant-15, var(--ui-sp-profile-border-variant-15)) !important;
  box-shadow: 0 1px 2px var(--ui-sp-main-profile-shadow-variant-3, var(--ui-sp-profile-shadow-variant-3)) !important;
}

:where(body[data-page="profile"]) .area_white_ps:where(.ui-main *) {
  width: 100% !important;
  height: 27px !important;
  border-bottom-color: var(--ui-sp-main-profile-border-variant-16, var(--ui-sp-profile-border-variant-16)) !important;
}

:where(body[data-page="profile"]) .area_head_ps p:where(.ui-main *) {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--ui-sp-main-profile-text-variant-2, var(--ui-sp-profile-text-variant-2)) !important;
  line-height: 1 !important;
}

:where(body[data-page="profile"]) .area_head_ps p.natural-cast-heading:where(.ui-main *)::before {
  content: "";
  display: block;
  flex: 0 0 var(--_sp-section-icon-width, 22px);
  width: var(--_sp-section-icon-width, 22px);
  height: var(--_sp-section-icon-height, 17px);
  margin-right: var(--_sp-section-icon-margin, 5px);
  background: var(--ui-sp-card-bg-asset) center / contain no-repeat;
  filter: var(--ui-sp-section-icon-filter, brightness(0) invert(1));
  transform: translateY(calc(2px - clamp(1.5458937198px,.4830917874vw,2px)));
}

:where(body[data-page="profile"]) .natural-cast-heading > .natural-cast-heading__name:where(.ui-main *) {
  display: block;
  min-width: 0;
  font: inherit;
  white-space: nowrap;
  transform: translateY(clamp(.7729468599px,.2415458937vw,1px));
}

:where(body[data-page="profile"]) .natural-cast-heading > .natural-cast-heading__meta:where(.ui-main *) {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  font-style: normal;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
  white-space: nowrap;
  transform: translateY(2px);
}

:where(body[data-page="profile"]) .area_head_ps span:where(.ui-main *) {
  color: var(--ui-sp-main-profile-text-variant-11, var(--ui-sp-profile-text-variant-11)) !important;
}

@media screen and (max-width:413px) {
  :where(body[data-page="profile"]) .area_head_ps:where(.ui-main *) {
    height: calc(clamp(19.3237px,6.0386vw,25px) + 4px) !important;
  }

  :where(body[data-page="profile"]) .area_white_ps:where(.ui-main *) {
    height: calc(clamp(17.7778px,5.5556vw,23px) + 4px) !important;
  }
}

body.natural-theme.natural-sp .area_head:where(.ui-main *),
body.natural-theme.natural-sp .area_head_a:where(.ui-main *),
body.natural-theme.natural-sp .area_head_ps:where(.ui-main *) {
  background: linear-gradient(100deg, var(--ui-sp-main-base-bg-variant-33, var(--ui-sp-base-bg-variant-33)) 0%, var(--ui-sp-main-base-bg-variant-34, var(--ui-sp-base-bg-variant-34)) 58%, var(--ui-sp-main-base-bg-variant-35, var(--ui-sp-base-bg-variant-35)) 100%) !important;
  border-color: var(--ui-sp-main-base-border-variant-4, var(--ui-sp-base-border-variant-4)) !important;
  color: var(--ui-sp-section-bar-text, var(--ui-sp-main-base-text-variant-5, var(--ui-sp-base-text-variant-5))) !important;
  box-shadow: inset 0 1px var(--ui-sp-main-base-shadow-variant-11, var(--ui-sp-base-shadow-variant-11)), 0 2px 5px var(--ui-sp-main-base-shadow-variant-12, var(--ui-sp-base-shadow-variant-12)) !important;
}

body.natural-theme.natural-sp .area_white:where(.ui-main *) {
  border-color: var(--ui-sp-main-base-border-variant-25, var(--ui-sp-base-border-variant-25)) !important;
}

body.natural-theme.natural-sp .area_head p:where(.ui-main *),
body.natural-theme.natural-sp .area_head_a p:where(.ui-main *),
body.natural-theme.natural-sp .area_head_ps p:where(.ui-main *),
body.natural-theme.natural-sp .area_head span:where(.ui-main *),
body.natural-theme.natural-sp .area_head_a span:where(.ui-main *),
body.natural-theme.natural-sp .area_head_ps span:where(.ui-main *) {
  color: var(--ui-sp-section-bar-text, var(--ui-sp-main-base-text-variant-5, var(--ui-sp-base-text-variant-5))) !important;
}

body.natural-theme.natural-sp .area_head:where(.ui-main *),
body.natural-theme.natural-sp .area_head_a:where(.ui-main *),
body.natural-theme.natural-sp .area_head_ps:where(.ui-main *) {
  display: block;
  position: relative;
  height: auto;
  min-height: 29px;
}

body.natural-theme.natural-sp .area_head > .area_white:where(.ui-main *),
body.natural-theme.natural-sp .area_head_a > .area_white:where(.ui-main *),
body.natural-theme.natural-sp .area_head_ps > .area_white_ps:where(.ui-main *) {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-height: 29px;
}

body.natural-theme.natural-sp .area_head > .area_white > p:where(.ui-main *),
body.natural-theme.natural-sp .area_head_a > .area_white > p:where(.ui-main *),
body.natural-theme.natural-sp .area_head_ps > .area_white_ps > p:where(.ui-main *) {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0 var(--_sp-section-text-inset, 8px);
  line-height: 1.4;
}

body.natural-theme.natural-sp .area_head > .area_white > p > span:where(.ui-main *),
body.natural-theme.natural-sp .area_head_a > .area_white > p > span:where(.ui-main *) {
  position: static;
  top: auto;
  left: auto;
}

body.natural-theme.natural-sp .area_head > .area_white > p > span:where(.ui-main *),
body.natural-theme.natural-sp .area_head_a > .area_white > p > span:where(.ui-main *),
body.natural-theme.natural-sp .area_head_ps > .area_white_ps > p > span:where(.ui-main *) {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

body.natural-theme.natural-sp .area_head > .area_white > p > span:where(.ui-main *)::before,
body.natural-theme.natural-sp .area_head_a > .area_white > p > span:where(.ui-main *)::before,
body.natural-theme.natural-sp .area_head_ps > .area_white_ps > p > span:where(.ui-main *)::before {
  flex: 0 0 var(--_sp-section-icon-width, 22px);
  width: var(--_sp-section-icon-width, 22px);
  height: var(--_sp-section-icon-height, 17px);
}

body.natural-theme.natural-sp .area_head > .area_white > p > span:where(.ui-main *),
body.natural-theme.natural-sp .area_head_a > .area_white > p > span:where(.ui-main *),
body.natural-theme.natural-sp .area_head_ps > .area_white_ps > p > span:where(.ui-main *) {
  transform: translateY(2px);
}

body.natural-theme.natural-sp .area_head > .area_white > p > span:where(.ui-main *)::before,
body.natural-theme.natural-sp .area_head_a > .area_white > p > span:where(.ui-main *)::before,
body.natural-theme.natural-sp .area_head_ps > .area_white_ps > p > span:where(.ui-main *)::before {
  transform: translateY(var(--ui-sp-section-icon-offset-y, 0px));
}

.area_head:where(.ui-main *),
.area_head_a:where(.ui-main *) {
  height: 29px !important;
  background: var(--ui-sp-main-base-bg-variant-32, var(--ui-sp-base-bg-variant-32)) !important;
  background-image: none !important;
  border-color: var(--ui-sp-main-base-border-variant-23, var(--ui-sp-base-border-variant-23)) !important;
  box-shadow: 0 1px 2px var(--ui-sp-main-base-shadow-variant-13, var(--ui-sp-base-shadow-variant-13)) !important;
}

.area_white:where(.ui-main *) {
  height: 27px !important;
  border-bottom-color: var(--ui-sp-main-base-border-variant-26, var(--ui-sp-base-border-variant-26)) !important;
}

.area_head p:where(.ui-main *),
.area_head_a p:where(.ui-main *) {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
}

.area_head span:where(.ui-main *),
.area_head_a span:where(.ui-main *) {
  position: static !important;
  left: auto !important;
  top: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  padding-left: var(--_sp-section-label-inset, 10px) !important;
  transform: none !important;
  line-height: 1 !important;
}

.area_head span:where(.ui-main *)::before,
.area_head_a span:where(.ui-main *)::before {
  content: "";
  display: inline-block;
  flex: 0 0 var(--_sp-section-icon-width, 22px);
  width: var(--_sp-section-icon-width, 22px);
  height: var(--_sp-section-icon-height, 17px);
  margin-right: var(--_sp-section-icon-margin, 5px);
  background: var(--ui-sp-section-icon-image, var(--ui-sp-base-bg-asset-variant-2)) center / contain no-repeat;
  filter: var(--ui-sp-section-icon-filter, brightness(0) invert(1));
  line-height: 1;
}

@media screen and (max-width:413px) {
  .area_head:where(.ui-main *),
  .area_head_a:where(.ui-main *) {
    height: calc(clamp(19.3237px,6.0386vw,25px) + 4px) !important;
  }

  .area_white:where(.ui-main *) {
    height: calc(clamp(17.7778px,5.5556vw,23px) + 4px) !important;
  }

  .area_head span:where(.ui-main *),
  .area_head_a span:where(.ui-main *) {
    padding-left: var(--_sp-section-label-inset, clamp(7.7295px,2.4155vw,10px)) !important;
  }
}

body.natural-theme.natural-sp .area_head:where(.ui-main *),
body.natural-theme.natural-sp .area_head_a:where(.ui-main *) {
  background-image: var(--ui-sp-section-bar-image, repeating-linear-gradient(135deg,var(--ui-sp-main-base-bg-variant-36, var(--ui-sp-base-bg-variant-36)) 0 2px,transparent 2px 12px),linear-gradient(180deg,var(--ui-sp-main-base-bg-variant-37, var(--ui-sp-base-bg-variant-37)) 0%,var(--ui-sp-main-base-bg-variant-32, var(--ui-sp-base-bg-variant-32)) 100%)) !important;
}

body.natural-theme.natural-sp .area_head span:where(.ui-main *)::before,
body.natural-theme.natural-sp .area_head_a span:where(.ui-main *)::before {
  color: var(--ui-sp-main-base-text-variant-13, var(--ui-sp-base-text-variant-13)) !important;
}

body.natural-theme.natural-sp .schedule_day ~ .schedule_in_bg + .area_head .natural-schedule-title-text:where(.ui-main *),
body.natural-theme.natural-sp .testbg .area_head_a .natural-schedule-title-text:where(.ui-main *) {
  display: inline-block;
  font-style: normal;
  transform: translateY(1px);
}

@media screen and (max-width:413px) {
  body.natural-theme.natural-sp .schedule_day ~ .schedule_in_bg + .area_head .natural-schedule-title-text:where(.ui-main *),
  body.natural-theme.natural-sp .testbg .area_head_a .natural-schedule-title-text:where(.ui-main *) {
    transform: translateY(clamp(.773px,.2415vw,1px));
  }
}

body.natural-theme.natural-sp .area_head > .area_white > p > span:where(.ui-main *)::before,
body.natural-theme.natural-sp .area_head_a > .area_white > p > span:where(.ui-main *)::before,
body.natural-theme.natural-sp .area_head_ps > .area_white_ps > p > span:where(.ui-main *)::before {
  content: "" !important;
  background: var(--ui-sp-section-icon-image, var(--ui-sp-base-bg-asset-variant-2)) center / contain no-repeat !important;
  filter: var(--ui-sp-section-icon-filter, brightness(0) invert(1)) !important;
}

body.natural-theme.natural-sp .area_head_a > .area_white > p > .natural-newface-heading > .natural-newface-heading__text:where(.ui-main *) {
  position: relative !important;
  top: 1px !important;
  transform: none !important;
  padding-left: 0 !important;
}

body.natural-theme.natural-sp .area_head_a > .area_white > p > .natural-newface-heading > .natural-newface-heading__text:where(.ui-main *)::before,
body.natural-theme.natural-sp .area_head_a > .area_white > p > .natural-newface-heading > .natural-newface-heading__text:where(.ui-main *)::after {
  content: none !important;
  display: none !important;
}

@media (max-width:413px) {
  body.natural-theme.natural-sp .area_head_a > .area_white > p > .natural-newface-heading > .natural-newface-heading__text:where(.ui-main *) {
    top: clamp(.7729px,.2415vw,1px) !important;
  }
}

body.natural-theme.natural-sp .area_head > .area_white > p > .natural-top-section-title:where(.ui-main *),
body.natural-theme.natural-sp .area_head_a > .area_white > p > .natural-top-section-title:where(.ui-main *) {
  position: relative !important;
  top: auto !important;
  transform: none !important;
  align-self: center !important;
}

body.natural-theme.natural-sp .area_head > .area_white > p > .natural-top-section-title:where(.ui-main *)::before,
body.natural-theme.natural-sp .area_head_a > .area_white > p > .natural-top-section-title:where(.ui-main *)::before {
  position: relative !important;
  top: auto !important;
  transform: translateY(var(--ui-sp-section-icon-offset-y, 0px)) !important;
  align-self: center !important;
  filter: var(--ui-sp-section-icon-filter, brightness(0) invert(1)) !important;
}

body.natural-theme.natural-sp .area_head > .area_white > p > .natural-top-section-title > .natural-top-section-title__text:where(.ui-main *),
body.natural-theme.natural-sp .area_head_a > .area_white > p > .natural-top-section-title > .natural-top-section-title__text:where(.ui-main *) {
  display: inline !important;
  position: relative !important;
  top: 1px !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

body.natural-theme.natural-sp .area_head > .area_white > p > .natural-top-section-title > .natural-top-section-title__text:where(.ui-main *)::before,
body.natural-theme.natural-sp .area_head_a > .area_white > p > .natural-top-section-title > .natural-top-section-title__text:where(.ui-main *)::before,
body.natural-theme.natural-sp .area_head > .area_white > p > .natural-top-section-title > .natural-top-section-title__text:where(.ui-main *)::after,
body.natural-theme.natural-sp .area_head_a > .area_white > p > .natural-top-section-title > .natural-top-section-title__text:where(.ui-main *)::after {
  content: none !important;
  display: none !important;
}