@charset "utf-8";

/*
Theme Name: 	レザーマン TATONKA
Theme URI:
Description: 	レザーマン　TATONKA
Version: 		1.0
Author:
Author URI:
Tags:
*/

.product_contents {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.product_contents .products_img {
    max-width: 400px;
    width: 35.3%;
}

.product_contents .products_detail {
    vertical-align: top;
    max-width: 730px;
    width: 64.6%;
    padding-left: 50px;
}

.material_contents {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.material_contents .material_img {
    max-width: 270px;
    width: 23.8%;
}

.material_contents .material_detail {
    vertical-align: top;
    max-width: 860px;
    width: 76.1%;
    padding-left: 50px;
}

@media screen and (max-width: 768px) {
    .product_contents .products_img {
        max-width: none;
        width: 100%;
        padding-top: 20px !important;
    }
    .product_contents .products_detail {
        max-width: none;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .material_contents .material_img {
        max-width: none;
        text-align: center;
        width: 100%;
        padding-top: 20px !important;
    }
    .material_contents .material_detail {
        max-width: none;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}