@charset "UTF-8";

/* 共通公開テンプレート：担当ファイルの元宣言を直接編集する。
 * 配色・背景は店舗 presentation/theme.css。後書き・別overrideは禁止。 */

[data-ui-media-carousel] .hime.ui-native-media {
  position: relative;
  width: calc(400 * var(--sp-unit));
  max-width: 100%;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-bottom-color: currentColor;
  border-left-color: currentColor;
  box-sizing: border-box;
  isolation: isolate;
}

[data-ui-media-carousel] .hime-swiper {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  perspective: calc(1200 * var(--sp-unit));
  perspective-origin: 50% 0;
  touch-action: pan-y;
  background-color: var(--sp-media-carousel-hime-swiper-background-1-color);
  background-image: var(--sp-media-carousel-hime-swiper-background-1-image);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-origin: initial;
  background-clip: initial;
  background-attachment: initial;
}

[data-ui-media-carousel] .swiper-wrapper {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  transform-style: preserve-3d;
}

[data-ui-media-carousel] .swiper-wrapper:where(:is([data-ui-media-carousel] .hime.ui-native-media, :is([data-ui-media-carousel] .hime.ui-native-media) *)) {
  height: calc(509.9999324444 * var(--sp-unit));
}

[data-ui-media-carousel] .swiper-wrapper:not(:where(:is([data-ui-media-carousel] .hime.ui-native-media, :is([data-ui-media-carousel] .hime.ui-native-media) *))) {
  height: unset;
}

[data-ui-media-carousel] .swiper-slide {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 50%;
  max-width: 100%;
  height: auto;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  transform: translate3d(-50%,0,0);
  transform-origin: center top;
  transition-property: transform;
  transition-duration: 360ms;
  transition-timing-function: ease;
  backface-visibility: hidden;
}

