@charset "utf-8";
/* CSS Document */
/* product.css */

.productlist {
  display: block;
  box-sizing: border-box;
  padding: 0 calc(40 / 750 * 100%);
  margin: calc(140 / 750 * 100%) auto;
  max-width: 1260px;
}

.productlist__item {
  background-color: var(--c-wh);
  box-sizing: border-box;
  display: block;
  margin: calc(40 / 670 * 100%) auto;
}
.productlist__image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: calc(380 / 670 * 100%);
}
.productlist__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.productlist__image img{
  transition: all .5s ease;
  transform: scale(1);
  display: block;
}
.productlist a:hover .productlist__image img {
  transform: scale(1.03);
}




.productlist__textbox {
  display: block;
  box-sizing: border-box;
  padding: 40px;
}
.productlist__text {
  display: block;
  margin: 0 auto;
}
.productlist__name {
  font-size: clamp(18px,calc(36 / 750 * 100vw),36px);
  line-height: 1em;
  font-family: var(--font-en-b);
  font-weight: 500;
  box-sizing: border-box;
  padding-right: calc(10 / 600 * 100%);
}
.productlist__catch {
  font-size: var(--fs-20);
  line-height: var(--lh-20);
  font-weight: 400;
}
.productlist__pricebox {
  margin-top: calc(20 / 600 * 100%);
}
.productlist__pricetitle {
  border-bottom: 1px solid;
  font-weight: 500;
  font-size: var(--fs-26);
  line-height: var(--lh-26);
  padding-bottom: .3em;
  box-sizing: border-box;
}
.productlist__price {
  margin-top: calc(10 / 600 * 100%);
}
.productlist__pricenum {
  font-weight: 500;
  font-family: var(--font-en-b);
  font-size: var(--fs-50);
  line-height: var(--lh-50);
  letter-spacing: 0.04em;
}
.productlist__tax {
  color: var(--c-bl02);
  font-weight: 400;
  font-size: var(--fs-18);
  line-height: var(--lh-18);
  letter-spacing: 0.04em;
}

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

  .productlist {
    display: block;
    box-sizing: border-box;
    padding: 0;
    margin: 80px auto;
    max-width: 1260px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    gap: 30px;
  }

  .productlist__item {
    max-width: 380px;
    width: calc(380 / 1200 * 100%);
    margin: 0;
  }
  .productlist__image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: calc(380 / 670 * 100%);
  }
  .productlist__textbox {
    display: block;
    box-sizing: border-box;
    padding: calc(40 / 670 * 100%);
  }
  .productlist__text {
    display: block;
    margin: 0 auto;
    line-height: 1em;
  }
  .productlist__name {
    font-size: var(--fs-30);
    line-height: 1.2em;
    padding-right: 0;
    display: block;
  }
  .productlist__catch {
    font-size: var(--fs-16);
    line-height: var(--lh-16);
    font-weight: 400;
  }
  .productlist__pricebox {
    margin-top: calc(20 / 600 * 100%);
  }
  .productlist__pricetitle {
    border-bottom: 1px solid;
    font-weight: 500;
    font-size: var(--fs-20);
    line-height: var(--lh-20);
    padding-bottom: .3em;
    box-sizing: border-box;
  }
  .productlist__price {
    margin-top: calc(10 / 600 * 100%);
  }
  .productlist__pricenum {
    font-weight: 500;
    font-family: var(--font-en-b);
    font-size: clamp(20px,calc(40 / 750 * 100vw),40px);
    line-height: var(--lh-50);
    letter-spacing: 0.04em;
  }
  .productlist__tax {
    color: var(--c-bl02);
    font-weight: 400;
    font-size: var(--fs-14);
    line-height: var(--lh-14);
    letter-spacing: 0.04em;
  }
  
}


/* -------------------------------------------- */
@media screen and (min-width:750px){
}

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