@charset "UTF-8";

/* ▼▼▼ 取扱商品
=====================================*/
table.material {
    }
    table.material th,
    table.material td {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        padding: 10px;
        }
    table.material th {
        background: #107B40;
        border-right: 1px solid #ccc;
        color: #fff;
        text-align: center;
        }
    table.material tr th:last-child{border-right: none;}
    table.material tr td:nth-child(1),
    table.material tr td:nth-child(3) {width: 180px;}
    table.material tr td:nth-child(2),
    table.material tr td:nth-child(4) {width: 320px;}
    table.material td.bg01 {background: #F2F8F5;}
    table.material td.bg02 {background: #E9F4EE;}
    table.material td.dot {border-bottom: 1px dotted #ccc;}
    table.material tr td.fin {border-bottom: 1px solid #ccc;}
    table.material tr td:first-child {border-left: none;}
    table.material tr td:last-child {border-right: none;}

/* ▼▼▼ 768px
=====================================*/
@media screen and (max-width: 768px) {

.material_box table{
width:1000px;
}
.material_box{
width: 100%;
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.material_box::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
height: 5px;
}
.material_box::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
background: #F1F1F1;
}

}