/*============================================================================
商品仕様・部材
============================================================================*/
@charset "utf-8";

/* 価格・右フレーム */
article .price_frame{
    display:flex;
    flex-direction:row-reverse;
}

article .price_frame .right{
    width:90px;
    vertical-align:middle;
}

article .price_frame .right img{
    width:80px;
    height:600px;
    margin:0 0 0 0;
}

article .price_frame .left{
    width:920px;
}

article .price_frame table th{
    background:#296874;
}

/* テーブル */
article table{
    width:100%;
    border-top:solid 2px #ffffff;
    border-left:solid 2px #ffffff;
}

article table td,
article table th{
    border-right:solid 2px #ffffff;
    border-bottom:solid 2px #ffffff;
}

article table td .small_img{
    display:flex;
}

article table td .small_img .left{
    width:50px;
}

article table td .small_img .left img{
    width:50px;
}

article table td .small_img .right{
    width:auto;
    padding-left:5px;
}

article table td s{
    text-decoration:line-through 4px solid #ff0000;
}

article table .name{
    background:#d6fafa;
    font-weight:bold;
    font-size:24px;
    line-height:24px;
}

article table td,
article table th{
    vertical-align:middle;
    /* height:60px; */
    padding:5px 10px;
}

article table td sup.attention{
    color:#ff0000;
}

article table td.small{
    font-size:16px;
    line-height:20px;
}

article table td.image{
    width:250px;
    padding:0;        
    background:none;
}

article table td.image img{
    max-width:250px;
    max-height:200px;
}

article table td.center{
    text-align:center;
}

article table td.right{
    text-align:right;
}

/* テーブル：セット */
article table.bousou_set{
    display:inline;
}

article table.bousou_set td,
article table.bousou_set th{
    font-size:20px;
    line-height:24px;
}

article table.bousou_set .header th{
    background:#707070;
}

article table.bousou_set th.sheetset{
    background:#176610;
}

article table.bousou_set th.oneroll{
    background:#2d1986;
}

article table.bousou_set th.option{
    background:#768619;
}

article table.bousou_set td.content{
    font-size:16px;
    line-height:20px;
}

/* テーブル：セット(2) */
article dl.bousou_set_d{
    display:none;
    background:#707070;
    border:none;
}

article dl.bousou_set_d{
    background:#707070;
    width:95%;
    border-left:solid 2px #ffffff;
}

article dl.bousou_set_d dt,
article dl.bousou_set_d dd{
    font-size:20px;
    line-height:24px;
    padding:4px 10px;
}

article dl.bousou_set_d dt{
    background:#707070;
    color:#ffffff;
    float:left;
    width:40%;
    border-right:none;
    border-top:solid 2px #ffffff;
}

article dl.bousou_set_d dd{
    background:#e0e0e0;
    width:60%;
    margin-left:40%;
    border-right:solid 2px #ffffff;
    border-left:solid 2px #ffffff;
    border-top:solid 2px #ffffff;
}

article dl.bousou_set_d dt.name{
    width:100%;
    display:flex;
    float:none;
    background:#f8f2d0;
    color:#000000;
    border-right:solid 2px #ffffff;
    border-top:solid 10px #ffffff;
}

article dl.bousou_set_d dt.name .left{
    width:80px;
}

article dl.bousou_set_d dt.name .left img{
    width:80px;
}

article dl.bousou_set_d dt.name .right{
    width:auto;
    padding-left:5px;    
}

article dl.bousou_set_d dt.sheetset{
    width:100%;
    float:none;
    background:#176610;
    color:#ffffff;
    border-right:solid 2px #ffffff;
    font-size:32px;
    line-height:32px;
    padding:4px 10px;
    border-top:solid 20px #ffffff;
}

article dl.bousou_set_d dt.oneroll{
    width:100%;
    float:none;
    background:#2d1986;
    color:#ffffff;
    border-right:solid 2px #ffffff;
    font-size:32px;
    line-height:32px;
    padding:4px 10px;
    border-top:solid 10px #ffffff;
}

article dl.bousou_set_d dt.option{
    width:100%;
    float:none;
    background:#768619;
    color:#ffffff;
    border-right:solid 2px #ffffff;
    font-size:32px;
    line-height:32px;
    padding:4px 10px;
    border-top:solid 10px #ffffff;
}

@media screen and (max-width:799px){
    article .price_frame{
        display:block;
        width:100%;
        flex-direction:none;
    }

    article .price_frame .right{
        display:none;
    }

    article table.bousou_set{
        display:none;
    }
    article dl.bousou_set_d{
        display:inline;
    }
}

/* コンテナ直送・お問い合わせください */
article .discount_list .otoiawase_click{
    position:relative;
    text-align:center;
    cursor:pointer;
}

article .discount_list .otoiawase_click a{
    color:#f93131;
    font-size:24px;
    line-height:24px;
    font-weight:bold;
    text-decoration:none;
}

article .discount_list .otoiawase_click:hover a{
    text-decoration:underline;
}

article .discount_list .otoiawase_click img{
    position:absolute;
    width:70px;
    height:70px;
    right:10px;
    bottom:10px;
}

/* 割引率 */
article dl.discount_list_d{
    display:none;
    border:none;
    width:100%;
    background:#707070;
}

