/* Header Transparent */
#header .header__menuWrap {
  background: rgba(121,121,121,0.2);
}

/* #header .fadeOut .header__menuWrap {
  background: none;
} */

.topGeneral {
  overflow: hidden;
}

.fullSlider {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 0;
}

.fullSliderOuter {
  height: 91vh;
  height: 91svh;
  overflow: hidden;
}

.top__inner {
  position: relative;
  /* padding-top: 93vh; */
  padding-top: 2vh;
}

.top__parallaxBg {
  background-color: #FFFFFF;
}

/* @media (hover: hover) and (pointer: fine) { */
  .upImgWrap {
    overflow: hidden;
  }
  .upImgWrap > a:hover {
    opacity: 1;
  }

  .upImgWrap > a:hover img.upImg {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
    -webkit-transition: 750ms all;
    -o-transition: 750ms all;
    transition: 750ms all;
    opacity: 1;
  }

  img.upImg {
    -webkit-transition: 750ms all;
    -o-transition: 750ms all;
    transition: 750ms all;
  }
/* } */

@media screen and (max-width: 767px){
  .fullSliderOuter {
    height: 85vh;
    height: 85svh;
    overflow: hidden;
  }

  .top__inner {
    padding-top: 0;
  }
}

.link-view-more {
  width: 7.5rem;
  height: 2.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  margin-top: 1.875rem;
  border-radius: 4px;
  background-color: #111111;
  font-size: 0.875rem;
  font-family: var(--font-eng);
  font-weight: 600;
  font-style: italic;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #FFFFFF;
  -webkit-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}

@media screen and (min-width: 768px){
  .link-view-more {
    width: 11.25rem;
    margin-top: 2.5rem;
  }
}

/* News List */
.newsList {
  width: 100%;
  padding: 5rem 0;
  background-color: #F5F5F5;
}

.newsList__inner {
  width: 100%;
  max-width: 62.5rem;
  margin: 0 auto;
}

.newsList__ttlWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.newsList__content {
  margin-top: 1.875rem;
}

.newsList__cardUnit > * + * {
  margin-top: 3px;
}

.newsList__card {
  padding: 1.5625rem 2.5rem;
  background: #FFFFFF;
}

.newsList__cardLinks > dl > dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
}

.newsList__cardLinks .newsList__date {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-size: 0.875rem;
  font-family: var(--font-eng);
  font-weight: 500;
  color: #888888;
  font-style: italic;
  letter-spacing: 0.08em;
}

.newsList__cardLinks .newsList__text {
  margin-left: 2.5rem;
  position: relative;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--color-font-primary);
  letter-spacing: 0.08em;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.newsList__cardLinks .newsList__text::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  border-left: 1px solid #CCCCCC;
  position: absolute;
  top: 0;
  left: -1.25rem;
  z-index: 1;
}

.newsList .link-view-more {
  margin: 0;
}

@media screen and (max-width: 1023px){
  .newsList {
    padding: 4.375rem 0;
  }

  .newsList__ttlWrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .newsList__ttlWrap .topBrandSectionTtl .sectionTtl {
    margin: 0;
  }

  .newsList__inner {
    max-width: 92%;
  }

  .newsList__card {
    padding: 1.25rem 0.9375rem;
  }

  .newsList__cardLinks > dl > dd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .newsList__cardLinks .newsList__text {
    margin-left: 0;
    margin-top: 0.625rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .newsList__cardLinks .newsList__text::before {
    display: none;
  }
}

/* Shop List */
.topShopListBanner {
  padding: 5rem 0;
}

.topShopListBanner__inner {
  width: 100%;
  max-width: 90rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  /* justify-content: flex-start; */
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /* flex-wrap: wrap; */
  gap: 0.625rem;
  margin: 0 auto;
  padding: 0 1rem;
}

.topShopListBanner__banner {
  -webkit-flex-basis: 49%;
      -ms-flex-preferred-size: 49%;
          flex-basis: 49%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 0.625rem;
  gap: 0.625rem;
}

.topShopListBanner__shopList {
  -webkit-flex-basis: 49.7%;
      -ms-flex-preferred-size: 49.7%;
          flex-basis: 49.7%;
  /* flex-basis: 50%; */
  position: relative;
}

.topShopListBanner__shopList img {
  width: 100%;
}

.topShopListBanner__shopListTtlWrap {
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 4;
}

.topShopListBanner__shopList > a {
  position: relative;
}

.topShopListBanner__shopList > a::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: #797979;
  opacity: 0.7;
  mix-blend-mode: multiply;
  position: absolute;
  inset: 0;
  z-index: 3;
}

.topShopListBanner__shopListTtl {
  margin-bottom: 1.25rem;
  font-size: 2.5rem;
  font-family: var(--font-eng);
  font-weight: 600;
  font-style: italic;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #FFFFFF;
  text-align: center;
}

.topShopListBanner__shopListBtn {
  width: 100%;
  max-width: 11.25rem;
  height: 2.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #111111;
  font-size: 0.875rem;
  font-family: var(--font-eng);
  font-weight: 500;
  font-style: italic;
  color: #FFFFFF;
  letter-spacing: 0.05em;
  -webkit-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}

.topShopListBanner__shopList > a:hover .topShopListBanner__shopListBtn {
  opacity: 1;
  background-color: var(--color-secondary);
  color: var(--color-font-primary);
}

