@charset "UTF-8";

.product-list {
    margin: 35px auto 100px auto;
}

.product-list__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
}

.c-product__item {
    width: calc((100% - 120px) / 4);
    margin: 0 40px 70px 0;
}

.c-product__item:nth-of-type(4n) {
    margin: 0 0 70px 0;
}

.c-product__item figure {
    margin: 0 0 20px 0;
}

.c-product__item .c-product__title {
    margin: 0 0 5px 0;
    transition: opacity .4s ease-in-out;
}

.c-product__item .c-product__price {
    transition: opacity .4s ease-in-out;
}

/**hover樣式**/
.c-product__item:hover .c-product__title,
.c-product__item:hover .c-product__price {
    opacity: .7;
}

/****頁碼****/
.c-page {
    padding: 0;
}

@media screen and (max-width: 991px) {

    .c-product__item,
    .c-product__item:nth-of-type(4n) {
        width: calc((100% - 80px) / 3);
        margin: 0 40px 70px 0;
    }

    .c-product__item:nth-of-type(3n) {
        margin: 0 0 70px 0;
    }
}

@media screen and (max-width: 767px) {

    .c-product__item,
    .c-product__item:nth-of-type(3n),
    .c-product__item:nth-of-type(4n) {
        width: calc((100% - 40px) / 2);
        margin: 0 40px 70px 0;
    }

    .c-product__item:nth-of-type(even) {
        margin: 0 0 70px 0;
    }
}

@media screen and (max-width: 575px) {
    .product-list {
        margin: 0 auto 50px auto;
    }

    .c-product__item,
    .c-product__item:nth-of-type(3n),
    .c-product__item:nth-of-type(4n) {
        width: calc((100% - 10px) / 2);
        margin: 0 10px 30px 0;
    }

    .c-product__item:nth-of-type(even) {
        margin: 0 0 30px 0;
    }

    .c-product__item figure {
        margin: 0 0 10px 0;
    }
    .c-product__item .c-product__title{
        font-size: 14px;
    }
    .c-product__item .c-product__price {
        font-size: 19px;
    } .c-product__item
    .c-product__price span{
        font-size: 12px;
    }
    /****頁碼****/
    .c-page {
        margin: 30px auto 0 auto;
        padding: 0;
    }
}



/****IOS樣式****/
@supports (-webkit-touch-callout: none) {}