/*全ページ共通ここから*/

.emphasis {
    color: #ff0000;
}

.all_center {
    text-align: center;
}

    .pg_paintset_shindan img{
        padding: 2% 1% 2% 1%;
        display: table-cell;
        float:left;
        width: 48%;
    }

/*全ページ共通ここまで*/


/*外壁３点セット共通ここから*/

.pg_paintset_footer {
    /*下のbackground の色コードを会社独自のものに変更してください*/
    background-color: #009788;
    text-align: center;
    padding: 1.5%;
}

#main h3.pg_paintset_ribon {
    color: #fff;
    /*下のbackground の色コードを会社独自のものに変更してください*/
    background: #009788;
    font-weight: bold;
    margin-top: 3%;
    padding: 1.5%;
    border: 0;
    width: 95.2%;
    box-shadow: 0 1px 3px #777;
    position: absolute;
}

#main h3.pg_paintset_ribon:after,
#main h3.pg_paintset_ribon:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}

#main h3.pg_paintset_ribon:before {
    right: 0;
    border-left: 5px solid #333;
}

#main h3.pg_paintset_ribon:after {
    left: 0;
    border-right: 5px solid #333;
}

.pg_paintset_stripe {
    background: url('../images/stripe.jpg') repeat scroll 0 0 transparent;
    margin: 0 auto;
    padding: 3% 1%;
    position: relative;
}

.pg_paintset_stripe > div,
.pg_paintset_stripe > div.text_first {
    background-color: #fff;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    padding: 15% 3% 4% 3%;
    margin: 0 10px;
}

.pg_paintset_stripe > div.text_first {
    padding: 3%;
}

.pg_paintset_stripe > div > img {
    float: right;
    padding: 15px 2% 0 2%;
    width: 25%;
    min-width: 100px;
}

.pg_paintset_stripe > div > p {
    padding-top: 15px;
}

.pg_paintset_stripe > div.text_first > p {
    padding: 0;
}

.pg_paintset_bnr {
    table-layout: fixed;
    width: 100%;
}

.pg_paintset_bnr td {
    width: 50%;
}

/*外壁３点セット共通ここまで*/


/*以下「なぜ必要？」固有部分*/

#main h4.pg_paintset_paint01_h4 {
    padding: 0;
    margin: 0;
    border: 0;
    text-align: center;
}

.pg_catchcopy {
    font-weight: bolder;
    font-size: 1.6em;
}

@media screen and (max-width:1024px) {
    .pg_catchcopy {
        font-size: 1.8em;
    }
}

@media screen and (max-width:640px) {
    .pg_catchcopy {
        font-size: 1.1em;
    }
}

.pg_catchcopy .emphasis {
    font-size: 1.1em;
}


/*以下「なぜ必要？」固有部分ここまで*/