@charset "utf-8";
/* common */
.cat-name {text-align: center; font-size: 24px; position: relative; border: none;}
.cat-name::before {position: absolute; content: ""; top: 50%; left: 0; width: 40%; height: 1px; background-color: #dcdcdc;}
.cat-name::after {position: absolute; content: ""; top: 50%; right: 0; width: 40%; height: 1px; background-color: #dcdcdc;}
.product .content a,
.product .content .item {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); border-radius: 10px;}
#machine_tool,
#assembly_machine,
#inspection_machine {padding: 100px 20px;}
/* single */
#product {padding: 100px 20px;}
#product .wrap .details table {border-collapse: collapse; width: 100%;}
#product .wrap .details table tbody tr th {background-color: #dcdcdc; border: 1px solid #222; padding: 10px 40px; text-align: left;}
#product .wrap .details table tbody tr td {border: 1px solid #222; padding: 10px 40px;}
@media screen and (max-width:590px) {
    #product .wrap .details table tbody tr,
    #product .wrap .details table tbody tr th {display: block; width: 100%;}
    #product .wrap .details table tbody tr:not(:first-child) th {border-top: 0px;}
    #product .wrap .details table tbody tr td {display: block; width: 100%; border-top: 0px;}
}