[data-has-counter] {
  position: relative;
}
@media screen and (min-width: 1024px) {
  [data-has-counter] {
    padding-bottom: 60px;
  }
}
[data-has-counter] [data-has-counter-slider] .slick-arrow {
  width: 20px;
  height: 24px;
  font-size: 0;
  background: url(https://wako.itembox.design/item/assets/images/pickup/shoulder-bag/250418_arrow_right_alt.svg)
    center center no-repeat;
  padding: 2px 0;
  top: unset;
  bottom: 0;
  z-index: 3;
}
@media screen and (min-width: 1024px) {
  [data-has-counter] [data-has-counter-slider] .slick-arrow {
    width: 24px;
    height: 60px;
    padding: 18px 0;
    bottom: -60px;
  }
}
[data-has-counter] [data-has-counter-slider] .slick-prev {
  transform: rotate(180deg);
  left: 7vw;
}
@media screen and (min-width: 1024px) {
  [data-has-counter] [data-has-counter-slider] .slick-prev {
    left: unset;
    right: 255px;
  }
}
[data-has-counter] [data-has-counter-slider] .slick-next {
  right: 7vw;
}
@media screen and (min-width: 1024px) {
  [data-has-counter] [data-has-counter-slider] .slick-next {
    right: 127px;
  }
}

.c-slick__counter {
  width: 40px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  right: calc(50vw - 20px);
  bottom: 0;
}
@media screen and (min-width: 1024px) {
  .c-slick__counter {
    height: 60px;
    right: 183px;
  }
}

[data-change-arrow-color] .slick-arrow {
  width: 48px;
  height: 48px;
  font-size: 0;
  background: url(https://wako.itembox.design/item/assets/images/pickup/shoulder-bag/250418_arrow_circle_right_black.svg)
    center center no-repeat;
  background-size: cover;
  top: 50%;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  [data-change-arrow-color] .slick-arrow {
    top: calc(50% - 24px);
  }
}
[data-change-arrow-color] .slick-arrow:active {
  background-image: url(https://wako.itembox.design/item/assets/images/pickup/shoulder-bag/250418_arrow_circle_right_black-hover.svg);
}
@media screen and (min-width: 1024px) {
  [data-change-arrow-color] .slick-arrow:hover {
    background-image: url(https://wako.itembox.design/item/assets/images/pickup/shoulder-bag/250418_arrow_circle_right_black-hover.svg);
  }
}
[data-change-arrow-color] .slick-arrow[data-arrow-color='white'] {
  background-image: url(https://wako.itembox.design/item/assets/images/pickup/shoulder-bag/250418_arrow_circle_right_white.svg);
}
[data-change-arrow-color] .slick-arrow[data-arrow-color='white']:active {
  background-image: url(https://wako.itembox.design/item/assets/images/pickup/shoulder-bag/250418_arrow_circle_right_white-hover.svg);
}
@media screen and (min-width: 1024px) {
  [data-change-arrow-color] .slick-arrow[data-arrow-color='white']:hover {
    background-image: url(https://wako.itembox.design/item/assets/images/pickup/shoulder-bag/250418_arrow_circle_right_white-hover.svg);
  }
}
[data-change-arrow-color] .slick-arrow[data-arrow-color='black'] {
  background-image: url(https://wako.itembox.design/item/assets/images/pickup/shoulder-bag/250418_arrow_circle_right_black.svg);
}
[data-change-arrow-color] .slick-arrow[data-arrow-color='black']:active {
  background-image: url(https://wako.itembox.design/item/assets/images/pickup/shoulder-bag/250418_arrow_circle_right_black-hover.svg);
}
@media screen and (min-width: 1024px) {
  [data-change-arrow-color] .slick-arrow[data-arrow-color='black']:hover {
    background-image: url(https://wako.itembox.design/item/assets/images/pickup/shoulder-bag/250418_arrow_circle_right_black-hover.svg);
  }
}
[data-change-arrow-color] .slick-prev {
  transform: rotate(180deg);
  left: 2vw;
}
@media screen and (min-width: 768px) {
  [data-change-arrow-color] .slick-prev {
    left: 6.7vw;
  }
}
@media screen and (min-width: 1920px) {
  [data-change-arrow-color] .slick-prev {
    left: 130px;
  }
}
[data-change-arrow-color] .slick-next {
  right: 2vw;
}
@media screen and (min-width: 768px) {
  [data-change-arrow-color] .slick-next {
    right: 6.7vw;
  }
}
@media screen and (min-width: 1920px) {
  [data-change-arrow-color] .slick-next {
    right: 130px;
  }
}

.slick-dots {
  width: 100%;
  height: 8px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  position: absolute;
  bottom: 16px;
}
.slick-dots li {
  display: inherit !important;
  height: 8px;
}
.slick-dots li button {
  font-size: 0;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #d2d2d2;
}
.slick-dots li.slick-active button {
  background-color: #212121;
} /*# sourceMappingURL=slick-common.css.map */