@media screen and (max-width: 1023px){
  .topShopListBanner {
    padding: 4.375rem 0;
  }

  .topShopListBanner__inner {
    max-width: 92%;
    /* gap: 0.625rem 0; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }

  .topShopListBanner__banner {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    gap: 0.3125rem;
  }

  .topShopListBanner__bannerItem {
    -webkit-flex-basis: calc(50% - 5px);
        -ms-flex-preferred-size: calc(50% - 5px);
            flex-basis: calc(50% - 5px);
  }

  .topShopListBanner__bannerItem img {
    width: 100%;
  }

  .topShopListBanner__shopList {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    margin-top: 1.5625rem;
  }

  .topShopListBanner__shopListTtl {
    margin-bottom: 1.0625rem;
    font-size: 2rem;
  }

  .topShopListBanner__shopList img {
    width: 100%;
  }

  .topShopListBanner__shopListBtn {
    max-width: 7.6875rem;
    height: 2.5rem;
    font-size: 0.8125rem;
  }
}

/* Staff Snap */
.staffSnap {
  position: relative;
  padding-top: 3.75rem;
  padding-bottom: 5rem;
}

.staffSnap::before {
  content: "";
  width: 100%;
  height: 100%;
  max-height: 9rem;
  background-color: var(--color-secondary);
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.staffSnap::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  max-height: 23.625rem;
  -webkit-transform: skewY(-8deg);
      -ms-transform: skewY(-8deg);
          transform: skewY(-8deg);
  background-color: var(--color-secondary);
  position: absolute;
  bottom: 2rem;
  right: 0;
  z-index: 1;
}

.staffSnap__inner::before {
  content: "";
  width: 100%;
  height: 4px;
  border: 4px solid var(--color-secondary);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.staffSnap__content {
  position: relative;
  z-index: 2;
}

.staffSnap__description {
  width: 100%;
  max-width: 15.625rem;
  margin: 0 auto;
  margin-bottom: 2.5rem;
}

.staffSnap__ttl {
  margin-bottom: 2.5rem;
  font-family: var(--font-eng);
}

.staffSnap__ttl img {
  width: 100%;
}

.staffSnap__subTtl {
  display: block;
  margin-bottom: 1.5625rem;
  font-size: 1rem;
  font-weight: 600;
  font-style: italic;
  color: var(--color-primary);
  text-align: right;
  letter-spacing: 0.35em;
  line-height: 1.2;
}

.staffSnap__mainTtl {
  font-size: 4.8125rem;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
}

.staffSnap__mainTtl--blue {
  color: var(--color-primary);
  letter-spacing: 0.05em;
}

.staffSnap__mainTtl--yellow {
  color: var(--color-secondary);
  letter-spacing: 0.12em;
}

.staffSnap__descText {
  margin-top: 0.9375rem;
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  line-height: 1.6;
  text-align: left;
}

.staffSnap__sliderItem {
  width: 9.375rem;
}

.staffSnap__sliderItemImg {
  width: 100%;
  aspect-ratio: 220/292;
  -o-object-fit: cover;
     object-fit: cover;
}

.staffSnap__staffListWrap {
  width: 100%;
  position: relative;
}

.staffSnap .swiper-container {
  padding-left: 1.7rem;
  overflow: hidden;
}

.staffSnap__slider-prev,
.staffSnap__slider-next {
  content: "";
  display: block;
  width: 3.125rem;
  height: 3.125rem;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 30%;
  z-index: 2;
}

.staffSnap__slider-prev {
  background-image: url("../Contents/ImagesPkg/topPage/staffSnap-prev.svg");
  left: -3px;
}

.staffSnap__slider-next {
  background-image: url("../Contents/ImagesPkg/topPage/staffSnap-next.svg");
  right: -3px;
}

.staffSnap__sliderItemContent {
  margin-top: 0.9375rem;
  font-size: 0.75rem;
  color: var(--color-font-primary);
}

.staffSnap__shopLocation {
  line-height: 1.3;
  letter-spacing: 0.08em;
}

.staffSnap__staffHeight {
  margin-top: 0.5625rem;
  font-family: var(--font-eng);
  font-weight: 500;
  color: #777777;
  line-height: 1;
  letter-spacing: 0.05em;
}

@media screen and (min-width: 768px) {
  .staffSnap::after {
    max-height: 22.625rem;
    bottom: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .staffSnap {
    padding: 6.25rem 0;
    overflow: hidden;
  }

  .staffSnap::after {
    max-height: 100%;
    bottom: 0;
    -webkit-transform: skewY(-79deg);
        -ms-transform: skewY(-79deg);
            transform: skewY(-79deg);
    right: 3.225%;
  }

  .staffSnap::before {
    max-height: 100%;
    bottom: auto;
    right: auto;
    top: 0;
    left: 46.925%;
    z-index: 1;
    -webkit-transform: skewX(-2deg);
        -ms-transform: skewX(-2deg);
            transform: skewX(-2deg);
  }

  .staffSnap__inner {
    width: 100%;
    max-width: 86.25rem;
    margin: 0 auto;
    padding: 0 0.625rem;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }

  .staffSnap__inner::before {
    display: none;
  }

  .staffSnap__contentInner {
    display: grid;
    grid-template-columns: 325px minmax(0, 1fr);
    grid-gap: 0 4.375rem;
    gap: 0 4.375rem;
    margin-right: calc((100% - 100vw)*.5);
  }

  .staffSnap__subTtl {
    margin-bottom: 2.375rem;
    font-size: clamp(1.25rem, 0.523rem + 1.14vw, 1.375rem);
  }

  .staffSnap__mainTtl {
    font-size: clamp(5rem, -3rem + 12.5vw, 6.375rem);
  }

  .staffSnap__descText {
    font-size: 0.8125rem;
  }

  .staffSnap__description {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    max-width: 100%;
    margin-bottom: 0;
  }

  .staffSnap__staffListWrap {
    margin-top: 2.5rem;
  }

  .staffSnap__sliderItem {
    width: 12.5rem;
    margin: 0 2.1875rem 2px 0px;
  }

  .staffSnap__slider-prev,
  .staffSnap__slider-next {
    width: 3.75rem;
    height: 3.75rem;
    top: 35%;
  }

  .staffSnap__slider-prev {
    left: -0.5rem;
  }

  .staffSnap__slider-next {
    right: 10%;
  }

  .staffSnap .link-view-more {
    margin: 0;
  }
}

@media screen and (min-width: 1300px) {
  .staffSnap__description {
    margin-left: 0;
  }
}

@media screen and (min-width: 1600px) {
  .staffSnap__content {
  }

  .staffSnap::before {
    left: 46.925%;
  }
}

.topBrandCategory {
  position: relative;
  border-bottom: 4px solid #F4F4F4;
}

.topBrandCategory::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  max-height: 35.17%;
  background-color: var(--color-primary);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.topBrandCategory .topBrandCategory__inner {
  width: 100%;
  max-width: 92%;
  margin: 0 auto;
  padding: 3.75rem 0 4.375rem;
  position: relative;
  z-index: 2;
}

.topBrandSectionTtl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1023px) {
  .benentMovie .topBrandSectionTtl {
    padding-inline: 1.25rem;
  }
}

.topBrandSectionTtl .sectionTtl .sectionTtlEn {
  display: block;
  font-size: 1.875rem;
  font-family: var(--font-eng);
  font-weight: 600;
  font-style: italic;
  letter-spacing: 0.05em;
  line-height: 1;
}

.topBrandSectionTtl .sectionTtl .sectionTtlJp {
  display: block;
  font-size: 0.75rem;
  font-family: var(--font-primary);
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.5;
}

.topBrandCategory .topBrandSectionTtl .sectionTtlEn,
.topBrandCategory .topBrandSectionTtl .sectionTtlJp {
  color: #FFFFFF;
}

.topBrandCategory .link-view-more {
  margin: 0;
}

.topBrandCategory .topBrandCategory__content {
  margin-top: 1.875rem;
}

.topBrandCategory .topBrandCategory__linkWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.topBrandCategory .topBrandCategory__link > a::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: #797979;
  opacity: 0.3;
  mix-blend-mode: multiply;
  position: absolute;
  inset: 0;
  z-index: 3;
}

.topBrandCategory .topBrandCategoryMain {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

.topBrandCategory .topBrandCategoryMain img {
  width: 100%;
  height: 8.75rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.topBrandCategory .topBrandCategorySub {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
}

.topBrandCategory .topBrandCategorySub img {
  width: 100%;
  height: 8.75rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.topBrandCategory .topBrandCategory__linkTtl {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 4;
}

.topBrandCategory .topBrandCategory__linkTtlEn {
  display: block;
  font-size: 1.25rem;
  font-family: var(--font-eng);
  font-weight: 600;
  letter-spacing: 0.05em;
  font-style: italic;
  color: #FFFFFF;
  text-align: center;
}

.topBrandCategory .topBrandCategory__linkTtlJp {
  display: block;
  font-size: 0.6875rem;
  font-family: var(--font-primary);
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.5;
  text-align: center;
  color: #FFFFFF;
}

.topBrandCategory__linkMore {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* align-items: flex-start; */
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 0.9375rem;
}

.topBrandCategory__linkMore .topBrandCategory__linkMoreItem {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  padding: 1.25rem 0;
}

.topBrandCategory__linkMore .topBrandCategory__linkMoreItem > a {
  display: block;
  height: 100%;
}


.topBrandCategory__linkMore .topBrandCategory__linkMoreItem h3 {
  height: 100%;
  border-right: 1px solid #CCCCCC;
}

.topBrandCategory__linkMore .topBrandCategory__linkMoreItem:nth-child(odd) h3 {
  border-left: 1px solid #CCCCCC;
}

.topBrandCategory__linkMore .topBrandCategory__linkMoreItem:nth-child(6) h3 {
  border-left: 1px solid #CCCCCC;
}



.topBrandCategory__linkMore .topBrandCategory__linkMoreItemEn {
  display: block;
  font-size: 1rem;
  font-family: var(--font-eng);
  font-weight: 600;
  font-style: italic;
  letter-spacing: 0.05em;
  color: var(--color-font-primary);
  text-align: center;
}

.topBrandCategory__linkMore .topBrandCategory__linkMoreItemJp {
  display: block;
  font-size: 0.6875rem;
  font-family: var(--font-primary);
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--color-font-primary);
  text-align: center;
  line-height: 1.5;
}

@media screen and (min-width: 768px){
  .topBrandCategory::before {
    max-height: 60%;
  }

  .topBrandCategory .topBrandCategory__inner {
    padding: 4.375rem 0;
  }

  .sectionTtl .sectionTtlEn {
    font-size: 2.5rem;
  }

  .sectionTtl .sectionTtlJp {
    font-size: 0.875rem;
  }

  .topBrandCategory .topBrandCategoryMain {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }

  .topBrandCategory .topBrandCategoryMain img {
    max-width: 45rem;
    height: 17.5rem;
  }

  /* .topBrandCategory.topBrandSnowCategory .topBrandCategoryMain {
    flex-basis: 33.3333%;
  } */

  .topBrandCategory .topBrandCategorySub {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
  }

  .topBrandCategory .topBrandCategorySub img {
    max-width: 21.875rem;
    height: 17.5rem;
  }

  .topBrandCategory .topBrandCategory__linkTtlEn {
    font-size: 1.875rem;
  }

  .topBrandCategory .topBrandCategory__linkTtlJp {
    font-size: 0.75rem;
  }

  .topBrandCategory__linkMore .topBrandCategory__linkMoreItem {
    -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
    padding: 1.125rem 0;
  }

  .topBrandCategory__linkMore[data-column-num="1"] { --column-num: 1; }
  .topBrandCategory__linkMore[data-column-num="2"] { --column-num: 2; }
  .topBrandCategory__linkMore[data-column-num="3"] { --column-num: 3; }
  .topBrandCategory__linkMore[data-column-num="4"] { --column-num: 4; }
  .topBrandCategory__linkMore[data-column-num="5"] { --column-num: 5; }
  .topBrandCategory__linkMore[data-column-num="6"] { --column-num: 6; }
  .topBrandCategory__linkMore[data-column-num="7"] { --column-num: 4; }
  .topBrandCategory__linkMore[data-column-num="8"] { --column-num: 4; }
  .topBrandCategory__linkMore[data-column-num="9"] { --column-num: 5; }
  .topBrandCategory__linkMore[data-column-num="10"] { --column-num: 5; }

  .topBrandCategory__linkMore[data-column-num] .topBrandCategory__linkMoreItem {
    -webkit-flex-basis: calc(100% / var(--column-num));
        -ms-flex-preferred-size: calc(100% / var(--column-num));
            flex-basis: calc(100% / var(--column-num));
  }

  .topBrandCategory__linkMore .topBrandCategory__linkMoreItem h3 {
    display: grid;
    place-content: center;
  }

  .topBrandCategory__linkMore .topBrandCategory__linkMoreItem:nth-child(2n+1) h3 {
    border-left: none;
  }

  .topBrandCategory__linkMore[data-column-num="6"] .topBrandCategory__linkMoreItem:nth-child(7) h3 {
    border-left: 1px solid #CCCCCC;
  }

  .topBrandCategory__linkMore .topBrandCategory__linkMoreItem:first-child h3 {
    border-left: 1px solid #CCCCCC;
  }


  .topBrandCategory__linkMore .topBrandCategory__linkMoreItemEn {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 1530px){
  .topBrandCategory .topBrandCategory__inner {
    max-width: 87.5rem;
  }
}

.topBrandListLogo {
  position: relative;
}

.topBrandListLogo .topBrandListLogo__inner {
  width: 100%;
  max-width: 92%;
  margin: 4.375rem auto;
}

.topBrandListLogo .link-view-more {
  margin: 0;
}

.topBrandListLogo .topBrandListLogo__linkWrap {
  /* display: flex; */
  /* align-items: flex-start; */
  /* justify-content: flex-start; */
  /* justify-content: space-evenly; */
  /* flex-wrap: wrap; */
  /* gap: 0.625rem 0; */
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0.625rem 1.5%;
  gap: 0.625rem 1.5%;
  margin-top: 1.25rem;
}

.topBrandListLogo .topBrandListLogo__link {
  /* flex-basis: 25%; */
  -webkit-flex-basis: 23.5%;
      -ms-flex-preferred-size: 23.5%;
          flex-basis: 23.5%;
}

@media screen and (min-width: 768px) {
  .topBrandListLogo .topBrandListLogo__inner {
    margin: 6.25rem auto;
  }

  .topBrandListLogo .topBrandListLogo__linkWrap {
    /* justify-content: flex-start; */
    grid-template-columns: repeat(10,1fr);
    gap: 0.625rem 0.8rem;
  }

  .topBrandListLogo .topBrandListLogo__link {
    -webkit-flex-basis: 15%;
        -ms-flex-preferred-size: 15%;
            flex-basis: 15%;
  }
}

@media screen and (min-width: 1024px) {
  .topBrandListLogo .topBrandListLogo__linkWrap {
    /* justify-content: space-between; */
  }

  .topBrandListLogo .topBrandListLogo__link {
    -webkit-flex-basis: 8%;
        -ms-flex-preferred-size: 8%;
            flex-basis: 8%;
  }
}

@media screen and (min-width: 1530px) {
  .topBrandListLogo .topBrandListLogo__inner {
    max-width: 87.5rem;
  }

  .topBrandListLogo .topBrandListLogo__linkWrap {
    gap: 2rem 1.375rem;
  }
}

.topBrandNewProduct {
  position: relative;
  padding: 4.375rem 0;
  background-color: #F5F5F5;
}

.topBrandNewProduct .topBrandNewProduct__content {
  position: relative;
}

.topBrandNewProduct__contentImage img {
  width: 100%;
}

.topBrandNewProduct .topBrandNewProduct__inner {
  width: 100%;
  max-width: 92%;
  margin: 0 auto;
}

.topBrandNewProduct .link-view-more {
  margin: 0;
}

.topBrandNewProduct .topBrandNewProduct__listWrap {
  position: relative;
}

.topBrandNewProduct .topBrandNewProduct__listSliderContainer {
  margin-top: 1.875rem;
  overflow: hidden;
}

.topBrandNewProduct__listSlider-prev,
.topBrandNewProduct__listSlider-next {
  content: "";
  display: block;
  width: 3.125rem;
  height: 3.125rem;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 30%;
  z-index: 2;
}

.topBrandNewProduct__listSlider-prev {
  background-image: url("../Contents/ImagesPkg/topPage/staffSnap-prev.svg");
  left: -4%;
}

.topBrandNewProduct__listSlider-next {
  background-image: url("../Contents/ImagesPkg/topPage/staffSnap-next.svg");
  right: -4%;
}

.swiper-button-disabled {
  opacity: 0.4;
}

.topBrandNewProduct .topBrandNewProduct__namePrice {
  margin-top: 0.75rem;
}

.topBrandNewProduct .topBrandNewProduct__name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  line-height: 1.5;
  color: var(--color-font-primary);
}

.topBrandNewProduct .topBrandNewProduct__namePrice .price {
  margin-top: 0.75rem;
  font-size: 0.9375rem;
  font-family: var(--font-eng);
  font-weight: 600;
  font-style: italic;
  letter-spacing: 0.05em;
  color: var(--color-font-primary);
  line-height: 1.5;
}

.topBrandNewProduct .topBrandNewProduct__namePrice .price .sale {
  color: var(--color-error);
}

.topBrandNewProduct .topBrandNewProduct__namePrice .price .slash {
  padding-left: 6px;
  font-size: 0.75rem;
  text-decoration: line-through;
}

.topBrandNewProduct .topBrandNewProduct__contentImage {
  position: relative;
}

.topBrandNewProduct .soldout {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  padding: 0.375rem;
  background: rgba(102, 102, 102, 0.5);
  color: #fff;
  font-family: var(--font-eng);
  font-size: 0.8125rem;
  font-style: italic;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: center;
  pointer-events: none;
}

.discountRate {
  height: 1.3125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0.625rem;
  background-color: rgba(219, 17, 17, 0.8);
  font-size: 0.75rem;
  font-family: var(--font-eng);
  font-weight: 600;
  font-style: italic;
  letter-spacing: 0.08;
  color: #FFFFFF;
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  z-index: 2;
}

@media screen and (min-width: 1024px) {
  .topBrandNewProduct__listSlider-prev,
  .topBrandNewProduct__listSlider-next {
    width: 3.75rem;
    height: 3.75rem;
  }

  .topBrandNewProduct__listSlider-prev {
    left: -3%;
  }

  .topBrandNewProduct__listSlider-next {
    right: -3%;
  }
}

@media screen and (min-width: 1200px) {
  .topBrandNewProduct__listSlider-prev {
    left: -2.5%;
  }

  .topBrandNewProduct__listSlider-next {
    right: -2.5%;
  }
}


@media screen and (min-width: 1530px) {
  .topBrandNewProduct .topBrandNewProduct__inner {
    max-width: 87.5rem;
  }
}

.topBrandBlog {
  position: relative;
  padding: 4.375rem 0;
  background-color: #F5F5F5;
}

.topBrandBlog .topBrandBlog__inner {
  width: 100%;
  max-width: 92%;
  margin: 0 auto;
}

.topBrandBlog .link-view-more {
  margin: 0;
}

.topBrandBlog .topBrandBlog__content {
  margin-top: 2.5rem;
}

.topBrandBlog .topBrandBlog__listItemWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1.875rem 0;
}

.topBrandBlog .topBrandBlog__listItem {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

.topBrandBlog .topBrandBlog__listItemContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0 1.25rem;
}

.topBrandBlog .topBrandBlog__listItemContent > img {
  width: 100%;
  /* max-width: 8.75rem; */
  max-width: 40.5797%;
}

.topBrandBlog .topBrandBlog__listItemContent .topBrandBlog__listItemDetail {
  width: 100%;
  /* max-width: 11.5625rem; */
  max-width: 53.6231%;
}

.topBrandBlog .topBrandBlog__listItemDate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0 0.625rem;
  font-size: 0.75rem;
  font-family: var(--font-eng);
  font-weight: 500;
  font-style: italic;
  letter-spacing: 0.08em;
  color: var(--color-font-primary);
}

.topBrandBlog .topBrandBlog__listItemDate::before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1px;
  border-bottom: 1px solid #111111;
}

.topBrandBlog .topBrandBlog__listItemText {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 0.9375rem;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.6;
  color: var(--color-font-primary);
}

.topBrandBlog .topBrandBlog__listItemHash {
  margin-top: 0.9375rem;
}

.topBrandBlog .topBrandBlog__listItemHash p {
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.6;
  color: #6D4998;
}

@media screen and (min-width: 768px) {
  .topBrandBlog .topBrandBlog__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    /* gap: 0 5.571%;  */
    gap: 0 4.6875rem;
  }

  .topBrandBlog .topBrandSectionTtl {
    -webkit-flex-basis: 11.25rem;
        -ms-flex-preferred-size: 11.25rem;
            flex-basis: 11.25rem;
    display: block;
  }

  .topBrandBlog .link-view-more {
    margin-top: 2.5rem;
  }

  .topBrandBlog .topBrandBlog__content {
    -webkit-flex-basis: 68.75rem;
        -ms-flex-preferred-size: 68.75rem;
            flex-basis: 68.75rem;
    margin-top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .topBrandBlog {
    padding: 6.25rem 0;
  }

  .topBrandBlog .topBrandBlog__inner {
    /* gap: 0 8.5714%; -> 120px */
    gap: 0 7.5rem;
  }

  .topBrandBlog .topBrandSectionTtl {
    -webkit-flex-basis: 12.8571%;
        -ms-flex-preferred-size: 12.8571%;
            flex-basis: 12.8571%;
  }

  .topBrandBlog .topBrandBlog__content {
    -webkit-flex-basis: 78.5714%;
        -ms-flex-preferred-size: 78.5714%;
            flex-basis: 78.5714%;
  }

  .topBrandBlog .topBrandBlog__listItemWrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 1.25rem 3.6363%;
  }

  .topBrandBlog .topBrandBlog__listItem {
    /* flex-basis: 33.125rem; */
    -webkit-flex-basis: 47%;
        -ms-flex-preferred-size: 47%;
            flex-basis: 47%;
  }

  .topBrandBlog .topBrandBlog__listItemContent {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 7.5471%;
  }
}

