@charset "UTF-8";
@keyframes tooltip-pop {
  0% {
    transform: scale(0) translate3d(-50%, 0, 0);
    opacity: 0;
  }
  to {
    transform: scale(1) translate3d(-50%, 0, 0);
    opacity: 1;
  }
}
@keyframes shimmer {
  to {
    background-position-x: 0;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes blinkAfter {
  0% {
    transform: rotate(0) scale(0.08);
  }
  4% {
    transform: rotate(-20deg) scale(0.9);
  }
  8% {
    transform: rotate(-40deg) scale(0.08);
  }
  50% {
    transform: rotate(-40deg) scale(0.08);
  }
  52% {
    transform: rotate(-50deg) scale(0.3);
  }
  54% {
    transform: rotate(-60deg) scale(0.08);
  }
  to {
    transform: rotate(0) scale(0.08);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.align-child-center-w-flex,
.only24h-deal .timer,
.only24h-deal h2.topic,
.featured-catalog-w-goods .featured .dropdown-wrapper .dropdown-trigger,
.filter-bubble-wrapper .add-on .reset,
button.ghost,
a.ghost,
.swiper.brand-catalog .swiper-wrapper .swiper-slide a,
.pill button,
.swiper.swiper-controller.navigator .swiper-wrapper .swiper-slide button,
.hot-now .swiper.swiper-controller .swiper-wrapper .swiper-slide button,
.new-in .swiper.swiper-controller .swiper-wrapper .swiper-slide button,
.rank-now .swiper.swiper-controller .swiper-wrapper .swiper-slide button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.align-child-left-center-w-flex,
.price-brief {
  display: flex;
  align-items: center;
}
.text-overflow-ellipsis-line,
.shorts-card .author span,
[data-component-pin="home-clubmall"] .catalog-display-curated ul figcaption p,
[data-component-pin="home"] .catalog-display-curated ul figcaption p,
.featured-catalog-w-goods .featured figcaption .copy,
.featured-catalog-w-goods .featured .featured-body .copy,
.featured-catalog-w-goods .featured figcaption .label,
.featured-catalog-w-goods .featured .featured-body .label,
.curated-card figcaption .label,
.goods-card figcaption .label,
.goods-card figcaption .brand,
.swiper.catalog-display-w-look.st-category .goods-card figcaption .label,
.swiper.catalog-display-w-look.st-category .goods-card figcaption .brand,
.swiper.catalog-display-w-look.st-category .tile-list .tile-item .tile-brand,
.swiper.catalog-display-w-look .goods-card figcaption .label,
.swiper.catalog-display-w-look .goods-card figcaption .brand,
.swiper.magazine-display-w-category figcaption .copy,
.swiper.magazine-display-w-category figcaption .label,
.swiper.liveTV-catalog .liveTV-card figcaption .summary,
.swiper.jumbotron .swiper-slide > a figure figcaption p.copy span,
.swiper.jumbotron .swiper-slide > a figure figcaption p.copy,
.swiper.jumbotron .swiper-slide > a figure figcaption em.brand span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.text-overflow-ellipsis-lines,
.shorts-card .label,
.catalog-display-tile .goods-card figcaption .label,
.swiper.jumbotron .swiper-slide > a figure figcaption h3.label span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.a-inc-img-make-right,
.swiper.magazine-display-w-category .swiper-slide a,
.swiper.banner a {
  display: block;
}
.a-inc-img-make-right img,
.swiper.magazine-display-w-category .swiper-slide a img,
.swiper.banner a img {
  display: block;
  width: 100%;
  vertical-align: top;
}
.display-none {
  display: none;
}
.display-block {
  display: block;
}
.font-light {
  font-weight: 300;
}
.font-regular,
.pill button,
.swiper.swiper-controller.navigator .swiper-wrapper .swiper-slide button,
.hot-now .swiper.swiper-controller .swiper-wrapper .swiper-slide button,
.new-in .swiper.swiper-controller .swiper-wrapper .swiper-slide button,
.rank-now .swiper.swiper-controller .swiper-wrapper .swiper-slide button {
  font-weight: 400;
}
.font-medium {
  font-weight: 500;
}
.font-semibold,
.swiper.jumbotron .swiper-slide > a figure figcaption h3.label,
.swiper.jumbotron .swiper-slide > a figure figcaption em.brand {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.color-accent {
  color: #0e2ee2;
}
.background-color-accent,
.swiper.liveTV-catalog .liveTV-card figcaption .ribbon.on {
  background-color: #0e2ee2;
}
.pill,
.swiper.swiper-controller.navigator .swiper-wrapper .swiper-slide,
.hot-now .swiper.swiper-controller .swiper-wrapper .swiper-slide,
.new-in .swiper.swiper-controller .swiper-wrapper .swiper-slide,
.rank-now .swiper.swiper-controller .swiper-wrapper .swiper-slide {
  margin-right: 1.1111111111vw;
}
.pill button,
.swiper.swiper-controller.navigator .swiper-wrapper .swiper-slide button,
.hot-now .swiper.swiper-controller .swiper-wrapper .swiper-slide button,
.new-in .swiper.swiper-controller .swiper-wrapper .swiper-slide button,
.rank-now .swiper.swiper-controller .swiper-wrapper .swiper-slide button {
  background-color: #fff;
  border-radius: 100vw;
  font-size: 3.6111111111vw;
  height: 8.0555555556vw;
  min-width: 13.8888888889vw;
  border: solid 0.2777777778vw #eee;
  color: #999;
  padding: 0 4.4444444444vw;
}
.pill button span,
.swiper.swiper-controller.navigator .swiper-wrapper .swiper-slide button span,
.hot-now .swiper.swiper-controller .swiper-wrapper .swiper-slide button span,
.new-in .swiper.swiper-controller .swiper-wrapper .swiper-slide button span,
.rank-now .swiper.swiper-controller .swiper-wrapper .swiper-slide button span {
  display: block;
  white-space: nowrap;
}
.pill.active button,
.swiper.swiper-controller.navigator .swiper-wrapper .active.swiper-slide button,
.hot-now .swiper.swiper-controller .swiper-wrapper .active.swiper-slide button,
.new-in .swiper.swiper-controller .swiper-wrapper .active.swiper-slide button,
.rank-now
.swiper.swiper-controller
.swiper-wrapper
.active.swiper-slide
button {
  background-color: #000;
  color: #fff;
  border-color: #000;
}
.scrollable-wrapper {
  overflow-x: auto;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
@media (pointer: coarse) {
  .scrollable-wrapper {
      scrollbar-width: none;
      -ms-overflow-style: none;
  }
  .scrollable-wrapper::-webkit-scrollbar {
      display: none;
  }
}
:root {
  --header-height: 13.8888888889vw;
  --header-height-reduced: 11.6666666667vw;
  --header-height-small: 10vw;
  --header-height-promotion: 28.0555555556vw;
  --nav-bar-height: 11.1111111111vw;
  --header-wrapper-height: 25vw;
  --header-hide-offset: -14.1666666667vw;
  --header-hide-offset-wrapper: -25vw;
  --header-hide-offset-promotion: -28.0555555556vw;
  --header-transition-duration: 0.2s;
  --header-transition-easing: cubic-bezier(0.215, 0.61, 0.355, 1);
  --header-transition: transform var(--header-transition-duration)
  var(--header-transition-easing);
}
.is-sticky-hidden {
  transition: var(--header-transition);
  will-change: transform;
}
body.stickyNav.st-down .is-sticky-hidden {
  transform: translateY(var(--header-hide-offset));
}
body.stickyNav.st-up .is-sticky-hidden {
  transform: translateY(0);
}
.is-sticky-hidden-fixed {
  transition: var(--header-transition);
  will-change: transform;
}
body.stickyNav.st-down .is-sticky-hidden-fixed.st-fixed {
  transform: translateY(var(--header-hide-offset));
}
body.stickyNav.st-up .is-sticky-hidden-fixed {
  transform: translateY(0);
}
.is-sticky-hidden--promotion {
  transition: var(--header-transition);
  will-change: transform;
}
body.stickyNav.st-down.page-promotion .is-sticky-hidden--promotion {
  transform: translateY(var(--header-hide-offset-promotion));
}
body.stickyNav.st-up.page-promotion .is-sticky-hidden--promotion {
  transform: translateY(0);
}
:root {
  --swiper-theme-color: #000;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 0.5555555556vw;
}
.swiper-pagination-progressbar {
  background-color: #eee;
  opacity: 1;
}
.swiper-pagination-fraction {
  font-variant-numeric: tabular-nums;
}
.swiper-slide--scroll-area {
  width: -moz-min-content;
  width: min-content;
}
.swiper.swiper-controller .swiper-wrapper .swiper-slide {
  width: auto;
}
.swiper.swiper-controller .swiper-wrapper .swiper-slide button {
  display: block;
  font-size: 3.8888888889vw;
  color: #aaa;
  padding: 2.2222222222vw 2.7777777778vw;
}
.swiper.swiper-controller .swiper-wrapper .swiper-slide.active button {
  font-weight: 600;
  color: #000;
}
.swiper.swiper-controller .swiper-wrapper .swiper-slide:last-of-type {
  margin-right: 0;
}
.swiper.swiper-initialized .swiper-slide > a figure .thumbnail {
  animation: none !important;
}
.swiper.jumbotron {
  height: 119.4444444444vw;
}
.swiper.jumbotron.swiper-initialized .swiper-slide > a .thumbnail img,
.swiper.jumbotron.swiper-initialized .swiper-slide > a .thumbnail iframe {
  visibility: visible;
}
.swiper.jumbotron.swiper-initialized .swiper-slide > a .thumbnail:after {
  visibility: visible;
}
.swiper.jumbotron.swiper-initialized .indicator {
  visibility: visible;
}
.swiper.jumbotron .swiper-slide {
  width: 100%;
  height: 119.4444444444vw;
}
.swiper.jumbotron .swiper-slide > a {
  display: block;
  width: 100%;
  height: 100%;
}
.swiper.jumbotron .swiper-slide > a figure {
  width: 100%;
  height: 100%;
}
.swiper.jumbotron .swiper-slide > a figure .thumbnail img,
.swiper.jumbotron .swiper-slide > a figure .thumbnail iframe {
  visibility: hidden;
}
.swiper.jumbotron .swiper-slide > a figure .thumbnail {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: linear-gradient(-45deg, #f7f7f7 40%, #fff, #f7f7f7 60%);
  background-size: 500%;
  background-position-x: 100%;
  animation: shimmer 1s infinite linear;
}
.swiper.jumbotron .swiper-slide > a figure figcaption {
  position: absolute;
  width: 100%;
  padding: 0 5.5555555556vw;
  bottom: 15vw;
  left: 0;
  color: #fff;
  z-index: 1;
}
.swiper.jumbotron .swiper-slide > a figure figcaption em.brand {
  display: block;
  font-size: 3.0555555556vw;
  line-height: 1.2727272727;
  margin-bottom: 2.2222222222vw;
}
.swiper.jumbotron .swiper-slide > a figure figcaption h3.label {
  font-size: 6.6666666667vw;
}
.swiper.jumbotron .swiper-slide > a figure figcaption p.copy {
  font-size: 3.8888888889vw;
  margin-top: 1.1111111111vw;
  font-weight: 500;
}
.swiper.jumbotron .swiper-slide > a figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.swiper.jumbotron .swiper-slide > a figure iframe {
  position: absolute;
  width: 266.6666666667vw;
  height: 462.5vw;
  transform: translate(-50%, -50%) scale(0.3852);
  transform-origin: center center;
  left: 50%;
  top: 50%;
  border: 0;
}
.swiper.jumbotron .indicator {
  visibility: hidden;
  position: absolute;
  display: flex;
  right: 5.5555555556vw;
  bottom: 4.4444444444vw;
  z-index: 2;
  border-radius: 6.6666666667vw;
  background-color: #0003;
  height: 6.1111111111vw;
  overflow: hidden;
}
.swiper.jumbotron .indicator > button {
  margin: 0vw 0;
}
.swiper.jumbotron .indicator > button .pictogram {
  display: block;
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-size: 4.4444444444vw;
  background-position: center;
}
.swiper.jumbotron .indicator > button.player-control {
  margin-left: 2.2222222222vw;
}
.swiper.jumbotron .indicator > button.player-control .pictogram {
  background-image: url("../img/pictogram-pause@2x.png");
}
.swiper.jumbotron .indicator > button.player-control.pause .pictogram {
  background-image: url("../img/pictogram-play@2x.png");
}
.swiper.jumbotron .indicator > button.view-more {
  margin-right: 2.2222222222vw;
}
.swiper.jumbotron .indicator > button.view-more .pictogram {
  background-image: url("../img/pictogram-plus@2x.png");
}
.swiper.jumbotron .indicator .swiper-pagination {
  font-size: 3.0555555556vw;
  padding-bottom: 0.2777777778vw;
  font-variant-numeric: tabular-nums;
  color: #ccc;
  position: unset;
  height: 100%;
  display: flex;
  align-items: center;
}
.swiper.jumbotron .indicator .swiper-pagination .swiper-pagination-current {
  color: #fff;
  margin-right: 0.2777777778vw;
}
.swiper.jumbotron.st-wave {
  height: 105vw;
}
.swiper.jumbotron.st-wave .swiper-wrapper {
  transform: translate3d(-70vw, 0, 0);
}
.swiper.jumbotron.st-wave .swiper-slide {
  width: 80vw;
  height: 100%;
  margin: 0;
  transform: scale(0.945);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.swiper.jumbotron.st-wave .swiper-slide p.copy {
  margin-top: 2.7777777778vw;
}
.swiper.jumbotron.st-wave .swiper-slide figcaption {
  bottom: 14.4444444444vw;
}
.swiper.jumbotron.st-wave .swiper-slide a {
  overflow: hidden;
  border-radius: 4.4444444444vw;
}
.swiper.jumbotron.st-wave .swiper-slide-active {
  transform: scale(1);
}
.swiper.jumbotron.st-wave .indicator {
  right: 14.4444444444vw;
}
.swiper.jumbotron.st-wave.destroyed .swiper-slide {
  width: calc(100% - 11.1111111111vw);
}
.swiper.liveTV-catalog .swiper-wrapper {
  width: 94.4444444444vw;
  margin-left: 5.5555555556vw;
  height: auto;
}
.swiper.liveTV-catalog .swiper-slide {
  width: 87.7777777778vw;
  margin-right: 4.4444444444vw;
}
.swiper.liveTV-catalog .swiper-slide a {
  display: block;
  margin-bottom: 2.2222222222vw;
}
.swiper.liveTV-catalog .swiper-slide a:last-child {
  margin-bottom: 0;
}
.swiper.liveTV-catalog .liveTV-card {
  display: flex;
}
.swiper.liveTV-catalog .liveTV-card .thumbnail {
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  width: 28.8888888889vw;
  height: 38.3333333333vw;
}
.swiper.liveTV-catalog .liveTV-card .thumbnail img {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.swiper.liveTV-catalog .liveTV-card figcaption {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  align-self: center;
  overflow: hidden;
  margin-left: 4.4444444444vw;
}
.swiper.liveTV-catalog .liveTV-card figcaption .ribbon {
  display: flex;
  background-color: #000;
  margin-bottom: 2.2222222222vw;
  color: #fff;
  font-size: 2.7777777778vw;
  align-items: center;
  align-self: flex-start;
  height: 5.8333333333vw;
  padding: 0vw 2.2222222222vw;
  font-variant-numeric: tabular-nums;
}
.swiper.liveTV-catalog .liveTV-card figcaption .air {
  font-size: 3.8888888889vw;
}
.swiper.liveTV-catalog .liveTV-card figcaption .summary {
  font-size: 3.3333333333vw;
  color: #666;
  margin-top: 0.5555555556vw;
}
.swiper.liveTV-catalog .liveTV-card figcaption .brand {
  margin-top: 4.4444444444vw;
  font-size: 3.0555555556vw;
  color: #999;
}
.swiper.brand-catalog .swiper-wrapper .swiper-slide {
  width: 28.3333333333vw;
  margin-right: 2.2222222222vw;
}
.swiper.brand-catalog .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0;
}
.swiper.brand-catalog .swiper-wrapper .swiper-slide a {
  width: 100%;
  height: 14.4444444444vw;
  border-radius: 1.1111111111vw;
  position: relative;
  background-color: #f8f8f8;
}
.swiper.brand-catalog .swiper-wrapper .swiper-slide a:last-child {
  margin-bottom: 0;
}
.swiper.brand-catalog .swiper-wrapper .swiper-slide img {
  display: block;
  height: 6.9444444444vw;
}
.swiper.brand-catalog .swiper-wrapper .swiper-slide .brand-item + .brand-item {
  margin-top: 1.9444444444vw;
}
.swiper.brand-catalog .indicator {
  position: relative;
  height: 0.5555555556vw;
  margin-top: 2.2222222222vw;
}
.swiper.placard a img {
  display: block;
  width: 100%;
  vertical-align: top;
}
.swiper.placard .indicator {
  position: absolute;
  top: 50%;
  right: 5.5555555556vw;
  transform: translateY(-50%);
  margin-top: 0;
  z-index: 1;
}
.swiper.placard .swiper-pagination {
  font-size: 3.8888888889vw;
  font-variant-numeric: tabular-nums;
  color: #ffffff80;
  position: unset;
  height: 100%;
  display: flex;
  align-items: center;
}
.swiper.placard .swiper-pagination .swiper-pagination-current {
  color: #fff;
  margin-right: 0.2777777778vw;
}
.swiper.banner {
  margin-top: 15.5555555556vw;
}
.swiper.banner a {
  padding: 0 5.5555555556vw;
}
.swiper.banner .section-header {
  display: none;
}
.swiper.banner .indicator {
  margin: 0 5.5555555556vw;
}
.swiper.banner .swiper-pagination-progressbar {
  position: relative;
  height: 0.5555555556vw;
  margin-top: 2.2222222222vw;
}
.swiper.banner .swiper-pagination.swiper-pagination-fraction {
  padding: 0 2.7777777778vw;
  width: auto;
  position: absolute;
  bottom: 2.7777777778vw;
  left: auto;
  right: 5.5555555556vw;
  z-index: 1;
  font-size: 3.3333333333vw;
  color: #fff;
  background-color: #0009;
  line-height: 7.2222222222vw;
  border-radius: 3.8888888889vw;
}
.swiper.banner
.swiper-pagination.swiper-pagination-fraction
.swiper-pagination-total {
  opacity: 0.5;
}
.swiper.magazine-display-w-category .swiper-slide {
  width: 66.6666666667vw;
}
.swiper.magazine-display-w-category .swiper-slide .thumbnail {
  position: relative;
  width: 66.6666666667vw;
  height: 100vw;
  overflow: hidden;
}
.swiper.magazine-display-w-category .swiper-slide .thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.swiper.magazine-display-w-category .swiper-slide {
  margin-right: 1.1111111111vw;
}
.swiper.magazine-display-w-category .swiper-slide:last-of-type {
  margin-right: 0;
}
.swiper.magazine-display-w-category figcaption {
  margin-top: 4.4444444444vw;
  padding-right: 6.6666666667vw;
  padding-bottom: 0;
}
.swiper.magazine-display-w-category figcaption .label {
  font-size: 4.4444444444vw;
  font-weight: 600;
}
.swiper.magazine-display-w-category figcaption .copy {
  font-size: 3.3333333333vw;
  margin-top: 1.1111111111vw;
  font-weight: 300;
}
.swiper.magazine-display-w-category .indicator {
  position: relative;
  height: 0.5555555556vw;
  margin: 4.4444444444vw 0vw 0vw;
}
.swiper.brand-display-rail .swiper-slide {
  width: 58.8888888889vw;
  margin-right: 1.1111111111vw;
}
.swiper.brand-display-rail .swiper-slide:last-of-type {
  margin-right: 0;
}
.swiper.brand-display-rail .swiper-slide a .thumbnail {
  position: relative;
  width: 100%;
  aspect-ratio: 360/360;
  overflow: hidden;
}
.swiper.brand-display-rail .swiper-slide a .thumbnail img {
  position: absolute;
  width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.swiper.brand-display-rail .indicator {
  position: relative;
  height: 0.5555555556vw;
  margin: 2.2222222222vw 0vw 0vw;
}
.swiper.catalog-display-cockpit .swiper-slide {
  width: 43.8888888889vw;
  margin: 0 0.5555555556vw;
}
.swiper.catalog-display-rail .swiper-slide {
  width: 28.8888888889vw;
  margin-right: 1.1111111111vw;
}
.swiper.catalog-display-rail .swiper-slide:last-child {
  margin-right: 0;
}
.swiper.catalog-display-rail .swiper-slide a .goods-card .thumbnail {
  width: 28.8888888889vw;
  aspect-ratio: 208/277;
  overflow: hidden;
  background-color: #fff;
}
.swiper.catalog-display-rail .swiper-slide a .goods-card .thumbnail img {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 50%;
  top: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
.swiper.catalog-display-rail figcaption {
  padding-left: 0;
  padding-right: 2.2222222222vw;
  padding-bottom: 0;
}
.swiper.catalog-display-rail figcaption .label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.swiper.catalog-display-rail figcaption .label.text-overflow-ellipsis-lines,
.swiper.catalog-display-rail figcaption .shorts-card .label,
.shorts-card .swiper.catalog-display-rail figcaption .label,
.swiper.catalog-display-rail
.catalog-display-tile
.goods-card
figcaption
.label,
.catalog-display-tile
.goods-card
.swiper.catalog-display-rail
figcaption
.label,
.swiper.catalog-display-rail
.swiper.jumbotron
.swiper-slide
> a
figure
figcaption
h3.label
span.label,
.swiper.jumbotron
.swiper-slide
> a
figure
.swiper.catalog-display-rail
figcaption
h3.label
span.label {
  display: -webkit-box;
  max-height: 9.5333333333vw;
  font-size: 3.3333333333vw;
  line-height: 1.43;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.swiper.catalog-display-rail .price-brief .was {
  display: none;
}
.swiper.catalog-display-tile .swiper-slide {
  padding: 0 5.5555555556vw;
}
.hot-now .swiper-controller,
.rank-now .swiper-controller {
  margin-bottom: 4.4444444444vw;
}
.hot-now .catalog-display-tile .swiper-slide,
.rank-now .catalog-display-tile .swiper-slide {
  height: auto;
}
.hot-now .catalog-display-tile .goods-card .brand,
.rank-now .catalog-display-tile .goods-card .brand {
  display: none;
}
.new-in .swiper-controller,
.rank-now .swiper-controller {
  margin-bottom: 4.4444444444vw;
}
.new-in .catalog-display-tile .swiper-slide,
.rank-now .catalog-display-tile .swiper-slide {
  height: auto;
}
.swiper.catalog-display-w-look .swiper-slide a {
  display: block;
  margin-bottom: 1.1111111111vw;
}
.swiper.catalog-display-w-look .swiper-slide a:last-child {
  margin-bottom: 0;
}
.swiper.catalog-display-w-look .look.st-rounded {
  overflow: hidden;
  border-radius: 1.6666666667vw;
}
.swiper.catalog-display-w-look .look.st-rounded .title {
  font-size: 5vw;
  line-height: 1.1111111111;
}
.swiper.catalog-display-w-look .look .thumbnail {
  position: relative;
  width: 88.8888888889vw;
  aspect-ratio: 320/320;
}
.swiper.catalog-display-w-look .look .thumbnail img {
  position: absolute;
  width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.swiper.catalog-display-w-look .look .thumbnail.st-small {
  width: 83.3333333333vw;
  aspect-ratio: 300/300;
}
.swiper.catalog-display-w-look .look .st-overlay {
  position: relative;
}
.swiper.catalog-display-w-look .look .st-overlay:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #00000008 60.17%, #0000004d 81.04%);
  opacity: 0.3;
}
.swiper.catalog-display-w-look .look .copy {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 0 5.5555555556vw 5.8333333333vw;
}
.swiper.catalog-display-w-look .look .title {
  font-size: 4.4444444444vw;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
  text-align: center;
}
.swiper.catalog-display-w-look .look .title + .description {
  margin-top: 1.1111111111vw;
}
.swiper.catalog-display-w-look .look .description {
  font-size: 3.6111111111vw;
  line-height: 1.5384615385;
  color: #fff;
  text-align: center;
}
.swiper.catalog-display-w-look .goods-card {
  display: flex;
  margin-right: 2.7777777778vw;
}
.swiper.catalog-display-w-look .goods-card .add-wish {
  top: 2.2222222222vw;
  right: -1.1111111111vw;
}
.swiper.catalog-display-w-look .goods-card .thumbnail {
  position: relative;
  width: 19.4444444444vw;
  flex-shrink: 0;
  aspect-ratio: 140/187;
  overflow: hidden;
}
.swiper.catalog-display-w-look .goods-card .thumbnail img {
  position: absolute;
  width: auto;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.swiper.catalog-display-w-look .goods-card .thumbnail.st-rounded {
  overflow: hidden;
  border-radius: 1.6666666667vw;
}
.swiper.catalog-display-w-look .goods-card figcaption {
  display: flex;
  flex-flow: column;
  align-self: center;
  overflow: hidden;
  flex-grow: 1;
  padding: 0;
  margin-left: 4.4444444444vw;
  margin-right: 5.5555555556vw;
}
.swiper.catalog-display-w-look .goods-card figcaption .brand {
  width: 37.5vw;
}
.swiper.catalog-display-w-look .swiper-slide {
  width: 88.8888888889vw;
}
.swiper.catalog-display-w-look .swiper-slide:last-child {
  margin-right: 0;
}
.swiper.catalog-display-w-look .swiper-slide img {
  width: 100%;
}
.swiper.catalog-display-w-look .catalog-display-w-look__footer {
  display: flex;
}
.swiper.catalog-display-w-look .catalog-display-w-look__footer a.ghost {
  width: auto;
  height: auto;
  padding: 3.3333333333vw 6.9444444444vw;
  margin: 4.1666666667vw auto 0;
}
.swiper.catalog-display-w-look.st-category {
  padding-inline: 5.5555555556vw;
}
.swiper.catalog-display-w-look.st-category .swiper-wrapper {
  height: auto;
}
.swiper.catalog-display-w-look.st-category .look {
  margin-left: -5.5555555556vw;
  width: 88.8888888889vw;
}
.swiper.catalog-display-w-look.st-category .look .thumbnail {
  position: relative;
  width: 88.8888888889vw;
  aspect-ratio: 320/320;
}
.swiper.catalog-display-w-look.st-category .look .thumbnail img {
  position: absolute;
  width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.swiper.catalog-display-w-look.st-category .look:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #0000 50%, #0003);
}
.swiper.catalog-display-w-look.st-category .tile-list {
  position: absolute;
  left: 0;
  bottom: 5.5555555556vw;
  padding-left: 5.5555555556vw;
  z-index: 3;
}
.swiper.catalog-display-w-look.st-category .tile-list .tile-item {
  gap: 2.2222222222vw;
  overflow: hidden;
}
.swiper.catalog-display-w-look.st-category .tile-list .tile-item .tile-brand {
  font-size: 2.7777777778vw;
  font-weight: 600;
}
.swiper.catalog-display-w-look.st-category .tile-list .tile-item .tile-thumb {
  width: 12.5vw;
}
.swiper.catalog-display-w-look.st-category .tile-list .tile-item .tile-body {
  max-width: 44.1666666667vw;
  padding-top: 0;
}
.swiper.catalog-display-w-look.st-category .tile-list .tile-item .tile-body,
.swiper.catalog-display-w-look.st-category
.tile-list
.tile-item
.tile-goods-label {
  color: #fff;
}
.swiper.catalog-display-w-look.st-category .price-brief {
  margin-top: 4.4444444444vw;
}
.swiper.catalog-display-w-look.st-category .goods-card {
  display: flex;
  margin-right: 2.7777777778vw;
}
.swiper.catalog-display-w-look.st-category .goods-card .add-wish {
  top: 2.2222222222vw;
  right: -2.2222222222vw;
}
.swiper.catalog-display-w-look.st-category .goods-card .tile-heart {
  top: 2.2222222222vw;
  right: -1.1111111111vw;
}
.swiper.catalog-display-w-look.st-category .goods-card .thumbnail {
  position: relative;
  width: 19.4444444444vw;
  flex-shrink: 0;
  aspect-ratio: 140/187;
  overflow: hidden;
}
.swiper.catalog-display-w-look.st-category .goods-card .thumbnail img {
  position: absolute;
  width: auto;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.swiper.catalog-display-w-look.st-category .goods-card figcaption {
  display: flex;
  flex-flow: column;
  align-self: center;
  overflow: hidden;
  flex-grow: 1;
  padding: 0;
  margin-left: 4.4444444444vw;
  margin-right: 5.5555555556vw;
}
.swiper.catalog-display-w-look.st-category .goods-card figcaption .brand {
  width: 37.5vw;
}
.swiper.catalog-display-w-look.st-category .swiper-slide {
  width: 58.8888888889vw;
}
.swiper.catalog-display-w-look.st-category .swiper-slide:last-child {
  margin-right: 0;
}
.swiper.catalog-display-w-look.st-category .swiper-slide img {
  width: 100%;
}
.swiper.catalog-display-w-look.st-category .swiper-slide + .swiper-slide {
  margin-left: 5.5555555556vw;
}
.swiper.swiper-controller.navigator
.swiper-wrapper
.swiper-slide.active
.navigator-button
.navigator-text {
  font-weight: 600 !important;
  color: #fff !important;
}
.tab {
  margin: -2.2222222222vw 5.5555555556vw 2.2222222222vw;
  display: flex;
  gap: 0vw 5.5555555556vw;
}
.tab li {
  width: auto;
}
.tab li a {
  display: block;
  padding: 2.2222222222vw 0;
  font-size: 3.8888888889vw;
  color: #aaa;
}
.tab li.active a {
  font-weight: 600;
  color: #000;
}
.tab-item {
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.tab-item.active {
  height: auto;
  overflow: visible;
  visibility: visible;
}
.featured-catalog-w-goods li .featured .dropdown-wrapper {
  bottom: vw(115);
}
.featured-catalog-w-goods li .featured .dropdown-wrapper ul {
  z-index: 2;
}
.featured-catalog-w-goods .featured__selectbox {
  position: absolute;
  top: calc(50% + vw(54));
  left: 0;
  transform: translateY(-50%);
}
.featured-catalog-w-goods .featured__selectbox .selectbox {
  border: none;
  font-size: vw(14);
  font-weight: 600;
  color: #fff;
  background: transparent url(/mobile/img/icons/icon-selectbox-down__white.png)
  no-repeat calc(100% - vw(11)) vw(6);
  background-size: vw(24);
}
.featured-catalog-w-goods .featured__selectbox .selectbox option {
  color: #000;
}
.swiper .indicator .swiper-pagination {
  position: relative;
  bottom: unset;
  left: unset;
}
.swiper.destroyed .indicator {
  display: none;
}
:where(*) + .indicator {
  margin-top: 4.4444444444vw;
}
time {
  font-variant-numeric: tabular-nums;
}
button.ghost,
a.ghost {
  width: 39.4444444444vw;
  height: 9.7222222222vw;
  border-radius: 100vw;
  border: solid 0.2777777778vw #eee;
  font-size: 3.6111111111vw;
  background-color: #fff;
}
button.ghost span,
a.ghost span {
  display: block;
}
button.ghost.st-mid,
a.ghost.st-mid {
  width: 30.5555555556vw;
  height: 11.1111111111vw;
}
h2.topic {
  font-size: 5vw;
  font-weight: 600;
  display: flex;
  line-height: normal;
}
h2.topic.text-ellipsis-2 {
  display: -webkit-box;
  max-height: 12vw;
  font-size: 5vw;
  line-height: 1.2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
}
h2.topic + .sub-topic {
  margin-top: 1.3888888889vw;
  font-size: 3.3333333333vw;
  color: #666;
}
h3.topic {
  font-size: 4.4444444444vw;
}
h4.topic {
  font-size: 3.8888888889vw;
}
h5.topic {
  font-size: 3.3333333333vw;
}
.updated-time,
.updated-time-sfx {
  font-size: 2.7777777778vw;
  color: #999;
  font-weight: 400;
  align-self: end;
}
.updated-time {
  margin-left: 2.2222222222vw;
}
.updated-time-sfx {
  margin-left: 0.8333333333vw;
}
.updated-time-sfx:first-child {
  margin-left: 0;
}
.updated-time-sfx + .updated-time {
  margin-left: 0.5555555556vw;
}
.utility-text + .updated-time-wrap,
.selectbox-text + .updated-time-wrap {
  margin-left: 3.3333333333vw;
}
.updated-time-wrap + .sort-tooltip {
  margin-left: 1.1111111111vw;
}
button .pictogram,
[role="button"] .pictogram {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
button.add-wish {
  position: absolute;
  right: 1.6666666667vw;
  top: 2.7777777778vw;
  width: 6.9444444444vw;
  height: 6.9444444444vw;
  border-radius: 100vw;
}
button.add-wish .pictogram {
  width: 6.9444444444vw;
  height: 6.9444444444vw;
  background-image: url("../img/pictogram-heart@2x.png");
  background-size: 4.4444444444vw 4.1666666667vw;
}
button.add-wish.active .pictogram {
  background-image: url("../img/pictogram-heart-full@2x.png");
}
button.add-wish.featured-heart {
  top: 3.3333333333vw;
  right: 3.3333333333vw;
}
button.add-wish .tile-heart {
  margin-top: -0.8333333333vw;
}
.hub-contents {
  margin-top: 0 !important;
  padding-top: 0;
}
figure,
figcaption {
  margin: 0;
  padding: 0;
}
em {
  font-style: normal;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  left: -99999px;
}
.goods-card {
  position: relative;
  overflow: hidden;
}
.goods-card.soldout .thumbnail:before {
  content: "품절";
  display: block;
  position: absolute;
  inset: 0;
  background-color: #0003;
  align-content: center;
  text-align: center;
  color: #fff;
  font-size: 3.6111111111vw;
  font-weight: 600;
  z-index: 1;
}
.goods-card .thumbnail {
  position: relative;
}
.goods-card .thumbnail img {
  display: block;
  width: 100%;
  vertical-align: top;
}
.goods-card .thumbnail:after {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  background-color: #00000005;
  transform: translateZ(0);
}
.goods-card figcaption {
  padding: 2.2222222222vw 2.2222222222vw 3.3333333333vw;
  background-color: #fff;
}
.goods-card figcaption .brand {
  display: block;
  font-size: 3.3333333333vw;
  font-weight: 600;
  margin-bottom: 0.5555555556vw;
}
.goods-card figcaption .label {
  font-size: 3.3333333333vw;
  color: #666;
}
.goods-card figcaption .cta {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 3.3333333333vw;
  margin-top: 2.2222222222vw;
}
.goods-card figcaption .cta:after {
  content: "";
  display: block;
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background: url("../img/pictogram-more-line@2x.png");
  background-size: 3.3333333333vw;
}
.curated-card .thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 120/120;
}
.curated-card .thumbnail img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.curated-card figcaption {
  padding: 2.2222222222vw 2.2222222222vw 0vw;
}
.curated-card figcaption .label {
  font-size: 3.3333333333vw;
  color: #000;
}
.curated-card figcaption .copy {
  display: block;
  font-size: 3.3333333333vw;
  color: #666;
  margin-top: 1.1111111111vw;
}
.price-brief {
  margin-top: 2.2222222222vw;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.0833333333vw;
  font-size: 3.3333333333vw;
}
.price-brief .was {
  color: #aaa;
  font-size: 2.7777777778vw;
  font-weight: 300;
  margin-left: 1.1111111111vw;
  align-self: end;
}
.price-brief .now {
  font-weight: 600;
}
.price-brief .discount {
  color: #006bff;
  font-weight: 600;
  margin-left: 2.2222222222vw;
}
.main-contents {
  padding-bottom: 25vw;
}
.main-contents[data-component-pin="category"] {
  padding-top: 38.8888888889vw;
}
html.scrolling.limit .filter-bubble-wrapper[data-component-pin="category"] {
  position: fixed;
  top: 11.1111111111vw;
}
.header-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
  will-change: transform;
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header-wrapper .site-header {
  display: flex;
  justify-content: space-between;
  align-self: center;
  height: 13.8888888889vw;
  padding: 0 5.5555555556vw;
  background-color: #fff;
}
.header-wrapper h1,
.header-wrapper .site-brand {
  width: 50vw;
}
.header-wrapper h1 a,
.header-wrapper .site-brand a {
  display: flex;
  height: 100%;
  background-image: url("../img/symbol-elevated__black.png");
  background-size: 58.3333333333vw;
  background-position: center;
}
.header-wrapper h1 img,
.header-wrapper .site-brand img {
  display: none;
  align-self: center;
  width: 100%;
}
.header-wrapper .shop-utility {
  display: flex;
  align-items: center;
  margin-right: -2.7777777778vw;
}
.header-wrapper .shop-utility .search,
.header-wrapper .shop-utility .bag {
  display: block;
  width: 11.1111111111vw;
  height: 11.1111111111vw;
}
.header-wrapper .shop-utility .search .pictogram,
.header-wrapper .shop-utility .bag .pictogram {
  display: block;
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  background-size: 11.1111111111vw;
  background-repeat: no-repeat;
  background-position: center;
}
.header-wrapper .shop-utility .search .pictogram {
  background-image: url("../img/pictogram-loupe@2x.png");
}
.header-wrapper .shop-utility .bag {
  position: relative;
}
.header-wrapper .shop-utility .bag .pictogram {
  background-image: url("../img/pictogram-bag@2x.png");
}
.header-wrapper .shop-utility .bag .count {
  position: absolute;
  min-width: 5.5555555556vw;
  height: 5.5555555556vw;
  background-color: #000;
  top: 1.9444444444vw;
  left: 5.8333333333vw;
  border-radius: 100vw;
  color: #fff;
  font-size: 2.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1.1111111111vw;
  font-variant-numeric: tabular-nums;
}
.header-wrapper .logo--selectshop {
  width: 35.2777777778vw;
}
.header-wrapper .logo--selectshop a {
  background-image: url("../img/selectshop/logo.svg");
  background-repeat: no-repeat;
  background-size: 35vw;
  background-position: 0;
}
.header-wrapper .logo--polhamshop {
  width: 40vw;
}
.header-wrapper .logo--polhamshop a {
  background-image: url("../img/polhamshop/logo.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0;
}
.navigation-bar {
  width: 100%;
  font-size: 3.8888888889vw;
  height: 11.1111111111vw;
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding: 0 1.3888888889vw;
  background-color: #fff;
}
.navigation-bar:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.2777777778vw;
  background-color: #eee;
  z-index: -1;
}
.navigation-bar li {
  width: auto;
}
.navigation-bar li > a {
  height: 100%;
  display: flex;
  color: #666;
  padding: 0 2.7777777778vw;
}
.navigation-bar li > a span {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.navigation-bar li > a span:after {
  display: none;
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0vw;
  height: 0.5555555556vw;
  background-color: #000;
}
.navigation-bar li > a img {
  height: 5vw;
  -o-object-fit: cover;
  object-fit: cover;
}
.navigation-bar li > a.active {
  color: #000;
  font-weight: 600;
}
.navigation-bar li > a.active span:after {
  display: block;
}
.navigation-bar li > a.marker span:before {
  content: " ";
  font-size: 0;
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  position: absolute;
  background-color: #006bff;
  border-radius: 50%;
  top: 1.6666666667vw;
  right: -1.1111111111vw;
}
.navigation-bar li > a.marker img:before {
  content: " ";
  font-size: 0;
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  position: absolute;
  background-color: #006bff;
  border-radius: 50%;
  top: 1.6666666667vw;
  right: -1.1111111111vw;
}
.navigation-bar.st-lg {
  padding: 0 2.4305555556vw;
}
.navigation-bar.st-lg .navigator-item .navigator-text {
  font-size: 4.1666666667vw;
  line-height: 11.1111111111vw;
}
.navigation-bar.st-xlg {
  height: 15vw;
  padding: 0;
}
.navigation-bar.st-xlg .tab-row {
  display: flex;
  width: 100%;
  height: 100%;
}
.navigation-bar.st-xlg .tab-text {
  font-size: 4.1666666667vw;
}
.navigation-bar.st-thick .swiper-wrapper {
  justify-content: space-evenly;
}
.navigation-bar.st-thick .swiper-wrapper li > a {
  padding-inline: 0;
}
.navigation-bar.st-thick .swiper-wrapper li .tab-text {
  padding-inline: 6.6666666667vw;
}
.navigation-bar.st-thick
.swiper-wrapper
> .swiper-slide:first-child:nth-last-child(-n + 5),
.navigation-bar.st-thick
.swiper-wrapper
> .swiper-slide:first-child:nth-last-child(-n + 5)
~ .swiper-slide {
  width: 20%;
}
.navigation-bar.st-thick
.swiper-wrapper
> .swiper-slide:first-child:nth-last-child(-n + 5)
> a,
.navigation-bar.st-thick
.swiper-wrapper
> .swiper-slide:first-child:nth-last-child(-n + 5)
~ .swiper-slide
> a {
  display: grid;
  width: 100%;
  justify-items: center;
  align-content: center;
  justify-content: center;
  text-align: center;
}
.navigation-bar.st-thick
.swiper-wrapper
> .swiper-slide:first-child:nth-last-child(-n + 5)
> a:after,
.navigation-bar.st-thick
.swiper-wrapper
> .swiper-slide:first-child:nth-last-child(-n + 5)
~ .swiper-slide
> a:after {
  display: none;
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0vw;
  height: 0.5555555556vw;
  background-color: #000;
}
.navigation-bar.st-thick
.swiper-wrapper
> .swiper-slide:first-child:nth-last-child(-n + 5)
> a.active:after,
.navigation-bar.st-thick
.swiper-wrapper
> .swiper-slide:first-child:nth-last-child(-n + 5)
~ .swiper-slide
> a.active:after {
  display: block;
}
.navigation-bar.st-thick
.swiper-wrapper
> .swiper-slide:first-child:nth-last-child(-n + 5)
> a
.tab-text,
.navigation-bar.st-thick
.swiper-wrapper
> .swiper-slide:first-child:nth-last-child(-n + 5)
~ .swiper-slide
> a
.tab-text {
  padding-inline: 0;
  width: 100%;
  display: -webkit-box;
  max-height: 10vw;
  font-size: 4.1666666667vw;
  line-height: 1.2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-height: 15vw;
}
.navigation-bar.st-thick
.swiper-wrapper
> .swiper-slide:first-child:nth-last-child(-n + 5)
> a
.tab-text:after,
.navigation-bar.st-thick
.swiper-wrapper
> .swiper-slide:first-child:nth-last-child(-n + 5)
~ .swiper-slide
> a
.tab-text:after {
  display: none;
}
.filter-bubble-wrapper {
  display: flex;
}
.filter-bubble-wrapper[data-component-pin="category"] {
  padding-top: 2.7777777778vw;
  padding-bottom: 2.7777777778vw;
}
.filter-bubble-wrapper .add-on {
  display: none;
  background-color: #fff;
  padding-left: 5.5555555556vw;
  padding-right: 1.1111111111vw;
}
.filter-bubble-wrapper .add-on .reset {
  background-color: #fff;
  border: solid 0.2777777778vw #eee;
  width: 8.3333333333vw;
  height: 8.3333333333vw;
  color: #fff;
  border-radius: 100vw;
}
.filter-bubble-wrapper .add-on .reset .pictogram {
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background-image: url("../img/pictogram-rotate@2x.png");
  background-size: 5.5555555556vw;
}
.filter-bubble-wrapper .add-on.active {
  display: block;
}
.filter-bubble-wrapper .add-on.active + .filter-bubble {
  padding-left: 0;
}
.filter-bubble {
  width: 100%;
  font-size: 3.3333333333vw;
  padding: 0 5.5555555556vw;
}
.filter-bubble .swiper-slide {
  width: auto;
  margin-right: 1.1111111111vw;
}
.filter-bubble .swiper-slide:last-child {
  margin-right: 0;
}
.filter-bubble .swiper-slide > button {
  height: 8.3333333333vw;
  display: flex;
  color: #999;
  padding: 0 3.3333333333vw;
  background-color: #fff;
  border-radius: 100vw;
  border: solid 0.2777777778vw #eee;
}
.filter-bubble .swiper-slide > button span {
  position: relative;
  display: block;
  align-self: center;
}
.filter-bubble .swiper-slide > button.active {
  background-color: #000;
  border: none;
  color: #fff;
}
.filter-bubble .swiper-slide > button.active span:after {
  display: block;
}
.category-shortcut {
  min-height: 44.7222222222vw;
}
.category-shortcut .swiper-slide {
  padding-inline: 5.5555555556vw;
  width: auto;
}
.category-shortcut:has(.swiper-slide) ul {
  box-sizing: border-box;
  width: -moz-max-content;
  width: max-content;
  grid-auto-flow: column;
  grid-template-rows: repeat(2, auto);
  grid-auto-columns: auto;
}
.category-shortcut:has(.swiper-slide) ul > li {
  width: 15.5555555556vw;
  flex: 0 0 auto;
}
.category-shortcut:has(.swiper-slide) ul + ul {
  margin-top: 3.3333333333vw;
}
.category-shortcut ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 3.3333333333vw 2.2222222222vw;
}
.category-shortcut ul > li {
  width: 100%;
  min-width: 0;
}
.category-shortcut ul > li a {
  display: block;
}
.category-shortcut ul > li .thumbnail {
  position: relative;
  width: 100%;
  aspect-ratio: 54/54;
  background-color: #fafafa;
  border: 0.2777777778vw solid #f3f3f3;
  border-radius: 2.2222222222vw;
  overflow: hidden;
}
.category-shortcut ul > li .thumbnail img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.category-shortcut ul > li figcaption {
  margin-top: 1.1111111111vw;
  text-align: center;
  font-size: 3.3333333333vw;
  width: 100%;
  word-break: keep-all;
  word-wrap: break-word;
  white-space: normal;
}
.category-shortcut:has(.scrollable-wrapper) ul {
  box-sizing: border-box;
  width: -moz-max-content;
  width: max-content;
  display: flex;
}
.category-shortcut:has(.scrollable-wrapper) ul > li {
  width: 15.5555555556vw;
  flex: 0 0 auto;
}
.category-shortcut:has(.scrollable-wrapper) ul + ul {
  margin-top: 3.3333333333vw;
}
.category-shortcut.st-row {
  min-height: 20.5555555556vw;
}
.category-shortcut.st-row ul {
  box-sizing: border-box;
  width: -moz-max-content;
  width: max-content;
  grid-auto-flow: column;
  grid-template-rows: repeat(1, auto);
  grid-auto-columns: auto;
}
.category-shortcut.st-widen ul {
  grid-gap: 3.3333333333vw 2.7777777778vw;
}
.category-shortcut .text-truncate {
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.category-shortcut + .row {
  margin-top: -2.2222222222vw;
}
.category-shortcut + section {
  margin-top: 8.8888888889vw;
}
.only24h-deal-wrapper {
  background-color: #f8f8f8;
}
.catalog-display-rail {
  padding: 0 5.5555555556vw;
}
.catalog-display-rail h2.topic {
  margin-bottom: 3.3333333333vw;
}
.catalog-display-tile ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto);
  grid-gap: 4.4444444444vw 1.1111111111vw;
}
.catalog-display-tile ul li {
  width: 28.8888888889vw;
}
.catalog-display-tile .goods-card figcaption {
  padding-left: 0;
  padding-right: 2.2222222222vw;
  padding-bottom: 0;
}
.catalog-display-tile .goods-card figcaption .label {
  white-space: normal;
  word-break: keep-all;
}
.catalog-display-tile .goods-card figcaption .price-brief .was {
  display: none;
}
.catalog-display-tile .goods-card .thumbnail {
  aspect-ratio: 208/277;
  background-color: #fff;
}
.catalog-display-tile .goods-card .thumbnail img {
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.catalog-display-tile .goods-card .tile-bs {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
}
.catalog-display-tile .goods-card .tile-heart {
  margin-top: -0.8333333333vw;
}
.catalog-display-tile .goods-card .tile-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5vw;
  height: 5vw;
  background-color: #fff9;
  color: #333;
  font-size: 2.7777777778vw;
  font-weight: 600;
  text-align: center;
}
.featured-catalog-w-goods > ul {
  display: grid;
  row-gap: 11.1111111111vw;
}
.featured-catalog-w-goods .topic {
  margin: 0 5.5555555556vw 4.4444444444vw;
}
.featured-catalog-w-goods .featured {
  position: relative;
  z-index: 2;
}
.featured-catalog-w-goods .featured .thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 360/360;
  background-color: #fff;
}
.featured-catalog-w-goods .featured .thumbnail img {
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.featured-catalog-w-goods .featured .thumbnail:after {
  pointer-events: none;
  content: " ";
  position: absolute;
  inset: 0;
  background-color: #000;
  opacity: 0.3;
}
.featured-catalog-w-goods .featured .thumbnail .timer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  font-variant-numeric: tabular-nums;
}
.featured-catalog-w-goods .featured figcaption,
.featured-catalog-w-goods .featured .featured-body {
  position: absolute;
  bottom: 10vw;
  padding-bottom: 6.6666666667vw;
  padding-left: 5.5555555556vw;
  padding-right: 5.5555555556vw;
  width: 100%;
  z-index: 1;
  color: #fff;
}
.featured-catalog-w-goods .featured figcaption .brand,
.featured-catalog-w-goods .featured .featured-body .brand {
  font-size: 3.8888888889vw;
  font-weight: 600;
  margin-bottom: 4.4444444444vw;
  display: block;
}
.featured-catalog-w-goods .featured figcaption .label,
.featured-catalog-w-goods .featured .featured-body .label {
  font-size: 5vw;
}
.featured-catalog-w-goods .featured figcaption .copy,
.featured-catalog-w-goods .featured .featured-body .copy {
  font-size: 3.3333333333vw;
  margin-top: 2.2222222222vw;
}
.featured-catalog-w-goods .featured .dropdown-wrapper {
  position: absolute;
  bottom: 34.1666666667vw;
  left: 5.5555555556vw;
  margin-bottom: 2.2222222222vw;
}
.featured-catalog-w-goods .featured .dropdown-wrapper ul {
  display: none;
  margin-top: 1.6666666667vw;
  transform: translateZ(0);
  max-height: 53.3333333333vw;
  overflow: scroll;
  position: absolute;
  z-index: 1;
  background-color: #fff;
  padding: 3.3333333333vw;
  box-shadow: 0 0.5555555556vw 2.7777777778vw #0000001a;
}
.featured-catalog-w-goods .featured .dropdown-wrapper ul li a {
  display: block;
  white-space: nowrap;
  padding: 2.2222222222vw;
  font-size: 3.6111111111vw;
}
.featured-catalog-w-goods .featured .dropdown-wrapper .dropdown-trigger {
  display: flex;
  color: #fff;
  font-size: 3.8888888889vw;
  font-weight: 600;
}
.featured-catalog-w-goods
.featured
.dropdown-wrapper
.dropdown-trigger
.pictogram {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-image: url("../img/pictogram-v@white@2x.png");
  background-size: 6.6666666667vw;
}
.featured-catalog-w-goods
.featured
.dropdown-wrapper
.dropdown-trigger.active
.pictogram {
  rotate: 180deg;
}
.featured-catalog-w-goods
.featured
.dropdown-wrapper
.dropdown-trigger.active
+ .dropdown {
  display: block;
}
.featured-catalog-w-goods .featured a {
  display: block;
}
.featured-catalog-w-goods .goods {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  position: relative;
  z-index: 2;
  margin-left: 5.5555555556vw;
  margin-top: -11.1111111111vw;
}
.featured-catalog-w-goods .goods .thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 230/307;
  background-color: #fff;
}
.featured-catalog-w-goods .goods .thumbnail img {
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.featured-catalog-w-goods .goods a .was {
  display: none;
}
.featured-catalog-w-goods .goods a figcaption {
  padding-left: 0;
  padding-bottom: 0;
  padding-right: 3.0555555556vw;
}
.featured-catalog-w-goods .goods a .brand {
  display: none;
}
.featured-catalog-w-goods .goods a .label {
  font-size: 3.3333333333vw;
  color: #666;
  text-overflow: unset;
  white-space: unset;
  word-break: keep-all;
}
.featured-catalog-w-goods--rail .topic {
  margin: 0 0 4.4444444444vw;
}
.featured-catalog-w-goods--rail ul {
  display: flex;
}
.featured-catalog-w-goods--rail.swiper .swiper-slide {
  width: 88.8888888889vw;
  margin: 0 1.1111111111vw;
}
.featured-catalog-w-goods--rail.swiper .swiper-slide:first-child {
  margin-left: 0;
}
.featured-catalog-w-goods--rail.swiper .swiper-slide:last-child {
  margin-right: 0;
}
.featured-catalog-w-goods--rail .featured {
  position: relative;
}
.featured-catalog-w-goods--rail .featured .thumbnail {
  aspect-ratio: 320/320;
}
.featured-catalog-w-goods--rail .featured .thumbnail:after {
  opacity: 0.2;
}
.featured-catalog-w-goods--rail .featured figcaption {
  bottom: 22.2222222222vw;
  padding-bottom: 0;
  text-align: center;
}
.featured-catalog-w-goods--rail .featured figcaption .label {
  font-size: 6.6666666667vw;
  font-weight: 600;
}
.featured-catalog-w-goods--rail .featured figcaption .copy {
  margin-top: 0;
  font-size: 4.4444444444vw;
}
.featured-catalog-w-goods--rail .goods {
  margin: 0;
}
.featured-catalog-w-goods--rail .goods a .label {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.featured-catalog-w-goods--rail .indicator {
  margin-top: 6.6666666667vw;
}
.featured-catalog-w-goods.st-alone {
  margin-top: 0;
}
.featured-catalog-w-goods.st-alone .featured + .goods {
  margin-top: 1.1111111111vw;
}
.featured-catalog-w-goods.st-alone .dropdown-wrapper {
  position: relative;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  justify-content: center;
}
.featured-catalog-w-goods.st-alone .dropdown-wrapper a {
  color: #000;
}
.featured-catalog-w-goods.st-alone .dropdown-wrapper .dropdown {
  top: 100%;
  bottom: auto;
  left: 50%;
  transform: translate(-50%);
}
.featured-catalog-w-goods.st-alone .featured-body {
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 6.6666666667vw;
  padding-left: 2.7777777778vw;
  padding-right: 2.7777777778vw;
}
.featured-catalog-w-goods.st-alone .featured-text {
  text-align: center;
}
.featured-catalog-w-goods.st-alone .featured-text .label {
  font-size: 6.6666666667vw;
  line-height: 1;
  font-weight: 600;
  white-space: wrap;
}
.featured-catalog-w-goods.st-alone .featured-text .copy {
  width: 83.3333333333vw;
  margin-top: 4.4444444444vw;
  font-size: 3.6111111111vw;
  font-weight: 600;
}
.container .featured-catalog-w-goods {
  padding: 0;
}
.featured-catalog-w-goods.st-alone + .featured-catalog-w-goods.st-alone {
  margin-top: 6.6666666667vw;
}
.only24h-deal:first-child {
  margin-top: 11.1111111111vw;
}
.only24h-deal h2.topic {
  font-size: 5vw;
  margin-bottom: 2.2222222222vw;
  text-align: center;
}
.only24h-deal .timer {
  margin-bottom: 6.6666666667vw;
}
.only24h-deal .timer .pictogram {
  display: block;
  width: 7.2222222222vw;
  height: 7.2222222222vw;
  margin-right: 2.2222222222vw;
  background-size: 6.6666666667vw 6.6666666667vw;
  background-image: url("../img/pictogram-clock@2x.png");
  background-repeat: no-repeat;
  background-position: center;
}
.only24h-deal .timer time {
  font-size: 6.6666666667vw;
  letter-spacing: -0.0833333333vw;
}
[data-component-pin="home"].main-contents {
  padding-top: 25vw;
}
[data-component-pin="home"] .jumbotron {
  margin: 0 0 5.5555555556vw;
}
[data-component-pin="home"] .jumbotron h2.topic {
  margin: 0 5.5555555556vw 4.4444444444vw;
  display: none;
}
[data-component-pin="home"] .jumbotron + .swiper.banner,
[data-component-pin="home"] .jumbotron + .billboard-text {
  margin-top: 0;
}
[data-component-pin="home"] .category-shortcut > ul {
  margin: 0vw 5.5555555556vw 0;
}
[data-component-pin="home"] .category-shortcut h2.topic {
  display: none;
  margin: 0 5.5555555556vw 4.4444444444vw;
}
[data-component-pin="home"] .banner + .category-shortcut,
[data-component-pin="home"] .billboard-text + .category-shortcut {
  margin-top: 5.5555555556vw;
}
[data-component-pin="home"] .brand-catalog {
  min-height: 39.4444444444vw;
}
[data-component-pin="home"] .brand-catalog h2.topic {
  display: none;
}
[data-component-pin="home"] .brand-catalog {
  padding: 0 5.5555555556vw;
}
[data-component-pin="home"] .placard h2.topic {
  display: none;
}
[data-component-pin="home"] .placard .swiper-slide {
  height: 16.6666666667vw;
  overflow: hidden;
}
[data-component-pin="home"] .banner .topic {
  display: none;
}
[data-component-pin="home"] .only24h-deal {
  position: relative;
  padding: 8.8888888889vw 0 4.4444444444vw;
  background-color: #f8f8f8;
}
[data-component-pin="home"] .only24h-deal h2.topic {
  position: relative;
  font-size: 5.5555555556vw;
  z-index: 2;
}
[data-component-pin="home"] .only24h-deal .timer,
[data-component-pin="home"] .only24h-deal .catalog-display-cockpit {
  position: relative;
  z-index: 2;
}
[data-component-pin="home"]
.only24h-deal
.catalog-display-cockpit
.goods-card
.thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 640/853;
  background-color: #fff;
}
[data-component-pin="home"]
.only24h-deal
.catalog-display-cockpit
.goods-card
.thumbnail
img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
[data-component-pin="home"]
.only24h-deal
.catalog-display-cockpit
.goods-card
.thumbnail:after {
  display: none;
}
[data-component-pin="home"] .only24h-deal .banner {
  margin: 6.6666666667vw 5.5555555556vw 0vw;
}
[data-component-pin="home"] .only24h-deal .banner .indicator {
  margin-left: 0;
  margin-right: 0;
}
[data-component-pin="home"] .only24h-deal button.ghost,
[data-component-pin="home"] .only24h-deal a.ghost {
  margin: 6.6666666667vw auto 0;
}
[data-component-pin="home"] .catalog-display-curated h2.topic {
  margin: 0 5.5555555556vw 4.4444444444vw;
}
[data-component-pin="home"] .catalog-display-curated ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 4.4444444444vw 0vw;
}
[data-component-pin="home"] .catalog-display-curated ul li {
  width: 33.3333333333vw;
}
[data-component-pin="home"] .catalog-display-curated ul img {
  width: 100%;
}
[data-component-pin="home"] .catalog-display-curated ul figcaption {
  text-align: center;
  padding: 2.2222222222vw 2.2222222222vw 0;
}
[data-component-pin="home"] .catalog-display-curated ul figcaption p {
  font-size: 3.3333333333vw;
}
[data-component-pin="home"] .catalog-display-w-look h2.topic {
  margin: 0 5.5555555556vw 4.4444444444vw;
}
[data-component-pin="home"] .placard {
  margin-top: 6.6666666667vw;
}
[data-component-pin="home"] .liveTV-catalog {
  min-height: 61.1111111111vw;
}
[data-component-pin="home"] .liveTV-catalog h2.topic {
  margin: 0 5.5555555556vw 4.4444444444vw;
}
[data-component-pin="home"] .liveTV-catalog button.ghost,
[data-component-pin="home"] .liveTV-catalog a.ghost {
  margin: 6.6666666667vw auto 0;
}
[data-component-pin="home"] .magazine-preview h2.topic {
  margin: 0 5.5555555556vw 4.4444444444vw;
}
[data-component-pin="home"] .magazine-preview .swiper-controller {
  margin: -3.3333333333vw 0 2.2222222222vw;
  padding: 0 2.7777777778vw;
}
[data-component-pin="home"] .magazine-preview .magazine-display-w-category {
  padding: 0 5.5555555556vw;
}
[data-component-pin="home"]
.magazine-preview
.magazine-display-w-category
h2.topic {
  margin-bottom: 4.4444444444vw;
}
[data-component-pin="home"] .magazine-preview button.ghost,
[data-component-pin="home"] .magazine-preview a.ghost {
  margin: 6.6666666667vw auto 0;
}
[data-component-pin="home"] .brand-display-rail {
  padding: 0 5.5555555556vw;
}
[data-component-pin="home"] .brand-display-rail .section-header {
  padding-inline: 0;
}
[data-component-pin="home"] .brand-display-rail h2.topic {
  margin-bottom: 4.4444444444vw;
}
[data-component-pin="home"] .hot-now h2.topic,
[data-component-pin="home"] .new-in h2.topic,
[data-component-pin="home"] .rank-now h2.topic {
  margin: 0 5.5555555556vw 4.4444444444vw;
}
[data-component-pin="home"] .hot-now .swiper-controller,
[data-component-pin="home"] .new-in .swiper-controller,
[data-component-pin="home"] .rank-now .swiper-controller {
  padding: 0 5.5555555556vw;
}
[data-component-pin="home"] .hot-now button.ghost,
[data-component-pin="home"] .hot-now a.ghost,
[data-component-pin="home"] .new-in button.ghost,
[data-component-pin="home"] .new-in a.ghost,
[data-component-pin="home"] .rank-now button.ghost,
[data-component-pin="home"] .rank-now a.ghost {
  margin: 6.6666666667vw auto 0;
}
[data-component-pin="home"] .featured-catalog > ul {
  display: grid;
  row-gap: 4.4444444444vw;
}
[data-component-pin="home"] .featured-catalog .topic {
  margin: 0vw 5.5555555556vw 4.4444444444vw;
}
[data-component-pin="home"] .featured-catalog a {
  display: block;
}
[data-component-pin="home"] .featured-catalog .thumbnail {
  position: relative;
  overflow: hidden;
  width: 100vw;
  aspect-ratio: 360/360;
}
[data-component-pin="home"] .featured-catalog .thumbnail img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
[data-component-pin="home"] .featured-catalog figure {
  position: relative;
}
[data-component-pin="home"] .featured-catalog figcaption {
  position: relative;
  display: block;
  background-color: #fff;
  margin-left: 5.5555555556vw;
  padding: 4.4444444444vw;
  margin-top: -11.1111111111vw;
}
[data-component-pin="home"] .featured-catalog figcaption .brand {
  display: block;
  font-size: 3.3333333333vw;
  font-weight: 600;
  margin-bottom: 2.2222222222vw;
}
[data-component-pin="home"] .featured-catalog figcaption .label {
  font-size: 4.4444444444vw;
}
[data-component-pin="home"] > section + section {
  margin-top: 15.5555555556vw;
}
.feed-display-preview .topic {
  margin: 0 5.5555555556vw 4.4444444444vw;
}
.feed-display-preview ul:not(.navigator-list, .tile-list) {
  margin-inline: 5.5555555556vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2.2222222222vw 1.1111111111vw;
}
.feed-display-preview ul:not(.navigator-list, .tile-list) .thumbnail {
  width: 28.8888888889vw;
  height: 38.3333333333vw;
  position: relative;
  overflow: hidden;
}
.feed-display-preview ul:not(.navigator-list, .tile-list) .thumbnail img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.feed-display-preview ul:not(.navigator-list, .tile-list) figcaption .author {
  font-size: 3.0555555556vw;
  text-align: right;
  color: #999;
  margin-top: 1.1111111111vw;
  font-weight: 300;
}
.feed-display-preview button.ghost,
.feed-display-preview a.ghost {
  margin: 4.4444444444vw auto 0;
}
[data-component-pin="home-clubmall"] {
  padding-top: 24.4444444444vw;
  padding-bottom: 0;
}
[data-component-pin="home-clubmall"] .jumbotron {
  margin: 0 0 5.5555555556vw;
}
[data-component-pin="home-clubmall"] .category-shortcut > ul {
  margin: 0vw 5.5555555556vw 0;
}
[data-component-pin="home-clubmall"] .category-shortcut h2.topic {
  display: none;
  margin: 0 5.5555555556vw 4.4444444444vw;
}
[data-component-pin="home-clubmall"] .brand-catalog {
  min-height: 39.4444444444vw;
}
[data-component-pin="home-clubmall"] .brand-catalog h2.topic {
  display: none;
}
[data-component-pin="home-clubmall"] .brand-catalog {
  padding: 0 5.5555555556vw;
}
[data-component-pin="home-clubmall"] .placard h2.topic {
  display: none;
}
[data-component-pin="home-clubmall"] .placard .swiper-slide {
  height: 16.6666666667vw;
  overflow: hidden;
}
[data-component-pin="home-clubmall"] .banner .topic {
  display: none;
}
[data-component-pin="home-clubmall"] .only24h-deal {
  position: relative;
  padding: 8.8888888889vw 0 4.4444444444vw;
  background-color: #f8f8f8;
}
[data-component-pin="home-clubmall"] .only24h-deal h2.topic {
  position: relative;
  font-size: 5.5555555556vw;
  z-index: 2;
}
[data-component-pin="home-clubmall"] .only24h-deal .timer,
[data-component-pin="home-clubmall"] .only24h-deal .catalog-display-cockpit {
  position: relative;
  z-index: 2;
}
[data-component-pin="home-clubmall"]
.only24h-deal
.catalog-display-cockpit
.goods-card
.thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 640/853;
  background-color: #fff;
}
[data-component-pin="home-clubmall"]
.only24h-deal
.catalog-display-cockpit
.goods-card
.thumbnail
img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
[data-component-pin="home-clubmall"]
.only24h-deal
.catalog-display-cockpit
.goods-card
.thumbnail:after {
  display: none;
}
[data-component-pin="home-clubmall"] .only24h-deal .banner {
  margin: 6.6666666667vw 5.5555555556vw 0vw;
}
[data-component-pin="home-clubmall"] .only24h-deal .banner .indicator {
  margin-left: 0;
  margin-right: 0;
}
[data-component-pin="home-clubmall"] .only24h-deal button.ghost,
[data-component-pin="home-clubmall"] .only24h-deal a.ghost {
  margin: 6.6666666667vw auto 0;
}
[data-component-pin="home-clubmall"] .catalog-display-curated h2.topic {
  margin: 0 5.5555555556vw 4.4444444444vw;
}
[data-component-pin="home-clubmall"] .catalog-display-curated ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 4.4444444444vw 0vw;
}
[data-component-pin="home-clubmall"] .catalog-display-curated ul li {
  width: 33.3333333333vw;
}
[data-component-pin="home-clubmall"] .catalog-display-curated ul img {
  width: 100%;
}
[data-component-pin="home-clubmall"] .catalog-display-curated ul figcaption {
  text-align: center;
  padding: 2.2222222222vw 2.2222222222vw 0;
}
[data-component-pin="home-clubmall"] .catalog-display-curated ul figcaption p {
  font-size: 3.3333333333vw;
}
[data-component-pin="home-clubmall"] .catalog-display-w-look h2.topic {
  margin: 0 5.5555555556vw 4.4444444444vw;
}
[data-component-pin="home-clubmall"] .placard {
  margin-top: 6.6666666667vw;
}
[data-component-pin="home-clubmall"] .liveTV-catalog {
  min-height: 61.1111111111vw;
}
[data-component-pin="home-clubmall"] .liveTV-catalog h2.topic {
  margin: 0 5.5555555556vw 4.4444444444vw;
}
[data-component-pin="home-clubmall"] .liveTV-catalog button.ghost,
[data-component-pin="home-clubmall"] .liveTV-catalog a.ghost {
  margin: 6.6666666667vw auto 0;
}
[data-component-pin="home-clubmall"] .brand-display-rail {
  padding: 0 5.5555555556vw;
}
[data-component-pin="home-clubmall"] .brand-display-rail h2.topic {
  margin-bottom: 4.4444444444vw;
}
[data-component-pin="home-clubmall"] .hot-now h2.topic,
[data-component-pin="home-clubmall"] .new-in h2.topic,
[data-component-pin="home-clubmall"] .rank-now h2.topic {
  margin: 0 5.5555555556vw 4.4444444444vw;
}
[data-component-pin="home-clubmall"] .hot-now .swiper-controller,
[data-component-pin="home-clubmall"] .new-in .swiper-controller,
[data-component-pin="home-clubmall"] .rank-now .swiper-controller {
  padding: 0 5.5555555556vw;
}
[data-component-pin="home-clubmall"] .hot-now button.ghost,
[data-component-pin="home-clubmall"] .hot-now a.ghost,
[data-component-pin="home-clubmall"] .new-in button.ghost,
[data-component-pin="home-clubmall"] .new-in a.ghost,
[data-component-pin="home-clubmall"] .rank-now button.ghost,
[data-component-pin="home-clubmall"] .rank-now a.ghost {
  margin: 6.6666666667vw auto 0;
}
[data-component-pin="home-clubmall"] .featured-catalog > ul {
  display: grid;
  row-gap: 4.4444444444vw;
}
[data-component-pin="home-clubmall"] .featured-catalog .topic {
  margin: 0vw 5.5555555556vw 4.4444444444vw;
}
[data-component-pin="home-clubmall"] .featured-catalog a {
  display: block;
}
[data-component-pin="home-clubmall"] .featured-catalog .thumbnail {
  position: relative;
  overflow: hidden;
  width: 100vw;
  aspect-ratio: 360/360;
}
[data-component-pin="home-clubmall"] .featured-catalog .thumbnail img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
[data-component-pin="home-clubmall"] .featured-catalog figure {
  position: relative;
}
[data-component-pin="home-clubmall"] .featured-catalog figcaption {
  position: relative;
  display: block;
  background-color: #fff;
  margin-left: 5.5555555556vw;
  padding: 4.4444444444vw;
  margin-top: -11.1111111111vw;
}
[data-component-pin="home-clubmall"] .featured-catalog figcaption .brand {
  display: block;
  font-size: 3.3333333333vw;
  font-weight: 600;
  margin-bottom: 2.2222222222vw;
}
[data-component-pin="home-clubmall"] .featured-catalog figcaption .label {
  font-size: 4.4444444444vw;
}
[data-component-pin="home-clubmall"] .feed-display-preview .topic {
  margin: 0 5.5555555556vw 4.4444444444vw;
}
[data-component-pin="home-clubmall"] .feed-display-preview ul {
  margin: 0 5.5555555556vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2.2222222222vw 1.1111111111vw;
}
[data-component-pin="home-clubmall"] .feed-display-preview ul .thumbnail {
  width: 28.8888888889vw;
  height: 38.3333333333vw;
  position: relative;
  overflow: hidden;
}
[data-component-pin="home-clubmall"] .feed-display-preview ul .thumbnail img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
[data-component-pin="home-clubmall"]
.feed-display-preview
ul
figcaption
.author {
  font-size: 3.0555555556vw;
  text-align: right;
  color: #999;
  margin-top: 1.1111111111vw;
  font-weight: 300;
}
[data-component-pin="home-clubmall"] .feed-display-preview button.ghost,
[data-component-pin="home-clubmall"] .feed-display-preview a.ghost {
  line-height: 1;
}
html.touch-top #floating-toast,
html.scrolling-reverse #floating-toast,
html.touch-bottom #floating-toast,
html.scrolling #floating-toast {
  top: calc(50% - 6.25vw);
  transform: translateY(-50%);
  transition: bottom 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.clubmall-billboard-hero {
  padding-top: 25vw !important;
}
.navigator-item .navigator-text {
  font-weight: 400 !important;
  border-width: 0vw !important;
}
.navigator-list .navigator-item .navigator-text {
  line-height: 11.6666666667vw;
}
.navigator-list .navigator-button.active .navigator-text {
  position: relative;
  font-weight: 600 !important;
}
.navigator-list .navigator-button.active .navigator-text:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0vw;
  height: 0.5555555556vw;
  background-color: #000;
}
.navigator.st-pill .navigator-list .navigator-text {
  font-size: 3.6111111111vw !important;
  font-weight: 400 !important;
  line-height: 4.1666666667vw !important;
  color: #999 !important;
}
.navigator.st-pill .navigator-list .navigator-button.active .navigator-text {
  color: #fff !important;
  font-weight: 400 !important;
}
.nav-scrollspy.st-large {
  height: 11.1111111111vw;
}
.selectbox-text.mt-n5 {
  margin-top: -0.8333333333vw !important;
}
.navigator-list .focus-dot {
  top: 1.6666666667vw !important;
}
.page-utility .icon-search.st-black {
  background: url("../img/pictogram-loupe@2x.png") no-repeat center;
  background-size: 11.1111111111vw;
}
.page-utility .icon-bag.st-black {
  background: url("../img/pictogram-bag@2x.png") no-repeat center;
  background-size: 11.1111111111vw;
}
.page-utility .button-icon .icon-badge,
.page-utility .goods-card .tile-heart .icon-badge,
.goods-card .page-utility .tile-heart .icon-badge {
  font-weight: 400;
  min-width: 5.5555555556vw;
  height: 5.5555555556vw;
  background-color: #000;
  border-radius: 100vw;
  font-size: 2.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1.1111111111vw;
  font-variant-numeric: tabular-nums;
}
.navigator.st-sub
.navigator-list
.navigator-button.active
.navigator-text:after,
.navigator.st-large
.navigator-list
.navigator-button.active
.navigator-text:after {
  display: none;
}
.twinkle .sky {
  pointer-events: none;
}
.twinkle {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  inset: 0;
  z-index: 10;
}
.twinkle .sky {
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.twinkle.show {
  visibility: visible;
  animation: 0.5s fadein 0.2s forwards;
}
.star-blink {
  pointer-events: none;
}
.star-blink:nth-child(6n) {
  display: none;
}
.star-blink {
  position: absolute;
  width: 10px;
  height: 7px;
  background-color: transparent;
  border-radius: 50%;
  z-index: 0;
  transform: rotate(0) scale(0.08);
  backface-visibility: hidden;
  animation: blinkAfter 15s infinite ease-out;
}
.star-blink div {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transform: rotate(45deg) scale(0.75);
  box-shadow:
          0 0 2px 2px #fff3,
          0 0 2px 2px #ffffff1a,
          0 0 2px 2px #ffffff1a,
          0 0 2px 2px #ffffff1a;
  backface-visibility: hidden;
}
.star-blink:after,
.star-blink:before,
.star-blink div:after,
.star-blink div:before {
  content: "";
  position: absolute;
  display: block;
  top: -400%;
  left: 45%;
  height: 900%;
  width: 10%;
  border-radius: 50%;
  background: linear-gradient(to bottom, #ffffff4d, #fff, #ffffff4d);
  z-index: 1;
  box-shadow: 0 0 #fff;
  -webkit-backface-visibility: hidden;
}
.star-blink:before,
.star-blink div:before {
  transform: rotate(90deg);
}
.star-blink.color1:after,
.star-blink.color1:before,
.star-blink.color1 div:after,
.star-blink.color1 div:before {
  box-shadow: 0 0 25px #8feaffe0;
}
.star-blink.color2:after,
.star-blink.color2:before,
.star-blink.color2 div:after,
.star-blink.color2 div:before {
  box-shadow: 0 0 25px #d56546a1;
}
#snowing {
  opacity: 0;
  position: fixed;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
#snowing.show {
  animation: 0.5s fadein 0.2s forwards;
}
.paper {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.paper:before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
}
.paper:after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: linear-gradient(190deg, #c9c9c91a, #5556);
}
.dropplets {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(8deg);
  position: absolute;
  z-index: 100;
}
.dropplet {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.dropplet:nth-child(1) {
  top: calc(50% - 130px);
  left: calc(50% + 110px);
}
.dropplet:nth-child(1):after {
  content: "";
  top: -25px;
  left: -55px;
  position: absolute;
  width: 80px;
  height: 75px;
  border-radius: 50%/50% 50% 45% 45%;
  background-image: radial-gradient(
          ellipse at center,
          white 40%,
          transparent 60%
  );
  background-size: 10px 6px;
  background-position: 60% 25%;
  background-repeat: no-repeat;
  box-shadow:
          inset 14px 0 5px -10px #0003,
          inset 13px 0 2px -10px #0003,
          inset 0 -3px 5px #faf1dc80,
          inset 0 -20px 10px 1px #ffffff4d,
          inset -20px 10px 5px -20px #0000004d,
          inset -20px 15px 10px -20px #0003,
          inset 0 20px 30px -5px #0000004d,
          0 2px 1px -1px #f00c,
          -16px 13px 5px -20px #000,
          17px 13px 5px -20px #000,
          15px 19px 5px -20px #000,
          -2px 34px 1px -30px #0006,
          -2px 35px 3px -30px #ffffff4d,
          -1px 16px 3px -5px #00000080,
          -1px 21px 3px -5px #0006,
          1px -1px 5px #32323280;
}
.dropplet:nth-child(1):before {
  content: "";
  top: -25px;
  left: -55px;
  position: absolute;
  width: 80px;
  height: 75px;
  border-radius: 50%/50% 50% 45% 45%;
}
.dropplet:nth-child(2):after {
  content: "";
  top: -25px;
  left: -55px;
  position: absolute;
  width: 100px;
  height: 80px;
  border-radius: 50%/45% 45% 55% 55%;
  background-image: radial-gradient(
          ellipse at center,
          rgba(0, 0, 0, 0.1) 0%,
          white 10%,
          white 40%,
          transparent 60%
  );
  background-size: 12px 8px;
  background-position: 60% 25%;
  background-repeat: no-repeat;
  box-shadow:
          inset 0 1px 10px #0003,
          inset 14px 5px 2px -10px #a9a8a8b3,
          inset 0 -3px 5px #faf1dc1a,
          inset 0 -5px 20px 1px #ffffff1a,
          inset -3px 3px 2px #a9a8a880,
          inset -23px 7px 2px -20px #a9a8a84d,
          inset -20px 15px 10px -20px #0000004d,
          inset 0 2px 1px #3a02024d,
          inset 0 30px 30px #0003,
          0 2px 1px -1px #f5b7b799,
          0 4px 2px -1px #83838380,
          -20px -4px 5px -20px #666,
          -22px 8px 5px -20px #666,
          -20px 16px 5px -20px #666,
          17px 13px 5px -20px #666,
          15px 19px 5px -20px #6c6c6c,
          -1px 16px 3px -5px #00000080,
          -1px 21px 3px -5px #0000004d,
          0 0 2px #0000001a;
}
.dropplet:nth-child(2):before {
  content: "";
  top: -25px;
  left: -55px;
  position: absolute;
  width: 100px;
  height: 80px;
  border-radius: 50%/45% 45% 55% 55%;
}
.dropplet:nth-child(3) {
  top: calc(50% + 120px);
  left: calc(50% - 80px);
}
.dropplet:nth-child(3):after {
  content: "";
  top: -25px;
  left: -55px;
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 90% 60% 100% 50%/90% 50% 100% 45%;
  background-image: radial-gradient(
          ellipse at center,
          white 40%,
          transparent 60%
  );
  background-size: 10px 10px;
  background-position: 60% 25%;
  background-repeat: no-repeat;
  box-shadow:
          inset 13px -4px 4px -10px #0006,
          inset 14px -4px 10px -10px #0003,
          inset 0 -3px 10px 1px #faf1dccc,
          inset 0 -15px 10px #0003,
          inset -20px 10px 5px -20px #0003,
          inset -20px 15px 10px -20px #0003,
          inset 0 3px 2px 1px #0003,
          inset 0 30px 20px -5px #0000004d,
          0 2px 1px -1px #f00c,
          -16px 13px 5px -20px #000,
          17px 13px 5px -20px #000,
          15px 19px 5px -20px #000,
          -1px 16px 3px -5px #0006,
          -1px 21px 3px -5px #0000004d,
          1px -1px 1px #3232321a;
}
.dropplet:nth-child(3):before {
  content: "";
  top: -25px;
  left: -55px;
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 90% 60% 100% 50%/90% 50% 100% 45%;
}
.dropplet:nth-child(4) {
  top: calc(50% + 160px);
  left: calc(50% + 90px);
}
.dropplet:nth-child(4):after {
  content: "";
  top: -25px;
  left: -55px;
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-image: radial-gradient(
          ellipse at center,
          white 30%,
          transparent 60%
  );
  background-size: 6px 6px;
  background-position: 60% 25%;
  background-repeat: no-repeat;
  box-shadow:
          inset 15px 0 5px -10px #0003,
          inset 13px 0 2px -10px #0003,
          inset 0 -3px 5px #faf1dc80,
          inset 0 -20px 10px 1px #ffffff4d,
          inset -23px 10px 5px -20px #0000004d,
          inset -20px 15px 10px -20px #0003,
          inset 0 25px 20px -5px #0000004d,
          0 2px 1px -1px #f00c,
          -17px 10px 5px -20px #000,
          14px 20px 5px -20px #000,
          16px 14px 5px -20px #000,
          -2px 27px 5px -20px #ffffff4d,
          -1px 14px 3px -5px #00000080,
          -1px 18px 3px -5px #0006,
          0 -1px 5px #55555580;
}
.dropplet:nth-child(4):before {
  content: "";
  top: -25px;
  left: -55px;
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.dropplet:nth-child(5) {
  top: calc(50% - 180px);
  left: calc(50% - 30px);
}
.dropplet:nth-child(5):after {
  content: "";
  top: -25px;
  left: -55px;
  position: absolute;
  width: 65px;
  height: 68px;
  border-radius: 50%/50% 50% 45% 45%;
  background-image: radial-gradient(
          ellipse at center,
          white 40%,
          transparent 60%
  );
  background-size: 10px 6px;
  background-position: 60% 25%;
  background-repeat: no-repeat;
  box-shadow:
          inset 12px 5px 5px -10px #0000004d,
          inset 10px 5px 2px -10px #0003,
          inset -1px -3px 5px #faf1dc80,
          inset -1px -20px 10px 1px #ffffff4d,
          inset -20px 10px 5px -20px #0006,
          inset -20px 15px 10px -20px #0006,
          inset 0 20px 30px -5px #0000004d,
          0 2px 1px -1px #f00c,
          -18px 11px 5px -20px #000000e6,
          -17px 19px 5px -20px #0009,
          17px 12px 5px -20px #000000e6,
          15px 18px 5px -20px #000000e6,
          -4px 30px 1px -25px #0006,
          -4px 32px 3px -25px #ffffff1a,
          -1px 14px 3px -5px #00000080,
          -1px 19px 3px -5px #0006,
          1px -1px 5px #32323280;
}
.dropplet:nth-child(5):before {
  content: "";
  top: -25px;
  left: -55px;
  position: absolute;
  width: 65px;
  height: 68px;
  border-radius: 50%/50% 50% 45% 45%;
}
.dropplet:nth-child(6) {
  top: calc(50% - 60px);
  left: calc(50% - 30px);
}
.dropplet:nth-child(6):after {
  content: "";
  top: -25px;
  left: -55px;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%/50% 50% 45% 45%;
  background-image: radial-gradient(
          ellipse at center,
          white 40%,
          transparent 60%
  );
  background-size: 5px 6px;
  background-position: 60% 25%;
  background-repeat: no-repeat;
  box-shadow:
          inset 14px 0 5px -10px #0003,
          inset 13px 0 5px -10px #0003,
          inset 0 -3px 5px #faf1dc80,
          inset 0 -20px 10px 1px #ffffff4d,
          inset -20px 10px 5px -20px #0000004d,
          inset -20px 15px 10px -20px #0003,
          inset 0 20px 30px -5px #0000004d,
          0 2px 1px -1px #f00c,
          -9px 10px 3px -10px #0006,
          8px 14px 2px -10px #0003,
          10px 10px 5px -10px #0003,
          1px 15px 3px -10px #ffffff4d,
          -1px 14px 3px -6px #00000080,
          -1px 17px 3px -6px #0003,
          1px -1px 5px #32323280;
}
.dropplet:nth-child(6):before {
  content: "";
  top: -25px;
  left: -55px;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%/50% 50% 45% 45%;
}
.dropplet:nth-child(7) {
  top: calc(50% - 30px);
  left: calc(50% - 80px);
}
.dropplet:nth-child(7):after {
  content: "";
  top: -25px;
  left: -55px;
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50% 60% 40% 70%/50% 60% 50% 70%;
  background-image: radial-gradient(
          ellipse at center,
          white 50%,
          transparent 50%
  );
  background-size: 3px 3px;
  background-position: 60% 25%;
  background-repeat: no-repeat;
  box-shadow:
          inset 10px 10px 5px -10px #0003,
          inset 10px 10px 2px -10px #0003,
          inset 1px -3px 5px #faf1dc80,
          inset 1px -20px 10px 1px #ffffff4d,
          inset -20px 15px 5px -20px #0000004d,
          inset -20px 15px 10px -20px #0003,
          inset 0 20px 30px -5px #0000004d,
          -1px 2px 1px -1px #f00c,
          -1px 5px 2px #000c,
          1px -1px 5px #0003;
}
.dropplet:nth-child(7):before {
  content: "";
  top: -25px;
  left: -55px;
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50% 60% 40% 70%/50% 60% 50% 70%;
}
.dropplet:nth-child(8) {
  top: calc(50% + 20px);
  left: calc(50% - 80px);
}
.dropplet:nth-child(8):after {
  content: "";
  top: -25px;
  left: -55px;
  position: absolute;
  width: 45px;
  height: 45px;
  border-radius: 60% 50%;
  background-image: radial-gradient(
          ellipse at center,
          white 50%,
          transparent 60%
  );
  background-size: 4px 4px;
  background-position: 60% 25%;
  background-repeat: no-repeat;
  box-shadow:
          inset 14px 0 5px -10px #0003,
          inset 13px 0 2px -10px #0003,
          inset 0 -3px 5px #faf1dc80,
          inset 0 -20px 10px 1px #ffffff4d,
          inset -20px 10px 5px -20px #0000004d,
          inset -20px 15px 10px -20px #0003,
          inset 0 20px 30px -5px #0000004d,
          0 2px 1px -1px #f00c,
          -17px 16px 5px -20px #000,
          -18px 10px 5px -20px #000,
          19px 10px 5px -20px #000,
          16px 15px 5px -20px #000,
          14px 20px 5px -20px #000,
          -4px 19px 3px -17px #fff,
          -1px 13px 3px -5px #00000080,
          -1px 15px 3px -5px #0006,
          1px -1px 5px #0000004d;
}
.dropplet:nth-child(8):before {
  content: "";
  top: -25px;
  left: -55px;
  position: absolute;
  width: 45px;
  height: 45px;
  border-radius: 60% 50%;
}
@media only screen and (max-width: 800px) {
  .dropplets {
      transform: scale(0.7);
  }
}
.no-filter {
  width: 100%;
  height: 100%;
}
.no-filter > .dropplet {
  visibility: hidden;
  opacity: 0;
}
.no-filter.show > .dropplet {
  visibility: visible;
  animation: 0.5s fadein 0.2s forwards;
}
.shorts-catalog {
  padding: 0 5.5555555556vw;
}
.shorts-catalog > ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 4.4444444444vw 2.2222222222vw;
}
.shorts-card .thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 140/249;
  border-radius: 2.2222222222vw;
  background-size: 500%;
  background-position-x: 100%;
}
.shorts-card .thumbnail iframe {
  position: absolute;
  width: 230.5555555556vw;
  height: 410vw;
  transform: translate(-50%, -50%) scale(0.2);
  transform-origin: center center;
  left: 50%;
  top: 50%;
  border: 0;
}
.shorts-card .thumbnail:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #0000;
  transform: translateZ(0);
}
.shorts-card .thumbnail img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.shorts-card .label,
.shorts-card .author {
  margin-top: 2.2222222222vw;
  font-size: 3.3333333333vw;
  line-height: 4.4444444444vw;
}
.shorts-card .label {
  font-weight: 400;
}
.shorts-card .author {
  color: #999;
  display: block;
  height: 4.4444444444vw;
  overflow: hidden;
}
.shorts-card .author span {
  width: 100%;
}
.magazine-shorts {
  padding: 0 0 0 5.5555555556vw;
}
.magazine-shorts .swiper-slide {
  margin-right: 2.2222222222vw;
  width: 38.8888888889vw;
}
.magazine-shorts .swiper-slide:last-of-type {
  width: 33.3333333333vw;
  height: 69.1666666667vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.magazine-shorts .swiper-slide:last-of-type a {
  font-size: 3.3333333333vw;
  color: #999;
}
.magazine-shorts .swiper-slide:last-of-type a span {
  display: block;
}
.magazine-shorts .swiper-slide:last-of-type a .pictogram {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-size: 6.6666666667vw;
  margin: 0 auto;
  margin-bottom: 1.1111111111vw;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/pictogram-more@2x.png");
}
#spinner {
  position: fixed;
  inset: 0;
  background-color: #fffc;
  z-index: 10000;
  pointer-events: auto;
}
#spinner:before {
  content: "";
  display: block;
  width: 11.1111111111vw;
  height: 2.7777777778vw;
  background-image: url("../img/spinner@3x.gif");
  background-size: 11.1111111111vw;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@keyframes zmImg {
  to {
      transform: scale(1.2);
  }
}
.motionLib-zmImg {
  position: relative;
  overflow: hidden;
}
.motionLib-zmImg img {
  display: block;
  width: 100%;
}
.motionLib-zmImg > img {
  position: absolute;
  inset: 0;
}
.motionLib-zmImg-hero img {
  transform-origin: 50% 35%;
  transform: scale(1);
  animation: zmImg 1s ease-in-out forwards;
}
.breadcrumb {
  display: flex;
  background-color: #f8f8f8;
  height: 8.8888888889vw;
  padding: 0 5.5555555556vw;
  align-items: center;
}
.breadcrumb li {
  display: flex;
  font-size: 3.3333333333vw;
  font-weight: 300;
  color: #999;
}
.breadcrumb li:after {
  display: block;
  content: ">";
  padding: 0 0.8333333333vw;
}
.breadcrumb li:last-of-type:after {
  display: none;
}
.view-goods-general {
  padding-top: 5.5555555556vw;
}
.view-goods-general .breadcrumb {
  margin-bottom: 2.7777777778vw;
}
.navigation-bar li > a.st-primary,
.navigator a.st-primary {
  color: #006bff;
  font-weight: 600;
}
.navigator .st-primary .navigator-text {
  color: #006bff;
  font-weight: 600 !important;
}
.navigator.st-dark .navigator-list .navigator-text {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.navigator.st-dark .navigator-list .navigator-button {
  height: 100%;
  display: flex;
  padding: 0 2.7777777778vw;
}
.navigator.st-dark .navigator-list .navigator-button.marker span:before {
  content: " ";
  font-size: 0;
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  position: absolute;
  background-color: #006bff;
  border-radius: 50%;
  top: 1.6666666667vw;
  right: -1.1111111111vw;
}
.navigator.st-dark .navigator-list .navigator-button.active {
  font-weight: 600;
}
.navigator.st-dark .navigator-list .navigator-button.active span:after {
  display: block;
  background-color: #fff;
}
#nav-clubmall.navigator {
  padding-left: 1.6666666667vw;
  padding-right: 1.6666666667vw;
  padding-top: 1px;
  margin-top: -1px;
}
#nav-clubmall.navigator .navigator-list .navigator-button {
  padding: 0 3.8888888889vw;
}
#nav-clubmall.navigator .navigator-list .navigator-button.marker span:before {
  background-color: #f36;
}
.banner-catalog-rail .swiper-slide:not(:last-child) {
  margin-right: 2.2222222222vw;
}
.banner-catalog-rail .indicator {
  margin-inline: 0;
  margin-top: 4.4444444444vw;
}
.recommended-corner {
  margin-top: 13.3333333333vw;
}
.hot-now h2.topic,
.new-in h2.topic,
.rank-now h2.topic {
  margin: 0 5.5555555556vw 3.3333333333vw;
}
.hot-now .swiper-controller,
.new-in .swiper-controller,
.rank-now .swiper-controller {
  padding: 0 5.5555555556vw;
}
.hot-now button.ghost,
.hot-now a.ghost,
.new-in button.ghost,
.new-in a.ghost,
.rank-now button.ghost,
.rank-now a.ghost {
  margin: 6.6666666667vw auto 0;
}
.magazine-preview h2.topic {
  margin: 0 5.5555555556vw 4.4444444444vw;
}
.magazine-preview .swiper-controller {
  margin: -3.3333333333vw 0 2.2222222222vw;
  padding: 0 2.7777777778vw;
}
.magazine-preview .magazine-display-w-category {
  padding: 0 5.5555555556vw;
}
.magazine-preview .magazine-display-w-category h2.topic {
  margin-bottom: 4.4444444444vw;
}
.magazine-preview button.ghost,
.magazine-preview a.ghost {
  margin: 6.6666666667vw auto 0;
}
.contents-inner {
  margin-top: 10.8333333333vw;
}
.jumbotron {
  margin: 2.2222222222vw 0 5.5555555556vw;
}
.jumbotron h2.topic {
  margin: 0 5.5555555556vw 4.4444444444vw;
  display: none;
}
.jumbotron:has(+ .navigator.st-tile),
.jumbotron:has(+ :not(.modal) .navigator.st-tile:not(.modal *)) {
  margin-bottom: 0;
}
#contents[data-component-pin="fullpage"] {
  padding-top: 0;
  padding-bottom: 0;
}
#contents[data-component-pin="fullpage"] .contents-inner {
  height: calc(100vh - 24.4444444444vw - 12.7777777778vw);
  height: calc(100dvh - 24.4444444444vw - 12.7777777778vw);
  margin-top: 24.4444444444vw;
}
.category-billboard {
  width: 100%;
}
.category-billboard a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.category-billboard .thumbnail,
.category-billboard figure {
  width: 100%;
  height: 100%;
}
.category-billboard img,
.category-billboard video,
.category-billboard iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.category-billboard .st-video {
  aspect-ratio: var(--videoRatio, 9/16);
  position: relative;
  overflow: hidden;
}
.category-billboard figcaption {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 11.1111111111vw 16.6666666667vw;
}
.category-billboard figcaption:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(0deg, #000 0.51%, #54545400 99.34%);
  opacity: 0.3;
}
.category-billboard .label {
  position: relative;
  font-size: 6.6666666667vw;
  line-height: 7.7777777778vw;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
.category-billboard .label + .copy {
  margin-top: 4.4444444444vw;
}
.category-billboard .copy {
  position: relative;
  font-size: 3.8888888889vw;
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
.category-billboard--full {
  position: relative;
  max-width: 720px;
  margin: 0 auto;
  height: 100%;
}
.category-billboard--full .swiper-slide {
  aspect-ratio: 9/16;
  max-height: 177.7777777778vw;
}
.category-billboard--full .thumbnail,
.category-billboard--full figure {
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.category-billboard--full .st-video {
  position: relative;
}
.category-billboard--full .st-video:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.category-billboard--full .thumbnail img,
.category-billboard--full .thumbnail video,
.category-billboard--full .thumbnail iframe {
  aspect-ratio: 9/16;
}
.category-billboard--full .thumbnail iframe.spot-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 200%;
}
.category-billboard--full figcaption {
  align-items: flex-start;
  height: 177.7777777778vw;
  padding-left: 5.5555555556vw;
  padding-right: 16.6666666667vw;
  padding-top: 106.3888888889vw;
  justify-content: flex-start;
}
.category-billboard--full figcaption .label {
  text-align: left;
}
.category-billboard--full figcaption .copy {
  display: -webkit-box;
  max-height: 9.3333333333vw;
  font-size: 3.8888888889vw;
  line-height: 1.2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  text-align: left;
}
.category-billboard--full .swiper-pagination {
  right: 5.5555555556vw;
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
}
.category-billboard--full .swiper-pagination-bullet {
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  box-shadow: 0 0.5555555556vw 1.1111111111vw #0003;
  background: #fff;
  opacity: 0.5;
}
.category-billboard--full .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}
.category-billboard--full
.swiper-pagination.swiper-pagination-vertical
.swiper-pagination-bullet {
  margin: 0;
}
.history-list .order-detail {
  margin-top: 0.8333333333vw;
  display: flex;
  align-items: center;
}
.history-list .order-detail .button-cta {
  margin-left: 0.5555555556vw;
}
.history-list .order-detail .button-cta .button-text {
  text-decoration: underline;
  text-decoration-color: #006bff;
  font-size: 3.3333333333vw;
}
.history-list__detail {
  padding: 5.5555555556vw 2.7777777778vw 3.6111111111vw;
}
.masonry-gallery {
  width: 88.8888888889vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.masonry-gallery__item {
  width: 43.3333333333vw;
}
.masonry-gallery__item .spot-visual {
  border-radius: 2.2222222222vw;
  overflow: hidden;
}
.masonry-gallery__item .spot-visual.st-play:before {
  display: block;
}
.masonry-gallery__item .label {
  margin-top: 2.2222222222vw;
}
.masonry-gallery__item .label .text-inner {
  font-weight: 600;
  display: -webkit-box;
  max-height: 11.0444444444vw;
  font-size: 3.8888888889vw;
  line-height: 1.42;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.masonry-container .tab-pane {
  display: block;
  visibility: hidden;
  position: absolute;
  left: -9999px;
  pointer-events: none;
}
.masonry-container .tab-pane.active {
  visibility: visible;
  position: static;
  left: auto;
  pointer-events: auto;
}
.shorts-card .st-video:after {
  background-image: url("../img/icons/icon-play-circle-super__white_full.png");
}
.goods-card .tile-ts {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.goods-card .tile-ts.tile-badge {
  top: 1.1111111111vw;
  left: 1.1111111111vw;
}
.goods-card .tile-te {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
}
.goods-card .tile-be {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
}
.goods-card .tile-bs {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
}
.goods-card .tile-heart {
  padding: 2.2222222222vw;
  margin-top: -0.8333333333vw;
  margin-right: -0.8333333333vw;
  z-index: 3;
}
#my-wishlist {
  padding-top: 15vw;
}
#my-wishlist .tab-section {
  position: fixed;
  top: 0;
  z-index: 10;
  background-color: #fff;
  transform: translateY(13.6111111111vw);
}
#my-wishlist .tile-body .tile-price-box {
  margin-top: 2.2222222222vw;
}
.nav-scrollspy-wrap.has-megamenu .nav-scrollspy.st-fixed .navigator {
  top: 25vw;
}
.nav-scrollspy-wrap.has-megamenu .nav-scrollspy.st-fixed .navigator.st-small {
  top: 36.3888888889vw;
  transform: translateY(0);
}

.brand-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 13.8888888889vw;
  padding: 0 5.5555555556vw 0 1.6666666667vw;
  background-color: #fff;
}
.brand-header .page-utility__heart {
  margin-left: 1.1111111111vw;
}