@charset "utf-8";

/*=============================================================================
    this page style
=============================================================================*/
#main{
    padding:25px 0 0;
    width: 740px;
    float:left;
}


#sidebar{
    padding:30px 0 0 30px;
    width: 230px;
    float: right;
    text-align: left;
}
    #sidebar .sbContent{
    }
        #sidebar .sbContent h1{
            font-weight: bold;
            color:#808080;
            font-size: 1.4rem;
            padding:0 0 5px;
            border-bottom: 1px solid #E5A326;
        }
        #sidebar .sbContent ul{
        }
        #sidebar .sbContent li{
            padding:10px 0 0;
        }
        #sidebar .sbContent li a:before{
            content: "\f0da";
            font-family: FontAwesome;
            color:#E5A326;
            padding:0 5px 0 0;
        }

/*=============================================================================
    single style
=============================================================================*/
#main #c01{
    text-align: left;
}
#main  #c01 .headline {
    width: 100%;
    display: table;
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5a326;
    font-size: 2.4rem;
    line-height: 1;
    font-weight: bold;
    color: #0071bc;
}
    #main  #c01 .headline span{
        display: table-cell;
        vertical-align: middle;
    }
    #main  #c01 .headline span.icn{
        width: 30px;
    }
    #main  #c01 .headline span.icn img{
        width: 100%;
        height:auto;
    }
    #main  #c01 .headline span.txt{
        padding:0 0 0 10px;
    }
#main  #c01 .crosshead {
    background-color: #f2f2f2;
    border-left: 4px solid #0071bc;
    font-size: 1.7rem;
    font-weight: bold;
    padding: 10px;
    text-align: left;
}
#main  #c01 .subhead {
    font-size: 1.4rem;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}
#main #c01 p{
    font-size: 1.4rem;
    line-height: 1.8;
}
#main #c01 img{
    max-width:100%;
    height:auto;
}
#main #c01 .red-text{
    color:#F00;
}
#main #c01 .fs1rem{
    font-size: 1.3rem;
}
#main #c01 table {
    width: 100%;
    height:auto;
}
#main #c01 table th, #main #c01  table td {
    padding: 5px 10px;
}
#main #c01 table th p, #main #c01  table td p{
    font-size: 1.3rem;
}
#main #c01 .table-01{
    width: 100%;
}
#main #c01 .table-01 th, #main #c01  .table-01 td {
    border: 1px solid #d5d5d5;
    padding: 5px 10px;
    font-size: 1.3rem;
}
#main #c01 .table-01 th {
    background-color: #f2f2f2;
}
#main #c01 .table-02{
    width: 100%;
}
#main #c01 .table-02 th, #main #c01  .table-02 td {
    border: 1px solid #d5d5d5;
    padding: 5px 10px;
    font-size: 1.3rem;
}
#main #c01 .table-02 th {
    background-color: #f2f2f2;
}

#main #c01 .t01{
    width: auto;
}
#main #c01 .t01 th,
#main #c01 .t01 td{
    border: 1px solid #d5d5d5;
    padding: 5px 15px;
    font-size: 1.3rem;
}
#main #c01 .t01 thead th,
#main #c01 .t01 thead td{
    background-color: #f2f2f2;
}

#main #c01 table td.dxf{
}
#main #c01 table td.dxf a{
    padding: 10px 0 10px 30px;
    background: url(../images/cad/icn01.png) left center no-repeat;
}
#main #c01 table td.pdf{
}
#main #c01 table td.pdf a{
    padding: 10px 0 10px 30px;
    background: url(../images/cad/icn02.png) left center no-repeat;
}

#main #c01 .table-01 .dividedTit td {
    background-color: #f2f2f2;
}