@media screen and (min-width: 1530px){
  .topBrandBlog .topBrandBlog__inner {
    max-width: 87.5rem;
    gap: 0 7.5rem;
  }

  .topBrandBlog .topBrandSectionTtl {
    -webkit-flex-basis: 11.25rem;
        -ms-flex-preferred-size: 11.25rem;
            flex-basis: 11.25rem;
  }

  .topBrandBlog .topBrandBlog__content {
    -webkit-flex-basis: 68.75rem;
        -ms-flex-preferred-size: 68.75rem;
            flex-basis: 68.75rem;
  }

  .topBrandBlog .topBrandBlog__listItemWrap {
    gap: 1.25rem 2.5rem;
  }
}

.topBrandLookbook {
  position: relative;
}

.topBrandLookbook::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: #A39FA7;
  opacity: 0.6;
  mix-blend-mode: multiply;
  position: absolute;
  inset: 0;
  z-index: 3;
}

.topBrandLookbook .topBrandLookbook__content {
  width: 100%;
  max-width: 82.3333%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 auto;
  padding: 5.625rem 0;
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 767px){
  .topBrandLookbook .topBrandLookbook__ttlWrap{
    width: 100%;
  }
}

.topBrandLookbook .topBrandLookbook__mainTtl {
  margin-bottom: 1.25rem;
  font-size: 2.4375rem;
  font-family: var(--font-eng);
  font-weight: 600;
  font-style: italic;
  letter-spacing: 0.05em;
  line-height: 1.2;
  color: #FFFFFF;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.topBrandLookbook__subTtlArea:has(.topBrandLookbook__subTtl__item:nth-of-type(2)){
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 2rem;
}

