@charset "utf-8";

/*-----------------------------------------------------------
一覧
-----------------------------------------------------------*/

.product02-img-box {
    aspect-ratio: 640 / 736;
    overflow: hidden;
}

img + .no-img {
    display: none;
}

.product02-img-box > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/*20px - 25px*/
.product-item-title {
	font-size: clamp(1.25rem, 1.1742rem + 0.3236vw, 1.5625rem);
    color: var(--fifth);
}

.product02-grid > section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 18px;
}

.webgene-pagination {
    grid-column: 1 / 3;
}

.product02-pc {
	display: none;
}

.product02-sp {
	display: grid;
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:576px) {
  
.product02-grid > section {
	grid-template-columns: repeat(2, 1fr);
}
  
.webgene-pagination {
    grid-column: 1 / 3;
}  


}/* min-width: 576px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:768px) {
  

.product02-pc {
	display: grid;
}

.product02-sp {
	display: none;
}
  
}/* min-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1024px) {
  
.product02-grid > section {
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
}
  
.webgene-pagination {
    grid-column: 1 / 5;
}

}/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */