.goods-outer {
  width: 100%;
}

.goods-top {
  padding: 10rem 0 0;
}

.goods-top-2 {
  padding: 5rem 0 0;
}

.goods-bottom {
  padding: 0 0 12rem;
}

.goods-header {
  position: relative;
  width: 34%;
  margin: 0 auto 2rem;
}

.goods {
  width: 100%;
  margin: 0 auto 3rem;
}

/* 前へ次への矢印カスタマイズ */
.swiper-button-prev,
.swiper-button-next {
  height: 60px;
  width: 60px;
}

/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::after,
.swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 60px;
  margin: auto;
  width: 60px;
}

/* 前への矢印カスタマイズ */
.swiper-button-prev::after {
  background-image: url(../img/goods/arrow-left.png);
  content: "" !important;
}

/* 次への矢印カスタマイズ */
.swiper-button-next::after {
  background-image: url(../img/goods/arrow-right.png);
  content: "" !important;
}

/* 画像サイズ調整 */
.swiper-slide img {
  height: auto;
  width: 100%;
}

.good-button {
  width: 240px;
  margin: 2rem auto 0;
}


@media screen and (min-width: 1px) and (max-width: 743px) {
  .goods-top {
    padding: 6rem 0 0;
  }

  .goods-top-2 {
    padding: 3rem 0 0;
  }

  .goods-bottom {
    padding: 0 0 8rem;
  }

  .goods-header {
    width: 56%;
    margin: 0 auto 1.5rem;
  }

  .goods {
    width: 100%;
    margin: 0 auto 1rem;
  }

  .swiper-button-prev,
  .swiper-button-next {
    padding: 10px 0 0;
    height: 30px !important;
    width: 30px !important;
  }

  .swiper-button-prev::after,
  .swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 30px !important;
    margin: auto;
    width: 30px !important;
  }

  .good-button {
    width: 60%;
    margin: 1.5rem auto 0;
  }


}

@media screen and (min-width: 744px) and (max-width: 1024px) {}