.topBrandLookbook .topBrandLookbook__mainTtl span,
.topBrandLookbook .topBrandLookbook__subTtl span {
  display: block;
}

.topBrandLookbook .topBrandLookbook__subTtl {
  margin-bottom: 1.25rem;
  font-size: 0.6875rem;
  font-family: var(--font-eng);
  font-weight: 600;
  font-style: italic;
  letter-spacing: 0.05em;
  line-height: 1.8;
  color: #FFFFFF;
  text-align: left;
}

.topBrandLookbook .topBrandLookbook__viewAll {
  width: 100%;
  max-width: 7.5rem;
  height: 2.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  font-size: 0.8125rem;
  font-family: var(--font-eng);
  font-weight: 600;
  font-style: italic;
  letter-spacing: 0.05em;
  color: #FFFFFF;
}

@media screen and (min-width: 768px){

  .topBrandLookbook .topBrandLookbook__content {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 8.8125rem 0;
  }
}

@media screen and (min-width: 1024px){
  .topBrandLookbook .topBrandLookbook__mainTtl {
    margin-bottom: 1.875rem;
    font-size: 3.75rem;
  }

  .topBrandLookbook .topBrandLookbook__subTtl {
    margin-bottom: 2.1875rem;
    font-size: 0.875rem;
  }

  .topBrandLookbook .topBrandLookbook__viewAll {
    max-width: 11.25rem;
    font-size: 0.875rem;
  }
}

