@charset "UTF-8";
.product_list{}
.product_list .image{
    display: block;
    aspect-ratio: 4/3;
}
.product_list .img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.product_list .name{
    display: flex;
    align-items: baseline;
    font-weight: bold;
    gap: 1em;
    font-size: 110%;
}
.product_list .name .t1{
    font-size: 70%;
}
.product_list .name + .data{
    margin-top: .6em;
}
.product_list .data{
    border-top: 1px solid #ccc;
}
.product_list .data :is(th, td){
    font-weight: normal;
    font-size: 85%;
    border-bottom: 1px solid #ccc;
    padding: 1em .5em;
}
@media (min-width:961px){
    .product_list .data th{
        width: 4em;
    }
}
@media (max-width:960px){
    .product_list .data,
    .product_list .data :is(tbody, tr, th, td){
        display: block;
    }
    .product_list .data th{
        border-bottom: none;
        padding-bottom: 0;
        font-size: 80%;
    }
    .product_list .data td{
        padding-top: .6em;
    }
}