@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap");
.josefin-sans {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.p-summertops {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}
.p-summertops__head {
  margin-bottom: min(calc(20 / 375 * 100vw), 3rem);
}
.p-summertops__head__img {
  display: block;
  margin-bottom: min(calc(20 / 375 * 100vw), 3rem);
}
.p-summertops__head__text {
  padding: 0 var(--padding-width);
  font-family: var(--text-font-family);
  font-size: min(calc(15 / 375 * 100vw), 2rem);
}
.p-summertops__menu {
  margin-bottom: min(calc(40 / 375 * 100vw), 6rem);
}
.p-summertops__menu__container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 var(--padding-width);
}
.p-summertops__menu__item {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-summertops__menu__item {
    width: 49%;
  }
  .p-summertops__menu__item:nth-child(-n+2) {
    margin-bottom: 2%;
  }
}
@media screen and (min-width: 768px) {
  .p-summertops__menu__item {
    width: 24%;
  }
}
.p-summertops__menu__item a {
  display: block;
  padding: 1rem min(calc(15 / 375 * 100vw), 1.8rem);
  background: #dfdfdf;
  font-size: 1.5rem;
}
.p-summertops__contents {
  padding: var(--padding-width);
}
.p-summertops-contents__item {
  padding: 100px 0 0;
  margin: -100px 0 min(calc(120 / 375 * 100vw), 18rem);
}
.p-summertops-contents__item:last-child {
  margin: -100px 0 0;
}
.p-summertops-contents__head {
  border: 2px solid;
  padding: 1rem min(calc(15 / 375 * 100vw), 2rem);
  margin-bottom: min(calc(20 / 375 * 100vw), 3rem);
}
.p-summertops-contents__head__text {
  text-align: center;
  line-height: 1;
}
.p-summertops-contents__head__text.-en {
  margin-bottom: 1rem;
  font-size: min(calc(28 / 375 * 100vw), 3.5rem);
}
.p-summertops-contents__product:not(:last-child) {
  margin-bottom: min(calc(60 / 375 * 100vw), 12rem);
}
.p-summertops-contents__info__num {
  text-align: center;
  font-size: min(calc(50 / 375 * 100vw), 7rem);
}
.p-summertops-contents__info__name {
  margin-bottom: min(calc(20 / 375 * 100vw), 3rem);
  text-align: center;
  font-size: min(calc(16 / 375 * 100vw), 2.5rem);
}
.p-summertops-contents__info__butsu {
  margin-bottom: min(calc(20 / 375 * 100vw), 3rem);
}
.p-summertops-contents__info__price {
  margin-bottom: min(calc(20 / 375 * 100vw), 3rem);
  text-align: center;
  font-size: min(calc(16 / 375 * 100vw), 2.5rem);
}
.p-summertops-contents__info__price span {
  font-size: min(calc(12 / 375 * 100vw), 1.5rem);
}
.p-summertops-contents__info__comment {
  margin-bottom: min(calc(30 / 375 * 100vw), 5rem);
}
.p-summertops-contents__images {
  margin-bottom: min(calc(20 / 375 * 100vw), 3rem);
}
.p-summertops-contents__images .slick-prev, .p-summertops-contents__images .slick-next {
  z-index: 999;
}
.p-summertops-contents__images .slick-prev {
  left: 0;
}
.p-summertops-contents__images .slick-next {
  right: 0;
}
.p-summertops-contents__images .slick-prev:before, .p-summertops-contents__images .slick-next:before {
  color: var(--base-font-color);
  font-family: "GFS Didot", serif;
}
.p-summertops-contents__image img {
  width: 100%;
}
.p-summertops-contents__button {
  text-align: center;
}
.p-summertops-contents__button a {
  display: inline-block;
  background: #dfdfdf;
  padding: 0 min(calc(50 / 375 * 100vw), 8rem);
  line-height: 2.5;
  font-size: min(calc(16 / 375 * 100vw), 2rem);
}