@charset "UTF-8";
.list_container{
    position: relative;
    top: -40px;
}

.list_block{
    gap: 20px;
    height: fit-content;
}

.list_box{
    border: solid 1px red;
    position: relative;
    background-color: white;
    padding: 0.5em 1em;
}.list_box > div{
    flex: 1;
}.list_box > img{
    width: 40%;
    padding: 0.5em 0;
    height: auto;
    margin: auto;
}

.list_product_name{
    text-align: left;
    color: rgb(102, 102, 102);
    font-size: 1.2em;
    line-height: 1.2;
    padding-bottom: 5em;
}

.list_product_caption{
    color: black;
    text-align: left;
    width: fit-content;
    font-size: 1.35em;
}

.list_product_price_group{
    position: absolute;
    bottom: 10px;
    width: fit-content;
    height: fit-content;
    line-height: 1;
}

.list_product_price{
    width: fit-content;
    color: red;
    position: relative;
    font-weight: bold;
}.list_product_price::after{
    content: "円";
    position: absolute;
    transform: translate(0%, -100%);
    top: 100%;
    left: 100%;
    font-size: 0.75em;
}
/*----------- pc -----------*/
@media (min-width: 768px) {
    .list_container{
        padding: 50px 20px;
    }

    .list_block{
        width: 75%;
        margin: auto;
    }

    .list_product_price{
        font-size: 2.2em;
    }

}
/*----------- sp -----------*/
@media (max-width: 767px) {
    .list_container{
        padding: 30px 0px;
    }

    .list_block{
        width: 100%;
    }

    .list_box{
        width: 75%;
        margin: 20px auto;
        height: 250px;
    }

    .list_product_price{
        font-size: 1.8em;
    }

}