.topBrandRanking {
  width: 100%;
  padding: 3.375rem 0 7.5rem;
  position: relative;
  background-color: var(--color-primary);
}

.topBrandRanking::before {
  content: "";
  width: 100%;
  max-width: 9.375rem;
  height: 9.375rem;
  background-image: url("../Contents/ImagesPkg/topFashion/ranking-parts-bg.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}

.topBrandRanking .topBrandSectionTtl {
  width: 100%;
  max-width: 92%;
  margin: 0 auto;
  margin-bottom: 1.17rem;
}

.topBrandRanking .topBrandSectionTtl .sectionTtl .sectionTtlEn,
.topBrandRanking .topBrandSectionTtl .sectionTtl .sectionTtlJp {
  color: #FFFFFF;
}

.topBrandRanking .topBrandRanking__tabContent {
  width: 100%;
  max-width: 92%;
  margin: 0 auto;
}

.topBrandRanking .topBrandRanking__tabWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow-x: auto;
  margin-bottom: 0.875rem;
  padding: 0 1.438rem 0.875rem;
}

.topBrandRanking .topBrandRanking__tabItem {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 2.875rem;
  /* padding: 0 1.25rem; */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--color-secondary);
  /* background-color: var(--color-primary); */
  padding: 0 1.875rem;
  font-size: 0.9375rem;
  font-family: var(--font-eng);
  font-weight: 600;
  /* font-style: italic; */
  text-align: center;
  letter-spacing: 0.08em;
  line-height: 1.2;
  color: #FFFFFF;
  -webkit-transform: skewX(-12deg);
      -ms-transform: skewX(-12deg);
          transform: skewX(-12deg);
  position: relative;
  overflow: hidden;
}

.topBrandRanking .topBrandRanking__tabItem.current {
  color: var(--color-primary);
}

.topBrandRanking .topBrandRanking__tabItem::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform .58s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform .58s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform .58s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform .58s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform .58s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform .58s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.topBrandRanking .topBrandRanking__tabItem.current::before {
  background-color: var(--color-secondary);
  color: var(--color-font-primary);
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.topBrandRanking .topBrandRanking__tabItem span {
  position: relative;
  z-index: 2;
}

.topBrandRanking .topBrandRanking__rankContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* grid-template-rows: repeat(3, 1fr); */
  grid-template-rows: repeat(3, -webkit-max-content);
  grid-template-rows: repeat(3, max-content);
  grid-column-gap: 0.9375rem;
  grid-row-gap: 2.5rem;
  padding: 2.5rem 0.9375rem;
  background-color: #FFFFFF;
}

.topBrandRanking .topBrandRanking__rankItem {
  width: 100%;
  /* max-width: 9.375rem; */
}

.topBrandRanking .topBrandRanking__rankItem img {
  width: 100%;
  /* max-width: 11.25rem;
  margin: 0 auto; */
}

.topBrandRanking .topBrandRanking__rankItem--1 {
  grid-area: 1 / 1 / 2 / 3;
  width: 100%;
  max-width: 15.625rem;
  margin: 0 auto;
}

.topBrandRanking .topBrandRanking__rankItem--2 {
  grid-area: 2 / 1 / 3 / 2;
}

.topBrandRanking .topBrandRanking__rankItem--3 {
  grid-area: 2 / 2 / 3 / 3;
}

.topBrandRanking .topBrandRanking__rankItem--4 {
  grid-area: 3 / 1 / 4 / 2;
}

.topBrandRanking .topBrandRanking__rankItem--5 {
  grid-area: 3 / 2 / 4 / 3;
}

.topBrandRanking .topBrandRanking__rankItemContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.9375rem;
}

.topBrandRanking .topBrandRanking__rankNum {
  -webkit-flex-basis: 1.6875rem;
      -ms-flex-preferred-size: 1.6875rem;
          flex-basis: 1.6875rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 0.8125;
  font-family: var(--font-eng);
  font-weight: 700;
  font-style: italic;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1.2;
  color: #CECECE;
}

.topBrandRanking .topBrandRanking__rankNum span {
  font-size: 2.375rem;
}

.topBrandRanking .topBrandRanking__rankNum.rank-1 {
  -webkit-flex-basis: 10.859%;
      -ms-flex-preferred-size: 10.859%;
          flex-basis: 10.859%;
  color: #BAA636;
}

.topBrandRanking .topBrandRanking__rankNum.rank-2 {
  color: #91889B;
}

.topBrandRanking .topBrandRanking__rankNum.rank-3 {
  color: #BF9D88;
}

