img{
    max-width: 100%;
    height: auto;
}

section .inner{padding:50px 16px;position:relative; width:100%; max-width:1000px; margin:0 auto;}
section.page .inner{padding:80px 16px 50px;position:relative; width:100%; max-width:1000px; margin:0 auto;}
section.first .inner{padding-top: 0;}
@media screen and (max-width:767px){
    section .inner{
        padding-left: 16px;
        padding-right: 16px;
    }
    section#PCL-31.page .inner{
        padding-top: 60px;
    }
    
}

section .inner h2{margin-bottom:35px; padding:20px 0;}

.products{padding:15px 0; letter-spacing:-0.4em; text-align:justify;}
.products div{display:inline-block; vertical-align:top;  letter-spacing:0;}
.products div.ph{width: 40%;}

.products div.txt{ width: 59.5%; position:relative;}

.products div.txt h2{display:block; margin-bottom:15px; padding:0;}
.products div.txt p{line-height:1.8; font-size:13px; padding:5px 0;}
.products div.txt ul{margin-top:50px;}
.products div.txt ul li{display:inline-block; vertical-align:top; letter-spacing:0; padding:5px; width:100px; }
.products div.txt ul li img{width:100px; height:auto; }
.products div.txt .price{color:#004785; font-weight:bold; font-size:13px; text-align:right; position:absolute; top:90px; right:0;}

@media screen and (max-width:1000px){
    .products div.ph{
        width: 100%;
    }

    .products div.txt{
        width: 100%;
    }
    .products div.txt .price{
        text-align: left;
        display: block;
        position: static;
        margin-top: 24px;
    }
    .products div.txt .price img{
        width: 30px;
        margin-top: 8px;
    }
    .products div.txt ul li{
        width: 24%;
        padding-top: 0;
        padding-bottom: 0;

    }
    .products div.txt .ppc01_list li{

        width: 107px;
    }
    .products div.txt .ppc01_list li:last-of-type{

        width: 180px;
    }
    .products div.txt ul li img{
        width: 100%;
    }
}

@media screen and (max-width:767px){
    .products{
        padding-top: 0;
    }
    .products div.ph{
        width: 60%;
    }
    .products div.txt{
        text-align: left;
        width: auto;
    }
    .products div.txt p{
        line-height: 1.5;
    }
    .products div.txt ul{
        margin-top: 16px;
    }
    .products div.txt .ppc01_list li{
        width: 17%;
    }
    .products div.txt .ppc01_list li:last-of-type{
        width: 31% !important;
    }
}

@media screen and (max-width:630px){
    .products{
        text-align: center;
    }
    .products div.txt .ppc01_list li{
        width: 19%;
    }
}
@media screen and (max-width:370px){
    .products div.txt ul li{
        width: 23%;
    }
}

table.spec_table{width:100%; margin:10px 0; font-size:13px; border-top:dotted 1px #ccc;}
table.spec_table td,table.spec_table th{padding:10px; border:solid 1px #ccc; font-size:13px; vertical-align:middle; line-height:1.75; text-align:left;}
table.spec_table th{text-align:right; }
table.spec_table td{box-sizing:border-box; text-align:left; white-space:nowrap;}
table.spec_table tr.even{background:#f5f5f5;}
@media screen and (max-width:900px){
    table.spec_table td{
        white-space: normal;
    }
}
@media screen and (max-width:767px){
    table.spec_table{
        font-size: 12px;
    }
    table.spec_table td,table.spec_table th{
        padding: 4px;
        font-size: 12px;
    }
    .last_table.spec_table td,.last_table.spec_table th{
        padding: 2px;
    }
    table.spec_table td{
        white-space: normal;
    }
}

p.caps{padding:15px 0; line-height:1.8; font-size:13px;}
p.caps.foot_caps{
    padding-bottom: 0;
}
p.caps strong{color:#004785; font-weight:bold; font-size:18px; display:block; margin-bottom:5px;}
@media screen and (max-width:767px){
    p.caps.ablerefuse{
        padding-top: 0;
    }
    p.caps strong{
        font-size: 15px;
    }
}

p a{color:#0080c3; text-decoration:none;}
p a:hover{color:#004785; text-decoration:underline;}



h3.ttl3{margin-bottom:40px;}
h3.ttl3 img{padding:10px 0;}
.block{width:802px; margin:20px auto; border:solid 1px #7fbfe1;}

div.pagettl .inner{padding:0;position:relative; width:100%; max-width:1000px; margin:0 auto;}
div.pagettl .inner h1{padding:0; margin:0;}
@media screen and (max-width:767px){
    div.pagettl .inner{
        height: 100%;
    }
    div.pagettl .inner .w104{
        width: 104px;
    }
}