/* PC */
@media screen and (min-width: 768px) {
  .top-pickup {
    width: 91.4666666667%;
    /* margin: 0 auto; */
    /* margin-bottom: 10.6666666667%; */
    /* position: relative; */
    /* width: 1024px; */
    margin: 0 auto;
    margin-bottom: 72px;
    position: relative;
    max-width: 1024px;
  }
  .top-pickup .fs-c-slick {
    margin-top: 25px;
    margin-bottom: 48px;
    padding-left: 8px;
  }
  .top-pickup .fs-c-slick .slick-arrow {
    position: absolute;
    border: 0;
    background-color: unset;
    font-size: 0;
    width: 48px;
    height: 48px;
    top: 50%;
    padding: 0;
  }
  .top-pickup .fs-c-slick .slick-arrow::before {
    display: block;
    width: 48px;
    height: 48px;
    content: "";
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 72px;
    opacity: 1;
    border-radius: 100%;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.25);
  }
  .top-pickup .fs-c-slick .slick-arrow.slick-prev {
    left: -6%;
  }
  .top-pickup .fs-c-slick .slick-arrow.slick-prev::before {
    background-image: url(https://ryugi.itembox.design/item/images/common/slider-arrow-prev-w.svg);
  }
  .top-pickup .fs-c-slick .slick-arrow.slick-next {
    right: -6%;
  }
  .top-pickup .fs-c-slick .slick-arrow.slick-next::before {
    background-image: url(https://ryugi.itembox.design/item/images/common/slider-arrow-next-w.svg);
  }
  .top-pickup .fs-c-slick .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    margin-top: 16px;
  }
  .top-pickup .fs-c-slick .slick-dots li {
    position: relative;
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0;
    margin-right: 5px;
    padding: 0;
    cursor: pointer;
    border-radius: 100%;
  }
  .top-pickup .fs-c-slick .slick-dots li button {
    border: none;
    font-size: 0;
    background-color: transparent;
    background-color: #aaaaaa;
    display: block;
    padding: 0;
    margin: 0;
    width: 5px;
    height: 5px;
    border-radius: 100%;
  }
  .top-pickup .fs-c-slick .slick-dots li button::before {
    display: none;
  }
  .top-pickup .fs-c-slick .slick-dots li.slick-active button {
    background-color: #222222;
  }
  .top-pickup .fs-c-slick .slick-list .slick-slide {
    margin: 0 8px;
  }
  .top-pickup .fs-c-slick .slick-list .slick-slide img {
    width: 100%;
    height: 100%;
    max-width: 328px;
    max-height: 328px;
    border-radius: 8px;
    overflow: hidden;
  }
  .top-pickup .fs-c-slick .slick-list .slick-slide .fs-pt-carousel__slide__caption {
    background: unset;
    color: #222222;
    padding: unset;
    position: unset;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 12px;
    font-size: 1.6rem;
    font-family: "YuGothic", "Yu Gothic", sans-serif;
  }

}

@media screen and (min-width: 768px) and (max-width: 1180px) {
  .top-pickup .fs-c-slick .slick-arrow.slick-next {
    right: -2%;
  }
  .top-pickup .fs-c-slick .slick-arrow.slick-prev {
    left: -2%;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .top-pickup {
    width: 91.4666666667%;
    margin: 0 auto;
    margin-bottom: 10.6666666667%;
    position: relative;
  }
  .top-pickup .fs-c-slick {
    margin-top: 25px;
    margin-bottom: 48px;
    padding-left: 0;
  }
  .top-pickup .fs-c-slick .slick-arrow {
    position: absolute;
    border: 0;
    background-color: unset;
    font-size: 0;
    width: 32px;
    height: 32px;
    top: 50%;
    padding: 0;
  }
  .top-pickup .fs-c-slick .slick-arrow::before {
    display: block;
    width: 32px;
    height: 32px;
    content: "";
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 48px;
    opacity: 1;
    border-radius: 100%;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.25);
  }
  .top-pickup .fs-c-slick .slick-arrow.slick-prev {
    left: -3%;
  }
  .top-pickup .fs-c-slick .slick-arrow.slick-prev::before {
    background-image: url(https://ryugi.itembox.design/item/images/common/slider-arrow-prev-w.svg);
  }
  .top-pickup .fs-c-slick .slick-arrow.slick-next {
    right: -3%;
  }
  .top-pickup .fs-c-slick .slick-arrow.slick-next::before {
    background-image: url(https://ryugi.itembox.design/item/images/common/slider-arrow-next-w.svg);
  }
  .top-pickup .fs-c-slick .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    margin-top: 16px;
  }
  .top-pickup .fs-c-slick .slick-dots li {
    position: relative;
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0;
    margin-right: 5px;
    padding: 0;
    cursor: pointer;
    border-radius: 100%;
  }
  .top-pickup .fs-c-slick .slick-dots li button {
    border: none;
    font-size: 0;
    background-color: transparent;
    background-color: #aaaaaa;
    display: block;
    padding: 0;
    margin: 0;
    width: 5px;
    height: 5px;
    border-radius: 100%;
  }
  .top-pickup .fs-c-slick .slick-dots li button::before {
    display: none;
  }
  .top-pickup .fs-c-slick .slick-dots li.slick-active button {
    background-color: #222222;
  }
  .top-pickup .fs-c-slick .slick-list .slick-slide {
    margin: 0 8px;
  }
  .top-pickup .fs-c-slick .slick-list .slick-slide img {
    width: 100%;
    height: 100%;
    max-width: 240px;
    max-height: 240px;
    border-radius: 8px;
    overflow: hidden;
  }
  .top-pickup .fs-c-slick .slick-list .slick-slide .fs-pt-carousel__slide__caption {
    background: unset;
    color: #222222;
    padding: unset;
    position: unset;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "YuGothic", "Yu Gothic", sans-serif;
  }

}