#main #c01 ul.box01{
    overflow: hidden;
    margin: 0 -2.5%;
    padding: 0;
}
#main #c01 ul.box01 li{
    float: left;
    width: 20%;
    margin: 0 2.5%;
    text-align: center;
}
#main #c01 ul.box01 li img{
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}
#main #c01 ul.box01 li .tex01{
    display: block;
    padding: 1rem 0 0;
}
#main #c01 .vam{
    vertical-align: middle;
}
#main #c01 .mt-1r{
    display: block;
    margin-top: 1rem;
}
#main #c01 .mt-2r{
    display: block;
    margin-top: 2rem;
}
#main #c01 .mt-3r{
    display: block;
    margin-top: 3rem;
}
#main #c01 .mt-4r{
    display: block;
    margin-top: 4rem;
}
#main #c01 .mt-5r{
    display: block;
    margin-top: 5rem;
}
#main #c01 .mb-1r{
    display: block;
    margin-bottom: 1rem;
}
#main #c01 .mb-2r{
    display: block;
    margin-bottom: 2rem;
}
#main #c01 .mb-3r{
    display: block;
    margin-bottom: 3rem;
}
#main #c01 .mb-4r{
    display: block;
    margin-bottom: 4rem;
}
#main #c01 .mb-5r{
    display: block;
    margin-bottom: 5rem;
}
#main #c01 .pt-1r{
    display: block;
    padding-top: 1rem;
}
#main #c01 .pt-2r{
    display: block;
    padding-top: 2rem;
}
#main #c01 .pt-3r{
    display: block;
    padding-top: 3rem;
}
#main #c01 .pt-4r{
    display: block;
    padding-top: 4rem;
}
#main #c01 .pt-5r{
    display: block;
    padding-top: 5rem;
}
#main #c01 .pb-1r{
    display: block;
    padding-bottom: 1rem;
}
#main #c01 .pb-2r{
    display: block;
    padding-bottom: 2rem;
}
#main #c01 .pb-3r{
    display: block;
    padding-bottom: 3rem;
}
#main #c01 .pb-4r{
    display: block;
    padding-bottom: 4rem;
}
#main #c01 .pb-5r{
    display: block;
    padding-bottom: 5rem;
}
#main #c01 .btn01{
    text-align: center;
}
#main #c01 .btn01 > a{
    display: block;
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    padding: 1.25rem 1rem;
    background-color: #FCA500;
    color: #fff;
    font-size: 1.375rem;
    border-radius: 6px;
}
#main #c01 .btn01 > a .ico01{
    display: block;
    background: url('/cms/wp-content/themes/suiko_v2.0/images/common/ico01.svg') right center no-repeat;
    -webkit-background-size: 12px 14px;
    background-size: 12px 14px;
}
#main #c01 .wsnw{
    white-space: nowrap;
}
#main #c01 .tal{
    text-align: left;
}
#main #c01 .tac{
    text-align: center;
}
#main #c01 .tar{
    text-align: right;
}
#main #c01 .vat{
    vertical-align: top;
}
#main #c01 .vam{
    vertical-align: middle;
}
#main #c01 .vab{
    vertical-align: bottom;
}
#main #c01 .bg01{
    background-color: #f2f2f2;
    border: 1px solid #e5e5e5;
}
#main #c01 .fz16r{
    font-size: 1.6rem;
}

#main #c01 .clm-4{
    margin: 0 auto;
    overflow: hidden;
}
#main #c01 .clm-4 li{
    text-align: center;
    float: left;
    margin: 0 2%;
    width: 21%;
}

#main #c01 .clm-3{
    overflow: hidden;
    margin: 0 -1%;
}
    #main #c01 .clm-3 .item{
        float: left;
        width: 31.3%;
        margin: 0 1%;
    }

#main #c01 .clm-2{
    overflow: hidden;
    margin: 0 auto;
}
    #main #c01 .clm-2 .item{
        float: left;
        margin: 2rem 3% 0 0;
        width: 44%;
    }
    #main #c01 .clm-2 .item:nth-of-type(1),
    #main #c01 .clm-2 .item:nth-of-type(2){
        margin-top: 0;
    }

#main #c01 .t02 th,
#main #c01 .t02 td{
    line-height: 1.75;
}

#main #c01 ol.num{
    list-style-type: decimal-leading-zero;
    list-style-position: inside;
    text-indent: -2rem;
    padding: 0 0 0 2rem;
}
#main #c01 ol.num li{
    margin: 0;
    padding: 1.5rem 0 0;
    font-size: 1.3rem;
}
#main #c01 .db{
    display: block;
}

/* 補強枠 */
#main #c01.parts01 .t11 th,
#main #c01.parts01 .t11 td{
    text-align: center;
    vertical-align: middle;
}
#main #c01.parts01 .t12 th{
    text-align: center;
}

/* 攪拌架台 */
#main #c01.parts05 .t11{
    margin: 0 auto;
    width: 425px;
}
#main #c01.parts05 .box11{
    width: 50%;
    text-align: center;
    padding: 1rem 0 0;
}

/* マンホール */
#main #c01.parts06 .clm-4 li img{
    display: block;
    width: 100%;
    height: auto;
}