.topBrandRanking .topBrandRanking__rankItem--1 .topBrandRanking__rankItemNamePrice {
  -webkit-flex-basis: 12.8125rem;
      -ms-flex-preferred-size: 12.8125rem;
          flex-basis: 12.8125rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.topBrandRanking .topBrandRanking__rankItemNamePrice {
  -webkit-flex-basis: 73.3333%;
      -ms-flex-preferred-size: 73.3333%;
          flex-basis: 73.3333%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.topBrandRanking .topBrandRanking__rankItemName {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  line-height: 1.5;
  color: var(--color-font-primary);
}

.topBrandRanking .topBrandRanking__rankItem--1 .topBrandRanking__rankItemName {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.topBrandRanking .topBrandRanking__itemPrice {
  margin-top: 0.75rem;
  font-size: 0.9375rem;
  font-family: var(--font-eng);
  font-weight: 600;
  font-style: italic;
  letter-spacing: 0.05em;
  color: var(--color-font-primary);
  line-height: 1.5;
}

.topBrandRanking .topBrandRanking__itemPrice .tax {
  margin-left: 0.625rem;
  font-size: 0.625rem;
}

.topBrandRanking .topBrandRanking__tabDescription {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow-y: auto;
  -webkit-transition: opacity 450ms ease;
  -o-transition: opacity 450ms ease;
  transition: opacity 450ms ease;
  position: relative;
}

.topBrandRanking .topBrandRanking__tabDescription.current {
  opacity: 1;
  visibility: visible;
  height: auto;
}

.topBrandRanking .topBrandRanking__rankItemImage {
  position: relative;
}

.topBrandRanking .soldout {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  padding: 0.375rem;
  background: rgba(102, 102, 102, 0.5);
  color: #fff;
  font-family: var(--font-eng);
  font-size: 0.8125rem;
  font-style: italic;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: center;
  pointer-events: none;
}

@media screen and (min-width: 768px){
  .topBrandRanking .topBrandRanking__tabWrap {
    width: 100%;
    max-width: 92%;
    margin: 0 auto;
    margin-bottom: 1.75rem;
    padding: 0 0.438rem;
  }

  .topBrandRanking .topBrandRanking__tabItem {
    padding: 0;
    border: none;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .topBrandRanking .topBrandRanking__tabItem::before {
    width: 85%;
  }

  .topBrandRanking .topBrandRanking__tabItem span {
    padding-left: 1.25rem;
  }

  .topBrandRanking .topBrandRanking__rankItem {
    max-width: 15.375rem;
    margin: 0 auto;
  }

  .topBrandRanking .topBrandRanking__rankNum {
    -webkit-flex-basis: 14.859%;
        -ms-flex-preferred-size: 14.859%;
            flex-basis: 14.859%;
  }

  .topBrandRanking .topBrandRanking__rankItemName {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .topBrandRanking .topBrandRanking__rankItem--1 {
    max-width: 23.625rem;
  }

  .topBrandRanking .topBrandRanking__rankItem--1 img {
    max-width: 100%;
  }

  .topBrandRanking .topBrandRanking__rankItem--1 .topBrandRanking__rankItemNamePrice {
    -webkit-flex-basis: 80%;
        -ms-flex-preferred-size: 80%;
            flex-basis: 80%;
  }

  .topBrandRanking .topBrandRanking__rankItemContent {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 0 1.125rem;
  }
}

@media screen and (min-width: 1024px){
  .topBrandRanking {
    width: 100%;
    padding: 3.25rem 0;
  }

  .topBrandRanking::before {
    max-width: 15.875rem;
    height: 15.875rem;
  }

  .topBrandSectionTtl .sectionTtl .sectionTtlEn {
    font-size: 2.5rem;
  }

  .topBrandSectionTtl .sectionTtl .sectionTtlJp {
    font-size: 0.875rem;
  }

  .topBrandRanking .topBrandRanking__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 98%;
    margin: 0 auto;
  }

  .topBrandRanking .topBrandRanking__ttlTabWrap {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    /* flex-basis: 25.3076%; */
    -webkit-flex-basis: 22.308%;
        -ms-flex-preferred-size: 22.308%;
            flex-basis: 22.308%;
  }

  .topBrandRanking .topBrandRanking__tabWrap {
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.625rem 0;
    margin: 0;
    padding: 0 7.714%;
    padding-right: 3%;
  }

  .topBrandRanking .topBrandRanking__tabContent {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    -webkit-flex-basis: 75.6153%;
        -ms-flex-preferred-size: 75.6153%;
            flex-basis: 75.6153%;
    margin-right: 0;
  }

  .topBrandRanking .topBrandRanking__tabItem {
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    border: none;
  }

  .topBrandRanking .topBrandRanking__rankContainer {
    grid-template-columns: 45.1752% repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 1.5625rem;
    grid-row-gap: 1.25rem;
    padding: 1.5625rem 2.03125rem;
  }

  .topBrandRanking .topBrandRanking__rankItem {
    max-width: 100%;
  }

  .topBrandRanking .topBrandRanking__rankItem--1 {
    grid-area: 1 / 1 / 3 / 2;
    max-width: 100%;
  }

  .topBrandRanking .topBrandRanking__rankItem--2 {
    grid-area: 1 / 2 / 2 / 3;
  }

  .topBrandRanking .topBrandRanking__rankItem--3 {
    grid-area: 1 / 3 / 2 / 4;
  }

  .topBrandRanking .topBrandRanking__rankItem--4 {
    grid-area: 2 / 2 / 3 / 3;
  }

  .topBrandRanking .topBrandRanking__rankItem--5 {
    grid-area: 2 / 3 / 3 / 4;
  }

  .topBrandRanking .topBrandRanking__rankItemContent {
    margin-top: 1.25rem;
  }

  .topBrandRanking .topBrandRanking__itemPrice {
    margin-top: 0.625rem;
  }
}

/* @media screen and (min-width: 1200px) {
  .topBrandRanking .topBrandRanking__rankNum {
    flex-basis: 10.859%;
  }
} */

@media screen and (min-width: 1300px){
  .topBrandRanking {
    padding: 6.25rem 0;
  }

  .topBrandRanking::before {
    max-width: 21.875rem;
    height: 21.875rem;
  }
}

@media screen and (min-width: 1400px){
  .topBrandRanking .topBrandRanking__inner {
    max-width: 81.25rem;
  }

  .topBrandRanking .topBrandRanking__ttlTabWrap {
    -webkit-flex-basis: 18.125rem;
        -ms-flex-preferred-size: 18.125rem;
            flex-basis: 18.125rem;
  }

  .topBrandRanking .topBrandRanking__tabContent {
    -webkit-flex-basis: 60.625rem;
        -ms-flex-preferred-size: 60.625rem;
            flex-basis: 60.625rem;
    position: relative;
  }

  .topBrandRanking .topBrandRanking__tabContent::after {
    content: "";
    display: block;
    width: 1.0625rem;
    height: 16rem;
    background-image: url("../Contents/ImagesPkg/common/topBrand-line.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: -2.25rem;
    z-index: 1;
  }

  .topBrandRanking.topBrandSurfRanking .topBrandRanking__tabContent::after {
    background-image: url("../Contents/ImagesPkg/topSurf/topBrandSurfRanking.svg");
  }

  .topBrandRanking.topBrandSnowRanking .topBrandRanking__tabContent::after {
    background-image: url("../Contents/ImagesPkg/topSnow/topBrandSnowRanking.svg");
  }

  .topBrandRanking.topBrandSkateRanking .topBrandRanking__tabContent::after {
    background-image: url("../Contents/ImagesPkg/topSkate/topBrandSkateRanking.svg");
  }

  .topBrandRanking.topBrandFashionRanking .topBrandRanking__tabContent::after {
    background-image: url("../Contents/ImagesPkg/topFashion/topBrandFashionRanking.svg");
  }

  .topBrandRanking .topBrandSectionTtl {
    max-width: 100%;
    margin-bottom: 2.5rem;
  }

  .topBrandRanking .topBrandRanking__tabWrap {
    padding: 0 2.714%;
  }

  .topBrandRanking .topBrandRanking__rankContainer {
    grid-template-columns: 23.75rem repeat(2, 1fr);
    grid-column-gap: 3.125rem;
    grid-row-gap: 2.5rem;
    padding: 3.125rem 4.0625rem;
  }

  .topBrandRanking .topBrandRanking__rankItemContent {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 1.25rem;
  }

  .topBrandRanking .topBrandRanking__itemPrice {
    margin-top: 0.9375rem;
  }
}

.topBrandContents {
  width: 100%;
  padding: 4.375rem 0;
  position: relative;
}

.topBrandContents .topBrandSectionTtl {
  width: 100%;
  max-width: 92%;
  margin: 0 auto;
  margin-bottom: 1.17rem;
}

.topBrandContents .link-view-more {
  margin: 0;
}

.topBrandContents .topBrandContents__tabWrap {
  /* display: none; */
  overflow-x: auto;
  margin-bottom: 0.9375rem;
}

.topBrandContents .topBrandContents__tabWrapInner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  column-gap: 2.5rem;
  width: max-content;
  margin: 0 1.438rem;
  margin-bottom: 0.9375rem;
  /* margin-bottom: 1.875rem; */
  /* padding: 0 1.438rem 0.875rem; */
  /* padding-bottom: 0.875rem; */
  /* gap: 0 2.5rem; */
  border-bottom: 1px solid #CCC;
}

.topBrandContents .topBrandContents__tabItem {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 2.3125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 1.25rem;
  font-size: 0.9375rem;
  font-family: var(--font-primary);
  font-weight: 500;
  color: #888888;
  letter-spacing: 0.08em;
  /* border-bottom: 1px solid #CCC; */
}

.topBrandContents [data-tab="topBrandContentsAll"] {
  font-family: var(--font-eng);
  font-style: italic;
}

.topBrandContents .topBrandContents__tabItem.current {
  color: var(--color-primary);
  position: relative;
}

.topBrandContents .topBrandContents__tabItem.current::after {
  content: "";
  width: 100%;
  height: 3px;
  display: block;
  border-bottom: 3px solid var(--color-primary);
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: 1;
}

.topBrandContents .topBrandContents__tabDescription {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow-y: auto;
  -webkit-transition: opacity 450ms ease;
  -o-transition: opacity 450ms ease;
  transition: opacity 450ms ease;
  position: relative;
}

.topBrandContents .topBrandContents__tabDescription.current {
  opacity: 1;
  visibility: visible;
  height: auto;
}

.topBrandContents .topBrandContents__sliderWrap {
  width: 100%;
  max-width: 92%;
  margin: 0 auto;
  overflow: hidden;
}

.topBrandContents .topBrandContents__sliderItem img {
  width: 100%;
  /* height: 10.5rem; */
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  aspect-ratio: 1;
}

.topBrandContents .topBrandContents__sliderDesc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  margin-top: 0.875rem;
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  line-height: 1.6;
}

.topBrandContents__slider-prev,
.topBrandContents__slider-next {
  content: "";
  display: block;
  width: 3.125rem;
  height: 3.125rem;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 30%;
  z-index: 2;
}

.topBrandContents__slider-prev {
  background-image: url("../Contents/ImagesPkg/topPage/staffSnap-prev.svg");
  left: 0;
}

.topBrandContents__slider-next {
  background-image: url("../Contents/ImagesPkg/topPage/staffSnap-next.svg");
  right: 0;
}

@media screen and (min-width: 768px) {
  .topBrandContents .topBrandContents__tabWrapInner {
    column-gap: 3.75rem;
    width: 100%;
    max-width: 92%;
    margin: 0 auto;
    margin-bottom: 1.875rem;
  }
}

@media screen and (min-width: 1024px){
  .topBrandContents__slider-prev,
  .topBrandContents__slider-next {
    top: 35%;
  }

  .topBrandContents__slider-prev {
    left: 1.7%;
  }
  .topBrandContents__slider-next {
    right: 1.7%;
  }

  .topBrandContents .topBrandContents__sliderDesc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }

  .topBrandContents .topBrandContents__sliderItem img {
    /* height: 20rem; */
    height: 100%;
  }
}

@media screen and (min-width: 1300px){
  .topBrandContents__inner {
    width: 100%;
    max-width: 91.3125rem;
    margin: 0 auto;
  }
  .topBrandContents__slider-prev {
    left: 1.9%;
  }
  .topBrandContents__slider-next {
    right: 1.9%;
  }
}

.topBrandBanner {
  /* margin: -2.725rem 0 4.375rem; */
  /* margin: -1.125rem 0 4.375rem; */
  margin: -3.225rem 0 4.375rem;
}

.topBrandBanner__inner {
  position: relative;
}

.topBrandBanner__sliderWrap {
  overflow: hidden;
}

.topBrandBanner__sliderContent p {
  margin-top: 0.9375rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-font-primary);
  letter-spacing: 0.08em;
  line-height: 1.5;
}

.topBrandBanner__slider-prev,
.topBrandBanner__slider-next {
  content: "";
  display: block;
  width: 3.125rem;
  aspect-ratio: 1;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 38%;
  z-index: 2;
}

.topBrandBanner__slider-prev {
  background-image: url("../Contents/ImagesPkg/topPage/staffSnap-prev.svg");
  left: 2%;
}

.topBrandBanner__slider-next {
  background-image: url("../Contents/ImagesPkg/topPage/staffSnap-next.svg");
  right: 2%;
}

.topBrandBanner .swiper-button-disabled {
  opacity: 0.4;
}

@media screen and (min-width: 768px){
  .topBrandBanner {
    /* margin: 6.125rem 0 4.375rem; */
    margin: -3.725rem 0 4.375rem;
  }

  .topBrandBanner .topBrandBanner__inner {
    width: 100%;
    max-width: 91.3125%;
    margin: 0 auto;
  }

  .topBrandBanner__slider-prev {
    left: -1.8rem;
  }

  .topBrandBanner__slider-next {
    right: -1.8rem;
  }
}

@media screen and (min-width: 1450px){
  .topBrandBanner .topBrandBanner__inner {
    max-width: 87.5rem;
  }
}

.sectionTtl {
  position: relative;
  overflow: hidden;
}

.sectionTtl::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: var(--color-secondary);
  -webkit-transform: translateX(-151%) skewX(-45deg);
      -ms-transform: translateX(-151%) skewX(-45deg);
          transform: translateX(-151%) skewX(-45deg);
  -webkit-transition: -webkit-transform .96s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform .96s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform .96s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform .96s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform .96s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform .96s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.sectionTtl > * {
  -webkit-clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  transition:-webkit-clip-path .48s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
  -webkit-transition:-webkit-clip-path .48s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
  -o-transition:clip-path .48s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
  transition:clip-path .48s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
  transition:clip-path .48s cubic-bezier(0.165, 0.84, 0.44, 1) .08s, -webkit-clip-path .48s cubic-bezier(0.165, 0.84, 0.44, 1) .08s
}

.topBrandSectionTtl.is-active .sectionTtl::after {
  -webkit-transform:translateX(151%) skewX(-45deg);
      -ms-transform:translateX(151%) skewX(-45deg);
          transform:translateX(151%) skewX(-45deg)
}

.topBrandSectionTtl.is-active .sectionTtl > * {
  -webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  padding-right: 5px;
  line-height: 1.3;
}

/* .topBrandLookbook .topBrandLookbook__mainTtl > * {
  -webkit-clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  transition:-webkit-clip-path .48s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
  transition:clip-path .48s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
  transition:clip-path .48s cubic-bezier(0.165, 0.84, 0.44, 1) .08s, -webkit-clip-path .48s cubic-bezier(0.165, 0.84, 0.44, 1) .08s
} */

.topBrandLookbook .topBrandLookbook__mainTtl > span:nth-child(1) {
  -webkit-clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  transition:-webkit-clip-path .48s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
  -webkit-transition:-webkit-clip-path .48s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
  -o-transition:clip-path .48s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
  transition:clip-path .48s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
  transition:clip-path .48s cubic-bezier(0.165, 0.84, 0.44, 1) .08s, -webkit-clip-path .48s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
}

.topBrandLookbook .topBrandLookbook__mainTtl > span:nth-child(2) {
  -webkit-clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  transition:-webkit-clip-path .68s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
  -webkit-transition:-webkit-clip-path .68s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
  -o-transition:clip-path .68s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
  transition:clip-path .68s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
  transition:clip-path .68s cubic-bezier(0.165, 0.84, 0.44, 1) .08s, -webkit-clip-path .68s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
}

.topBrandLookbook .topBrandLookbook__mainTtl > span:nth-child(3) {
  -webkit-clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  transition:-webkit-clip-path .88s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
  -webkit-transition:-webkit-clip-path .88s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
  -o-transition:clip-path .88s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
  transition:clip-path .88s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
  transition:clip-path .88s cubic-bezier(0.165, 0.84, 0.44, 1) .08s, -webkit-clip-path .88s cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
}

.topBrandLookbook .topBrandLookbook__mainTtl > span:nth-child(1)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: var(--color-secondary);
  -webkit-transform: translateX(-151%) skewX(-45deg);
      -ms-transform: translateX(-151%) skewX(-45deg);
          transform: translateX(-151%) skewX(-45deg);
  -webkit-transition: -webkit-transform .96s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform .96s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform .96s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform .96s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform .96s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform .96s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.topBrandLookbook .topBrandLookbook__mainTtl > span:nth-child(2)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: var(--color-secondary);
  -webkit-transform: translateX(-151%) skewX(-45deg);
      -ms-transform: translateX(-151%) skewX(-45deg);
          transform: translateX(-151%) skewX(-45deg);
  -webkit-transition: -webkit-transform 1.16s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 1.16s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 1.16s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1.16s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1.16s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1.16s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.topBrandLookbook .topBrandLookbook__mainTtl > span:nth-child(3)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: var(--color-secondary);
  -webkit-transform: translateX(-151%) skewX(-45deg);
      -ms-transform: translateX(-151%) skewX(-45deg);
          transform: translateX(-151%) skewX(-45deg);
  -webkit-transition: -webkit-transform 1.36s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 1.36s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 1.36s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1.36s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1.36s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1.36s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.topBrandLookbook__ttlWrap.is-active .topBrandLookbook__mainTtl > span:nth-child(1),
.topBrandLookbook__ttlWrap.is-active .topBrandLookbook__mainTtl > span:nth-child(2),
.topBrandLookbook__ttlWrap.is-active .topBrandLookbook__mainTtl > span:nth-child(3) {
  -webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
}

.topBrandLookbook__ttlWrap.is-active .topBrandLookbook__mainTtl > span:nth-child(1)::after,
.topBrandLookbook__ttlWrap.is-active .topBrandLookbook__mainTtl > span:nth-child(2)::after,
.topBrandLookbook__ttlWrap.is-active .topBrandLookbook__mainTtl > span:nth-child(3)::after {
  -webkit-transform:translateX(151%) skewX(-45deg);
      -ms-transform:translateX(151%) skewX(-45deg);
          transform:translateX(151%) skewX(-45deg)
}


/*
 * Common Tab Layout
 */

.featurePage__title-container {
  display: grid;
  row-gap: 1.25rem;

  margin-bottom: 1.875rem;

  @media (min-width: 1024px) {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  .sectionTtl {
    margin: 0;
  }
}

.featurePage__tab-list {
  --border-style: solid 1px var(--color-font-primary);
  --border-radius: 3px;

  display: flex;
  /* border: solid 1px var(--color-font-primary); */
  /* border-radius: 3px; */

  & > button {
    border-block: var(--border-style);

    &:first-of-type {
      border-left: var(--border-style);
      border-radius: var(--border-radius) 0 0 var(--border-radius);
    }

    &:last-of-type {
      border-right: var(--border-style);
      border-radius: 0 var(--border-radius) var(--border-radius) 0;
    }

    &:not(:last-of-type) {
      border-right: solid 1px var(--color-font-primary);
    }
  }
}

.featurePage__tab-button {
  display: grid;
  place-content: center;
  flex-shrink: 0;

  width: 6.875rem;
  height: calc(38 * .0625rem);

  font-family: var(--font-eng);
  font-size: .9375rem;
  letter-spacing: .05em;
  font-style: italic;
  font-weight: 500;

  &[aria-controls="panelBenentMovieOther"] {
    font-size: calc(14 * .0625rem);
    line-height: 1.2;
  }

  @media (min-width: 1024px) {
    width: 10.75rem;
  }

  &[aria-selected="true"] {
    background-color: var(--color-font-primary);

    color: #fff;
  }
}

@media (max-width: 1023px) {
  .featurePage__tab-wrapper {
    display: flex;

    overflow-x: auto;
    overflow-y: hidden;

    &::before,
    &::after {
      content: "";

      flex-shrink: 0;

      width: 1.25rem;
    }
  }
}


/*
 * Benent MOVIE
 */

.benentMovie {
  padding-block: 3.75rem;

  @media (min-width: 1024px) {
    .benentMovie__inner {
      max-width: 90.5rem;
      margin-inline: auto;
      padding-inline: 1.25rem;
    }
  }

  .coodinatePart {
    width: 100%;
    margin: calc(20 * .0625rem) auto 0;
  }

  .top-movie__slider-wrapper {
    --arrow-width: calc(50 * .0625rem);

    position: relative;

    @media (min-width: 1024px) {
      --arrow-width: calc(60 * .0625rem);
    }
  }

  .top-movie__slider {
    padding-inline: calc(15 * .0625em);

    @media (min-width: 1024px) {
      padding-inline: 0;
    }
  }

  .top-movie__link-wrapper {
    display: grid;
    row-gap: calc(10 * .0625rem);
  }

  .top-movie__image-wrapper {
    position: relative;

    aspect-ratio: 240 / 426.67;

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }

    &::before {
      content: "";

      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 2;

      width: calc(50 * .0625rem);
      aspect-ratio: 1;
      margin: auto;
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%20%3Cpath%20id%3D%22Play%22%20d%3D%22M768%2C47a30%2C30%2C0%2C1%2C1%2C30%2C30A30%2C30%2C0%2C0%2C1%2C768%2C47Zm18.924-26.222A28.556%2C28.556%2C0%2C1%2C0%2C798%2C18.543%2C28.37%2C28.37%2C0%2C0%2C0%2C786.924%2C20.779Zm7.648%2C17.65L807.428%2C47l-12.857%2C8.571Z%22%20transform%3D%22translate(-768%20-17)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
      background-repeat: no-repeat;
      background-size: contain;

      pointer-events: none;
    }

    @media (min-width: 1024px) {
      &::before {
        width: calc(60 * .0625rem);
      }
    }
  }

  .top-movie__text-container {
    display: grid;
    row-gap: calc(10 * .0625rem);
  }

  .top-movie__text--title {
    font-size: calc(13 * .0625rem);
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 1.3;
    word-break: break-all;
  }

  .top-movie__text--shop-name {
    color: var(--color-font-tertiary);
    font-size: calc(12 * .0625rem);
    line-height: 1.2;
    word-break: break-all;

    @media (min-width: 1024px) {
      font-size: calc(11 * .0625rem);
    }
  }

  .swiper-button-prev,
  .swiper-button-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;

    display: block;

    width: var(--arrow-width);
    aspect-ratio: 1;
    margin-block: auto;
    background-size: cover;
    background-repeat: no-repeat;

    &::after {
      content: "";
    }
  }

  .swiper-button-prev {
    left: 0;

    background-image: url("../Contents/ImagesPkg/topPage/staffSnap-prev.svg");

    @media (min-width: 1024px) {
      left: calc(var(--arrow-width) / 2 * -1);
    }
  }

  .swiper-button-next {
    right: 0;

    background-image: url("../Contents/ImagesPkg/topPage/staffSnap-next.svg");

    @media (min-width: 1024px) {
      right: calc(var(--arrow-width) / 2 * -1);
    }
  }
}