.container section:first-of-type {

    padding-top: 2rem !important;

}

/* 製品ページ */

h1.products_name {

    width: 100%;

    text-align: left;

    /* color: #DF346A; */

    color: rgb(88, 88, 88);

    font-size: 2rem;

    font-weight: 900;

    padding: .3rem 0;

}

/* 製品リスト */

.product_list {

    width: 100%;

    overflow: hidden;

    justify-content: space-between;

    margin: 2rem 0;

}

.product_list li {

    width: 25%;

    padding-bottom: 1rem;

    overflow: hidden;

}

.product_list li {

    padding-left: 1rem;

    padding-right: 1rem;

}

.product_list:first-child {

    padding-left: 0;

}

.product_list:last-child {

    padding-right: 0;

}

.product_list li > .product_wrap > div.display-flex {

    height: 13vw;

    margin-bottom: .3rem;

}

.product_wrap {

    text-align: left;

    /* margin-top: 1rem; */

}

h4.product_name {

    font-size: 1.3rem;

    font-weight: 700;

    text-align: center;

}

h4.product_name::before {

    content: "品番：";

    display: inline-block;

    font-size: 1rem;

    margin-right: .3rem;

}

.product_wrap .slide-wrap {

    border: none;

}

/* スライドショー */

.slide-wrap {

    width: 20vw;

    height: 13vw;

    border: 1px solid #eeeeee;

    position: relative;

}

.slide_img {

    width: 100%;

    height: 100%;

    position: absolute;

        top: 0;

        left: 0;

    opacity: 0;

    transition: .2s;

}

.slide_img img {

    width: 100%;

    height: 100%;

    object-fit: contain;

    background-color: inherit;

}

.slide_img.current_img {

    opacity: 1;

}

.product_wrap:hover .current_img {

    transform: scale(1.05, 1.05);

    transition: all .5x;

}

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

    .product_list li > .product_wrap > div.display-flex {

        padding-right: 1.5rem;

        height: 100%;

    }

    .slide-wrap {

        width: 100%;

        margin-bottom: .5rem;

    }

    .thumb-wrap {

        width: 100%;

        flex-direction: row;

    }

    .product_list li {

        width: 100%;

        border-bottom: 1px dashed #cccccc;

        margin-bottom: 1rem;

    }

    .product_list li:last-child {

        border-bottom: none;

    }

    /* .product_list li:nth-child(odd) {

        padding-right: 0;

        border-right: none;

    }

    .product_list li:nth-child(even) {

        padding-left: 0;

    } */

    .product_wrap {

        display: flex;

        flex-wrap: wrap;

    }

    .product_wrap > div:first-child {

        width: 30%;

    }

    .product_wrap > div:last-child {

        width: 70%;

    }

}

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

    .product_wrap {

        display: flex;

        flex-wrap: wrap;

    }

    .product_wrap > div:first-child,

    .product_wrap > div:last-child {

        width: 100%;

    }

    .product_list li > .product_wrap > div.display-flex {

        padding-right: 0;

    }

    .slide-wrap {

        height: 80vw;

    }

    .thumb-wrap img {

        width: 25%;

    }

}

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

    .product_wrap {

        display: flex;

        flex-wrap: wrap;

    }

    .product_wrap > div:first-child,

    .product_wrap > div:last-child {

        width: 100%;

    }

    .product_list li > .product_wrap > div.display-flex {

        padding-right: 0;

    }

    .slide-wrap {

        height: 80vw;

    }

    .thumb-wrap img {

        width: 25%;

    }

}

/* 商品説明 */

.product_detail {

    margin-bottom: 2rem;

    text-align: left;

}

.product_detail p {

    text-align: center;

}

p.product_description {

    font-size: 15px; /* 通常のフォントサイズ */

    line-height: 1.5; /* 行間を調整 */

    font-weight: 500;

}

p.product_description.small-text {

    font-size: 13px; /* 長い文字列の場合のフォントサイズ */
    
}

p.product_price {

    margin-top: .5rem;

}

span.num::before {

    content: "無地単価：";

    display: inline-block;

}

span.num::after {

    white-space: pre-wrap;

    content: " 円";

    display: inline-block;

}

.product_detail {

    padding-left: 1rem;

    padding-right: 1rem;

}

.product_detail > .display-flex {

    margin: 1rem 20;

}

.product_detail > .display-flex > .display-flex {

    margin-right: 1rem;

}

.product_detail .th {

    margin-right: .3rem;

}

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

    p.product_description {

        font-size: 20px; /* 通常のフォントサイズ */
    
        line-height: 1.5; /* 行間を調整 */
    
        font-weight: 500;
    
    }
    
    p.product_description.small-text {
    
        font-size: 20px; /* 長い文字列の場合のフォントサイズ */
        
    }
}

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

    p.product_description {

        font-size: 15px; /* 通常のフォントサイズ */
    
        line-height: 1.5; /* 行間を調整 */
    
        font-weight: 500;
    
    }
    
    p.product_description.small-text {
    
        font-size: 13px; /* 長い文字列の場合のフォントサイズ */
        
    }
}