/* ノズル */
#main #c01.nozzle .attention01 li{
    text-indent: -1rem;
    padding: .5rem 0 0 1rem;
}
#main #c01.nozzle .attention01 li::before{
    content: '\30FB';
}
#main #c01.nozzle .attention01 li:first-child{
    padding: 0 0 0 1rem;
}
#main #c01.nozzle .block10{
    overflow: hidden;
}
#main #c01.nozzle .block10 .box10{
    float: left;
}
#main #c01.nozzle .block10 .box11{
    float: right;
    width: 280px;
}
#main #c01.nozzle .block10 .box11 img{
    display: block;
}
#main #c01.nozzle .subhead{
    padding: 0 0 .75rem;
}
#main #c01.nozzle .t03 th,
#main #c01.nozzle .t03 td{
    vertical-align: top;
    padding: 0;
}
#main #c01.nozzle .t03 .t03-02,
#main #c01.nozzle .t03 .t03-03,
#main #c01.nozzle .t03 .t03-04{
    padding-left: 20px;
    width: 130px;
    text-align: center;
}
#main #c01.nozzle .t04 .w60px{
    width: 60px;
}
#main #c01.nozzle .t04 thead th{
    text-align: center;
    vertical-align: middle;
}
#main #c01.nozzle .t04 tbody tr th:first-child{
    vertical-align: middle;
}
#main #c01.nozzle .t04 tbody td{
    text-align: center;
}
#main #c01.nozzle .t05 th,
#main #c01.nozzle .t05 td{
    vertical-align: top;
    padding: 0;
}
#main #c01.nozzle .t05 img,
#main #c01.nozzle .t05 span{
    display: block;
}
#main #c01.nozzle .t05 span{
    padding: .5rem 0 0;
}
#main #c01.nozzle .t05 img{
    width: 100%;
    height: auto;
}
#main #c01.nozzle .t05 .t05_01,
#main #c01.nozzle .t05 .t05_02,
#main #c01.nozzle .t05 .t05_04{
    text-align: center;
    width: 140px;
    padding-right: 20px;
}
#main #c01.nozzle .t06 th,
#main #c01.nozzle .t06 td{
    vertical-align: top;
    padding: 0;
}
#main #c01.nozzle .t06_01{
    width: 140px;
}
#main #c01.nozzle .clm-2 .item .item01{
    float: left;
    width: 100px;
}
    #main #c01.nozzle .clm-2 .item .item01 img{
        display: block;
        width: 100%;
        height: auto;
    }
#main #c01.nozzle .clm-2 .item .item02{
    float: right;
    width: 210px;
}
    #main #c01.nozzle .clm-2 .item .item02 h4{
        font-size: 1.5rem;
        line-height: 1.3;
        font-weight: bold;
        padding-bottom: .5rem;
    }
    #main #c01.nozzle .clm-2 .item .item02 p{
        font-size: 1.3rem;
        line-height: 1.5;
    }
#main #c01.nozzle .t12 tbody th{
    vertical-align: middle;
    background-color: #fff;
}
#main #c01.nozzle .t12 tbody td{
    text-align: center;
    vertical-align: middle;
}

/* エア抜き */
#main #c01.parts08 .t11 th,
#main #c01.parts08 .t11 td{
    padding: 0;
}
#main #c01.parts08 .t11 td.t11_02{
    width: 260px;
    padding: 0 0 0 20px;
}
#main #c01.parts08 .t11 td.t11_02 img{
    display: block;
    width: 100%;
    height: auto;
}

/* 補強枠 */
#main #c01.parts01 .t11{
    display: table;
    margin: 0 auto;
    width: auto;
}
#main #c01.parts01 .t11 td{
    padding: 0 5rem;
}

/* 側面マンホール */
#main #c01 .box02{
    overflow: hidden;
    border: 1px solid #d5d5d5;
    padding: 1.5rem;
}
    #main #c01 .box02 .img01{
        float: left;
        width: 125px;
        margin: 0 2rem 0 0;
    }
        #main #c01 .box02 .img01 img{
            display: block;
            width: 100%;
            height: auto;
        }
#main #c01 .manhole {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 2rem;
}
    #main #c01 .manhole p {
        margin-bottom: 1rem;
    }
    #main #c01 .manhole .annotation {
        font-size: 1.2rem;
        text-indent: -1em;
        margin-left: 1em;
    }

/* 液面計 */
#main #c01 .block01{
    overflow: hidden;
}
#main #c01 .box03,
#main #c01 .box04{
    width: 49%;
}
#main #c01 .box03{
    float: left;
}
#main #c01 .box04{
    float: right;
}

/* シーズヒーター */
#main #c01.parts10 .block11{
    margin: 0 auto;
    /*width: 308px;*/
    width: 272px;
}
#main #c01.parts10 .block11 img{
    display: block;
    width: 100%;
    height: auto;
}

/* バルブ */
#main #c01.parts12 .clm-2 .item .item01{
    float: left;
    width: 100px;
}
    #main #c01.parts12 .clm-2 .item .item01 img{
        display: block;
        width: 100%;
        height: auto;
    }
#main #c01.parts12 .clm-2 .item .item02{
    float: right;
    width: 210px;
}
    #main #c01.parts12 .clm-2 .item .item02 h4{
        font-size: 1.5rem;
        line-height: 1.3;
        font-weight: bold;
        padding-bottom: .5rem;
    }
    #main #c01.parts12 .clm-2 .item .item02 p{
        font-size: 1.3rem;
        line-height: 1.5;
    }