[data-ui-media-carousel] .swiper-slide:where(:is([data-ui-media-carousel] .hime.ui-native-media, :is([data-ui-media-carousel] .hime.ui-native-media) *)) {
  width: calc(269.999962 * var(--sp-unit));
  padding-top: 0px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

[data-ui-media-carousel] .swiper-slide:not(:where(:is([data-ui-media-carousel] .hime.ui-native-media, :is([data-ui-media-carousel] .hime.ui-native-media) *))) {
  width: unset;
  padding-top: unset;
  padding-right: unset;
  padding-bottom: unset;
  padding-left: unset;
}

[data-ui-media-carousel] .hime-swiper:not(.media-coverflow-ready) .swiper-slide:not(:first-child) {
  visibility: hidden;
}

[data-ui-media-carousel] .hime-box {
  position: relative;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

[data-ui-media-carousel] .hime-video {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 9 / 16;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-bottom-color: currentColor;
  border-left-color: currentColor;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  background-color: var(--sp-media-carousel-hime-video-background-1-color);
  background-image: var(--sp-media-carousel-hime-video-background-1-image);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-origin: initial;
  background-clip: initial;
  background-attachment: initial;
}

[data-ui-media-carousel] .cap {
  margin-top: calc(6 * var(--sp-unit));
  margin-right: 0;
  margin-bottom: calc(10 * var(--sp-unit));
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  text-align: center;
  font-size: calc(13.999824 * var(--sp-unit));
  line-height: 1.4;
  font-weight: bold;
  color: var(--sp-media-carousel-cap-color-1);
}

[data-ui-media-carousel] .cap a {
  color: inherit;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

[data-ui-media-carousel] .cap a:hover {
  text-decoration-line: underline;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

[data-ui-media-carousel] .swiper-slide.is-native-covered .hime-video {
  opacity: 0;
}

[data-ui-media-carousel] .top-media-native-layer {
  position: absolute;
  z-index: 6;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  opacity: 0;
  pointer-events: none;
  transform: none;
}

[data-ui-media-carousel] .top-media-native-layer.is-ready {
  opacity: 1;
}

[data-ui-media-carousel] .top-media-native-player {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-bottom-color: currentColor;
  border-left-color: currentColor;
  object-fit: contain;
  object-position: center;
  opacity: .0001;
  z-index: 0;
  pointer-events: none;
  transform: none;
  transition-behavior: normal;
  transition-duration: 0s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: none;
  background-color: var(--sp-media-carousel-top-media-native-player-background-1-color);
  background-image: var(--sp-media-carousel-top-media-native-player-background-1-image);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-origin: initial;
  background-clip: initial;
  background-attachment: initial;
}

[data-ui-media-carousel] .top-media-native-player.is-active {
  opacity: 1;
  z-index: 2;
}

[data-ui-media-carousel] .top-media-native-layer.is-ready .top-media-native-player.is-active {
  pointer-events: auto;
}

[data-ui-media-carousel] :is(.swiper-button-next, .swiper-button-prev) {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  width: calc(60 * var(--sp-unit));
  height: calc(89.999874 * var(--sp-unit));
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-bottom-color: currentColor;
  border-left-color: currentColor;
  border-top-left-radius: calc(12 * var(--sp-unit));
  border-top-right-radius: calc(12 * var(--sp-unit));
  border-bottom-right-radius: calc(12 * var(--sp-unit));
  border-bottom-left-radius: calc(12 * var(--sp-unit));
  cursor: pointer;
  box-shadow: 0 calc(2 * var(--sp-unit)) calc(10 * var(--sp-unit)) var(--sp-media-carousel-swiper-button-next-swiper-button-prev-box-shadow-1);
  user-select: none;
  touch-action: manipulation;
}

[data-ui-media-carousel] :is(.swiper-button-next, .swiper-button-prev):where(:is(:where(body[data-page="profile"]) .profile-amusement, :is(:where(body[data-page="profile"]) .profile-amusement) *)) {
  color: var(--sp-profile-profile-amusement-_media-nav-foreground-1);
  background-image: none;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: var(--sp-profile-profile-amusement-_media-nav-background-1);
}

[data-ui-media-carousel] :is(.swiper-button-next, .swiper-button-prev):not(:where(:is(:where(body[data-page="profile"]) .profile-amusement, :is(:where(body[data-page="profile"]) .profile-amusement) *))) {
  color: var(--sp-media-carousel-swiper-button-next-swiper-button-prev-color-1);
  background-image: none;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: var(--sp-media-carousel-swiper-button-next-swiper-button-prev-background-1);
}

[data-ui-media-carousel] .swiper-button-prev {
  left: 0;
}

[data-ui-media-carousel] .swiper-button-next {
  right: 0;
}

[data-ui-media-carousel] .swiper-button-prev::after {
  content: "＜";
}

[data-ui-media-carousel] .swiper-button-next::after {
  content: "＞";
}

[data-ui-media-carousel] :is(.swiper-button-prev, .swiper-button-next)::after {
  font-size: calc(30 * var(--sp-unit));
  line-height: 1;
}

[data-ui-media-carousel] :is(.swiper-button-prev, .swiper-button-next):where(:is(:where(body[data-page="profile"]) .profile-amusement, :is(:where(body[data-page="profile"]) .profile-amusement) *))::after {
  text-shadow: none;
}

[data-ui-media-carousel] :is(.swiper-button-prev, .swiper-button-next):not(:where(:is(:where(body[data-page="profile"]) .profile-amusement, :is(:where(body[data-page="profile"]) .profile-amusement) *)))::after {
  text-shadow: 0 calc(1 * var(--sp-unit)) calc(2 * var(--sp-unit)) var(--sp-media-carousel-swiper-button-prev-swiper-button-next-after-text-shadow-1);
}

[data-ui-media-carousel] [aria-disabled="true"] {
  opacity: .35;
  cursor: default;
}

[data-ui-media-carousel] [hidden] {
  display: none;
}

[data-ui-media-carousel] .swiper-navigation-icon {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-ui-media-carousel] .swiper-slide {
    transition-duration: 0ms;
  }
}