@charset "UTF-8";

/*****************************
product-archive-sec
*****************************/
.productlist {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem 2rem;
}
.productlist li {
  width: calc(100% / 3 - 1.4rem);
}
.productlist .imgbox {
  aspect-ratio: 2/1.5;
  position: relative;
  margin-bottom: 1rem;
}
.productlist .imgbox::before {
  aspect-ratio: 1/1;
  background: #233b6c;
  content: "\f00e";
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font: var(--fa-font-solid);
  font-size: 2rem;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
}
.productlist .imgbox img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.productlist .txtbox .ttl {
  font-size: 1.8rem;
  margin-bottom: 0;
}
.productlist .txtbox .txt span {
  color: #8d8d8d;
  display: inline-block;
  font-size: 1.4rem;
}
.productlist .txtbox .txt span:nth-child(1) {
  border-right: 1px solid #8d8d8d;
  padding-right: 1.5rem;
}
.productlist .txtbox .txt span:nth-child(2) {
  padding-left: 1.5rem;
}
.lum-lightbox {
  z-index: 10;
}
@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .productlist {
    gap: 4rem;
  }
  .productlist li {
    width: 100%;
  }
  .productlist .imgbox {
    aspect-ratio: 2/1.2;
  }
}