article dl.discount_list_d dt,
article dl.discount_list_d dd{
    font-size:20px;
    line-height:24px;
    padding:4px 10px;
}

article dl.discount_list_d dt{
    background:#707070;
    color:#ffffff;
    float:left;
    width:30%;
    border-right:none;
    border-top:solid 2px #ffffff;
}

article dl.discount_list_d dd{
    background:#e0e0e0;
    width:70%;
    margin-left:30%;
    border-right:solid 2px #ffffff;
    border-left:solid 2px #ffffff;
    border-top:solid 2px #ffffff;
}

article dl.discount_list_d dt.quantity{
    width:100%;
    float:none;
    background:#f8f2d0;
    color:#000000;
    border-right:solid 2px #ffffff;
    border-top:solid 10px #ffffff;
}

/* テーブル：割引率 */
article table.discount_list_d{
    display:none;
    border:none;
    width:100%;
    background:#707070;
}

article table.discount_list_d th,
article table.discount_list_d td{
    font-size:20px;
    line-height:24px;
    padding:4px 10px;
}

article table.discount_list_d th{
    border-right:solid 2px #ffffff;
}

article table.discount_list_d td{
    background:#e0e0e0;
    border-right:solid 2px #ffffff;
    border-left:solid 2px #ffffff;
    border-top:solid 2px #ffffff;
}

/* テーブル：防草シート */
article table.bousou .name{
    background:#10247e;
    color:#ffffff;
}

article table.bousou th{
    background:#26a1c0;
    color:#ffffff;
}

article dl.bousou_d{
    display:none;
    width:95%;
    background:#26a1c0;
}

article dl.bousou_d dt{
    float:left;
    width:30%;
    background:#26a1c0;
    color:#ffffff;
    padding:4px 10px;
    border-bottom:solid 2px #ffffff;
}

article dl.bousou_d .name img{
    width:80%;
    border-radius:10px;
}


article dl.bousou_d dt.name{
    float:none;
    width:100%;
    background:#10247e;
    color:#ffffff;
    border-bottom:solid 2px #ffffff;
    padding:4px 0 20px 0;
    text-align:center;
}

article dl.bousou_d dd{
    width:70%;
    margin-left:30%;    
    background:#e0e0e0;
    padding:4px 10px;
    border-bottom:solid 2px #ffffff;
    border-left:solid 2px #ffffff;
}

article dl.bousou_d dd sup.attention{
    color:#ff0000;
}

@media screen and (max-width:799px){
    article table.discount_list{
        display:none;
    }
    article table.discount_list_d{
        display:table;        
    }
    article table.bousou{
        display:none;
    }
    article dl.bousou_d{
        display:inline;
    }
}

/* テーブル：部材 */
article table.buzai{
    margin-top:20px;
    /* margin-bottom:20px; */
}

article table.buzai .name{
    background:#743e29;
    color:#ffffff;
}

article table.buzai th{
    background:#e08a27;
    color:#ffffff;
}

article dl.buzai_d{
    display:none;
}

article dl.buzai_d dt{
    float:left;
    width:30%;
    background:#e08a27;
    color:#ffffff;
    padding:4px 10px;
    border-bottom:solid 2px #ffffff;
}

article dl.buzai_d dt.line{
    float:none;
    width:100%;
    background:#743e29;
    color:#ffffff;
    border-bottom:solid 2px #ffffff;
    margin:20px 0 0 0;
    padding-bottom:20px;
    text-align:center;
}

article dl.buzai_d dt.line img{
    width:80%;
    border-radius:10px;
}

article dl.buzai_d dt.name{
    float:none;
    width:100%;
    background:#707070;
    color:#ffffff;
    border-bottom:solid 2px #ffffff;
}

article dl.buzai_d dd{
    width:70%;
    margin-left:30%;    
    background:#e0e0e0;
    padding:4px 10px;
    border-bottom:solid 2px #ffffff;
    border-left:solid 2px #ffffff;
}

article table.buzai .small,
article dl.buzai_d .small{
    font-size:16px;
    line-height:16px;
}


@media screen and (max-width:799px){
    article table.buzai{
        display:none;
    }
    article dl.buzai_d{
        display:inline;
    }
}

/* 注意書き */
article ol.attention{
    margin:10px 0 10px 10px;
    font-size:20px;
    line-height:24px;
}

article ol.attention li::before{
    content:"※" counter(table-ol) "　";
    display:table-cell;
    color:#ff0000;
}

article ol.attention li{
    list-style-type:decimal;
    display:table-row;
    counter-increment:table-ol;
}

/* 注意書き */
article ul.attention_newsheet{
    margin:0 20px 0 50px;
}

article ul.attention_newsheet li::before{
    content:"● ";
    margin-left:-25px;
    color:#505080;
}

article ul.attention_newsheet li{
    list-style:none;
    margin-bottom:10px;
    color:#505050;
}

article ul.attention_newsheet li u{
    text-decoration: underline #ff0000;
    text-decoration-style:wavy;
}

article .attention_etc{
    margin:10px 0 10px 30px;
    font-size:18px;
    line-height:18px;
}

/*
@media print{
    .print_price{display:none;}

}
*/

/*============================================================================
EOF
============================================================================*/