@charset "utf-8";
/* CSS Document */


.korona {
    background: #df2f27;
    padding: 5px;
    font-weight: bold;
    font-size: 15pt;
    text-align: center;
    color: white;
    border: solid 2px #df2f27;
    margin-top: 22px;
}

.korona2 {
    background: #ffffff;
    padding: 7px;
    border: solid 2px #df2f27;
    margin: 5px 0 20px 0;
    width: 45%;
    float: left;
    text-align: center;
    font-weight: bold;
    color: #df2f27;
    font-size: 12pt;
}

.online {
    background: #ffffff;
    padding: 7px;
    border: solid 2px #df2f27;
    margin: 5px 0 20px 0;
    width: 45%;
    text-align: center;
    float: right;
    color: #df2f27;
    font-weight: bold;
    font-size: 12pt;
}

@media only screen and (max-width: 767px) {
    .korona {
        background: #df2f27;
        padding: 5px;
        font-weight: bold;
        font-size: 13pt;
        text-align: center;
        color: white;
        border: solid 2px #df2f27;
        margin-right: auto;
    }

    .korona2 {
        background: #ffffff;
        padding: 7px;
        border: solid 2px #df2f27;
        margin: 5px 0 20px 0;
        width: 44%;
        float: left;
        text-align: center;
        font-weight: bold;
        color: #df2f27;
        font-size: 9pt;
    }

    .online {
        background: #ffffff;
        padding: 7px;
        border: solid 2px #df2f27;
        margin: 5px 0 20px 0;
        width: 43%;
        text-align: center;
        float: right;
        color: #df2f27;
        font-weight: bold;
        font-size: 9pt;
    }
}



/* 屋根の構造 */
.kouzou .setusetu {
    margin-top: 20px;
}

.kouzou .setusetu3 {
    margin-top: 45px;
}

.kouzou .bg-blackgray {
    text-align: center;
    background: #333;
    margin: 0 auto;
    padding: 10px;
    color: #fff !important;
    font-weight: bold;
    margin-bottom: 0px;
}

.kouzou .button2 {
    text-align: center;
    /* margin: 15px; */
    background: #333;
    width: 40%;
    margin: 15px auto;
    padding: 10px;
    color: #fff !important;
    font-weight: bold;
}

.kouzou .button3 {
    text-align: center;
    /* margin: 15px; */
    background: #333;
    margin: 0 auto;
    padding: 10px;
    color: #fff !important;
    font-weight: bold;
}

.kouzou .button33 {
    text-align: center;
    width: 50%;
    margin: 0 auto;
    padding: 10px;
    color: #fff !important;
    font-weight: bold;
    font-size: 14px;
    background: #333;
}

@media only screen and (max-width: 767px) {
    .kouzou .button2 {
        width: 85%;
    }

    .kouzou .button33 {
        width: 85%;
    }
}

/* 笠木 */
.kasagi .kotirabtn {
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
    background-color: #4D4D4D;
    padding: 7px 15px 7px 15px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 50%;
    text-align: center;
}

.kasagi .kotirabtn a {
    color: #ffffff;
}

@media only screen and (max-width: 767px) {
    .kasagi .kotirabtn {
        width: 80%;
    }
}


/* 大波小波スレート */
.onamikonami table,
td,
th {
    border: 1px solid #595959;
    border-collapse: collapse;
    line-height: 1.3;
}

.aoshiromozi {
    color: #ffffff;
    vertical-align: middle;
    background-color: #1481ca;
    padding: 5px 5px 5px 5px;
    text-align: center;
}

/* シート防水 */
.cto .jireibtn {
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
    background-color: #ffffff;
    padding: 7px 15px 7px 15px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 51%;
    text-align: center;
    border: solid 1px #4d4d4d;
}

.cto .mt10 {
    margin-top: 10px;
}

.cto .mb10 {
    margin-bottom: 10px;
}

.cto td {
    border: solid 1px #000000;
    font-weight: bold;
    font-size: 19px;
    text-align: center;
}

.cto .hyou {
    margin: 10px 0 10px 0;
}

.cto .kotirabtn {
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
    background-color: #4D4D4D;
    padding: 7px 15px 7px 15px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 50%;
    text-align: center;
}

.cto .kotirabtn a {
    text-decoration-line: none !important;
    color: white !important;
}

.cto .fl-l-n {
    float: left;
}

.cto .fl-r {
    width: 49%;
    float: right;
}

@media only screen and (max-width: 767px) {
    .cto td {
        border: solid 1px #000000;
        font-weight: bold;
        font-size: 11px;
        text-align: center;
    }

    .cto .kotirabtn {
        color: #ffffff;
        font-size: 11pt;
        font-weight: bold;
        background-color: #4D4D4D;
        padding: 7px 15px 7px 15px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 80%;
        text-align: center;
    }

    .cto .jireibtn {
        color: #ffffff;
        font-size: 11pt;
        font-weight: bold;
        background-color: #ffffff;
        padding: 7px 15px 7px 15px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 80%;
        text-align: center;
        border: solid 1px #4d4d4d;
    }
}

/* ウレタン防水 */
.uret .p10t {
    margin-top: 10px;
}

.uret .p10 {
    margin-bottom: 10px;
}

.uret .kotirabtn {
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
    background-color: #4D4D4D;
    padding: 7px 15px 7px 15px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 50%;
    text-align: center;
}

.uret .kotirabtn a {
    text-decoration-line: none !important;
    color: white !important;
}

.uret td {
    border: solid 1px #000000;
    font-weight: bold;
    font-size: 19px;
    text-align: center;
}

.uret .kotirabtn2 {
    color: #4D4D4D;
    font-size: 11pt;
    font-weight: bold;
    padding: 7px 15px 7px 15px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 50%;
    text-align: center;
    border: solid #4D4D4D;
}

@media only screen and (max-width: 767px) {
    .uret .mae {
        width: 68%;
    }

    .uret .hyou tr td {
        font-size: 8px;
    }

    .uret .kotirabtn {
        color: #ffffff;
        font-size: 11pt;
        font-weight: bold;
        background-color: #4D4D4D;
        padding: 7px 15px 7px 15px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 90%;
        text-align: center;
    }

    .uret .kotirabtn2 {
        color: #4D4D4D;
        font-size: 11pt;
        font-weight: bold;
        padding: 7px 15px 7px 15px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 73%;
        text-align: center;
        border: solid #4D4D4D;
    }
}

/* タスペーサー */
.tps .dai {
    margin-top: 30px;
}

.tps .tk-10 {
    margin-top: 10px;
}

/* リッジウェイ */
.center50 h2.h2sitase {
    color: #00558D;
    border-bottom: solid 2px #00558D;
    padding-top: 16px;
    font-size: 17pt;
    font-weight: bold;
    margin-bottom: 25px;
}

.btn10 {
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
    background-color: #4D4D4D;
    padding: 7px 15px 7px 15px;
    margin: 0 auto;
    margin-top: 10px;
    width: 50%;
    text-align: center;
}

@media only screen and (max-width: 767px) {

    .btn10 {
        color: #ffffff;
        font-size: 11pt;
        font-weight: bold;
        background-color: #4D4D4D;
        padding: 7px 15px 7px 15px;
        margin: 0 auto;
        margin-top: 10px;
        width: 90%;
        text-align: center;
    }


    .center50 .bg-gray_18--1 {
        padding: 15.8px;
        background: #E6E6E6;
        text-align: left;
    }
}


/* きわみ */
.kwm .tk-10 {
    margin-top: 10px;
}

.kwm .midasi {
    font-size: 30px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 25px;
    line-height: 1.3;
    text-align: center;
}

.kwm .blue_text {
    color: #00558D;
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
    .kwm .blue_text {
        color: #00558D;
        font-weight: bold;
    }

    .kwm .line_lightblue {
        border: solid #CCE3F2 3px;
        padding: 15px;
        border-radius: 10px;
        margin-bottom: 15px;
    }

    .kwm .midasi2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 30px;
        margin-bottom: 25px;
        line-height: 1.3;
        text-align: center;
    }
}

/* アスファルトシングル */
.boo {
    margin-left: 170px;
}

.ys-as-13-1 {
    float: left;
    width: 65%;
    height: 90px;
    text-align: initial;
    padding: 37px 0 0 15px;
    border-bottom: solid 3px #0071bc;
    line-height: 1.2;
    margin-bottom: 20px;
}

.wake73 {
    float: right;
    margin: 58px 77px 30px 10px;
}

.wake73-2 {
    float: right;
    margin: 35px 77px 30px 10px;
}

.wake73-3 {
    float: right;
    margin: 14px 120px 30px 10px;
}

@media only screen and (max-width: 767px) {
    .wake73 {
        float: none;
        margin: 25px 77px 5px 10px;
        width: 100%;
    }

    .wake73-2 {
        float: none;
        margin: 35px 77px 15px 10px;
        width: 100%;
    }

    .wake73-3 {
        float: none;
        margin: 17px 120px 5px 10px;
        width: 100%;
    }

    .boo {
        margin-left: 0px;
    }
}

/* 軽微補修 */
.mokuziwakusen {
    text-align: left;
}

.zyuudai {
    margin-top: 50px;
    font-weight: bold;
    color: #8c0b00;
    font-size: 17pt;
    line-height: 1.2;
}

.sp-zyudaiaicn2 {
    float: left;
}

@media only screen and (max-width: 767px) {
    .dai_3 {
        text-align: left;
    }

    .karamu2_right {
        text-align: left;
    }

    .karamu2_left {
        text-align: left;
    }

    .mar-t10 {
        text-align: left;
    }

    .sp-zyudaiaicn2 {
        width: 30%;
        float: left;
        margin: 10px 0 10px 0;
    }

    .zyuudai {
        margin-top: 5px;
        font-weight: bold;
        color: #8c0b00;
        font-size: 17pt;
        line-height: 1.2;
        float: right;
        width: 68%;
        text-align: left;
    }

    .dai3_2 {
        text-align: left;
    }

    .title3-3 {
        text-align: left;
    }
}

/* 陸屋根 */
.exblue {
    color: #0071bc;
}

.ys-as-06 {
    float: left;
    width: 15%;
}

.ys-as-17 {
    clear: both;
    width: 60%;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}

.ys-as-07 {
    float: right;
    width: 50%;
    margin-bottom: 20px;
}

.ys-as-05 {
    float: left;
    width: 35%;
}

.ys-as-13 {
    float: left;
    width: 65%;
    height: 90px;
    text-align: initial;
    padding: 0 0 0 10px;
    border-bottom: solid 3px #0071bc;
    line-height: 1.2;
    margin-bottom: 20px;
}

.ys-as-12 {
    width: 33%;
    height: 90px;
    float: left;
    border-bottom: solid 3px #0071bc;
}

div.half-r-as {
    width: 49%;
    float: right;
}

div.half-l-as {
    width: 49%;
    float: left;
}

.w70to100 {
    width: 70%;
}

.mar-t20 {
    margin-top: 20px;
}

.ys-as-10 {
    width: initial;
    height: initial;
    float: left;
    margin-top: 30px;
}

.ys-as-11 {
    float: left;
    width: initial;
    height: 117px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.ys-as-11-2 {
    float: left;
    width: 80%;
    height: 117px;
    margin-top: 30px;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .ys-as-10 {
        width: 30%;
        height: initial;
        float: none;
        margin: auto;
        margin-top: 20px;
    }

    div.half-l-as {
        width: 100%;
        float: none;
    }

    div.half-r-as {
        width: 100%;
        float: none;
    }

    .ys-as-11 {
        float: left;
        width: initial;
        height: 65px;
        margin-top: 15px;
    }

    .ys-as-11-2 {
        float: none;
        width: 80%;
        height: 90px;
        margin: auto;
        margin-top: 15px;
    }

    .ys-as-12 {
        width: 80%;
        float: none;
        margin: auto;
        border-bottom: none;
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .ys-as-13 {
        float: none;
        width: 95%;
        height: 90px;
        text-align: initial;
        padding: 0 0 0 10px;
        border-bottom: solid 3px #0071bc;
        line-height: 1.5;
        text-align: center;
    }

    .ys-as-05 {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .ys-as-07 {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .ys-as-17 {
        clear: both;
        width: 100%;
        text-align: center;
        margin: 20px 0 20px 0;
    }
}

/* リフォームローン */
.h3-border2 {
    color: #00558D;
    border-bottom: 3px solid #00558D;
    margin: 30px 0 20px 0;
    font-size: 17pt;
    font-weight: 500;
}

.n-48 {
    width: 48%;
}

.n-45 {
    width: 45%;
}

.fl-l-s {
    width: 20%;
    float: left;
    margin-bottom: 10px;
}

.bo-bu-pink {
    border-top: #B41D8D dotted 2px;
}

.bo_dotb {
    border-bottom: #00558D dotted 2px;
    padding: 0px;
    margin: 0px;
}

.bo-purple {
    border: #4C60A3 solid 1px;
    padding: 0px;
    margin: 0px;
}

.fl-ree {
    width: 48%;
    float: right;
}

@media only screen and (max-width: 767px) {
    .komidasi_b {
        font-size: 15px;
        padding-top: 30px;
    }

    .keiki {
        font-size: 18px;
        text-align: left;
        margin-top: 9px;
    }

    .komidasi_b {
        font-size: 30px;
    }

    .h3-border2 {
        color: #00558D;
        border-bottom: 3px solid #00558D;
        margin: 30px 0 20px 0;
        font-size: 17pt;
        font-weight: 500;
    }

    .n-48 {
        width: 100%;
    }

    .n-45 {
        width: 100%;
    }

    .fl-l-s {
        width: 20%;
        float: left;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .bo-bu-pink {
        border-top: #B41D8D dotted 2px;
    }

    .bo_dotb {
        border-bottom: #00558D dotted 2px;
        padding: 0px;
        margin: 0px;
    }

    .bo-purple {
        border: #4C60A3 solid 1px;
        padding: 0px;
        margin: 0px;
    }

    .fl-ree {
        width: 100%;
        float: none;
        text-align: left;
    }
}

/* 足場 */
.lightblue_text {
    background: #ACDFE8;
    padding: 10px;
    color: #00558D;
    font-weight: bold;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.bg-white {
    padding: 18px;
    border: solid #E6E6E6 1px;
    text-align: left;
}

.bg-gray_18 {
    padding: 18px;
    background: #E6E6E6;
    text-align: left;
}

.fl-l-100 {
    float: left;
    width: 49%;
}

.fl-l-200 {
    width: 23%;
    margin-right: 10px;
    margin-top: 10px;
    float: left;
}

.fl-l-300 {
    float: left;
}

.fl-r-100 {
    float: right;
    width: 49%;
}

.w-451 {
    width: 50%;
    float: right;
}

@media only screen and (max-width: 767px) {

    .w-451 {
        width: auto;
        float: none;
    }

    .bg-white {
        padding: 4px;
        border: solid #E6E6E6 1px;
        text-align: left;
    }

    .bg-gray_18 {
        padding: 4px;
        background: #E6E6E6;
        text-align: left;
    }

    .fl-l-100 {
        float: none;
        width: auto;
    }

    .fl-l-200 {
        width: auto;
        margin-right: 10px;
        margin-top: 10px;
        float: none;
    }

    .fl-r-100 {
        float: right;
        width: auto;
    }
}

/*屋根料金*/
.ao {
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
    background-color: #99ccff;
    color: #0066cc;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}

.link_box {
    background-color: #f26400;
    font-size: 22px;
    padding-top: 9px;
    padding-bottom: 8px;
    text-align: center;
    margin-bottom: 20px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 100%;
}

.link_box .txt {
    display: inline;
    background-image: url(price_plan/list.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 40px;
}

p.caption {
    width: 220px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 110%;
    height: 40px;
    margin-top: 10px;
}

.col3 li {
    width: 220px;
    margin-right: 15px;
    float: left;
    margin-bottom: 10px;
    display: block;
    list-style-image: none;
    list-style-type: none;
}

li.pc_last {
    margin-right: 0px;
    float: left;
}

.small_midashi {
    width: 120px;
    margin-bottom: 15px;
}

.line_h2 {
    line-height: 1.5em;
}

a {
    color: #ffffff;
}

@media only screen and (max-width: 767px) {
    .col3 li {
        width: 226px;
        margin-right: 10px;
        float: left;
        margin-bottom: 10px;
        display: block;
        list-style-image: none;
        list-style-type: none;
    }

    li.pc_last {
        margin-right: 0px;
        float: left;
    }

    .line_h2 {
        line-height: 1.5em;
        text-align: left;
    }

    .col3 li {
        width: 48%;
        margin-right: 2%;
        float: left;
        margin-bottom: 10px;
    }

    .col3 li p.caption {
        width: 100%;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        line-height: 110%;
        height: 40px;
    }

}

/*雪止め*/
.h3-border {
    color: #00558D;
    border-bottom: 3px solid #00558D;
    margin: 30px 0 20px 0;
    font-size: 20pt;
    font-weight: 500;
}

.hidarirain {
    border-left: 5px solid #00558D;
    padding: 5px;
    font-size: 13pt;
    margin: 10px 0px 10px 0px;
    color: #00558D;
    width: 85%;
    float: right;
    background: rgba(172, 223, 232, 0.42);
}

.syuruimozi {
    color: #000000;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 10px;
    width: 82%;
    float: right;
    border-left: 5px solid #86B3E0;
}

.hidarirain2 {
    border-left: 5px solid #00558D;
    padding: 5px;
    font-size: 13pt;
    margin: 10px 0px 10px 0px;
    color: #00558D;
    width: 85%;
    float: right;
    background: #fff;
}

.yukiziko {
    background-image: url(http://xn--3kqz84af9af3v.net/wp-content/uploads/2019/09/unnamed.jpg);
    background-size: cover;
    padding: 30px;
    margin-bottom: 20px;
}

.zikomozi {
    color: #000000;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 35px;
}

.syurui {
    background-image: url(http://xn--3kqz84af9af3v.net/wp-content/uploads/2019/09/unnamed.png);
    background-size: cover;
    padding: 30px;
    margin-bottom: 20px;
    height: 230px;
}

.syurui2 {
    background-image: url(http://xn--3kqz84af9af3v.net/wp-content/uploads/2019/09/unnamed.png);
    background-size: cover;
    padding: 30px;
    margin-bottom: 20px;
    height: 270px;
}

.pic31-6 {
    height: 230px;
    padding-top: 10px;
}

.karamu2_right4 {
    width: 58%;
    float: right;
}

.line_h {
    text-align: left;
}


@media screen and (max-width: 767px) {
    .h3-border {
        color: #00558D;
        border-bottom: 3px solid #00558D;
        margin: 30px 0 20px 0;
        font-size: 20pt;
        font-weight: 500;
    }

    .hidarirain {
        border-left: 5px solid #00558D;
        padding: 5px;
        font-size: 13pt;
        margin: 10px 0px 10px 0px;
        color: #00558D;
        width: 160%;
        float: none;
        background: rgba(172, 223, 232, 0.42);
    }

    .syuruimozi {
        color: #000000;
        background-color: rgba(255, 255, 255, 0.5);
        padding: 10px;
        width: 155%;
        float: none;
        border-left: 5px solid #86B3E0;
    }

    .hidarirain2 {
        border-left: 5px solid #00558D;
        padding: 5px;
        font-size: 13pt;
        margin: 10px 0px 10px 0px;
        color: #00558D;
        width: 160%;
        float: none;
        background: #fff;
    }

    .yukiziko {
        background-image: url(http://xn--3kqz84af9af3v.net/wp-content/uploads/2019/09/unnamed.jpg);
        background-size: cover;
        padding: 30px;
        margin-bottom: 20px;
    }

    .zikomozi {
        color: #000000;
        background-color: rgba(255, 255, 255, 0.5);
        padding: 35px;
    }

    .syurui {
        background-image: url(http://xn--3kqz84af9af3v.net/wp-content/uploads/2019/09/unnamed.png);
        background-size: cover;
        padding: 30px;
        margin-bottom: 20px;
        height: 520px;
    }

    .syurui2 {
        background-image: url(http://xn--3kqz84af9af3v.net/wp-content/uploads/2019/09/unnamed.png);
        background-size: cover;
        padding: 30px;
        margin-bottom: 20px;
        height: 600px;
    }

    .pic31-6 {
        height: 230px;
        padding-top: 10px;
    }

    .karamu2_right4 {
        width: 58%;
        float: none;
    }

    .line_h {
        text-align: left;
    }


}


/*散水試験*/
.dai3_2 {
    color: #F26400;
    font-size: 1.3em;
    font-weight: bold;
    vertical-align: middle;
    background-color: #FEFAD1;
    padding: 10px 15px 7px 15px;
    margin: 20px 0 10px 0;
}

.am {
    background: #FEFAD1;
    padding: 6px;
    color: #F26400;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 15px;
    text-align: center;
    height: 45px;
}

.bo5 {
    margin-bottom: 10px;
}

/*消費税増税*/
.dai1 {
    background-color: #F26400;
    padding: 10px;
    color: #FFF;
    margin-bottom: 20px;
    font-size: 1.5em;
}

.yellow_tensen {
    vertical-align: middle;
    background-color: #FEFAD1;
    padding: 20px 25px 20px 25px;
    margin: 40px 0 20px 0;
    border: #FCD87C 2px dashed;
}

.mokuzi_wakusen {
    border: #CCC 2px solid;
    padding: 9px;
    margin-top: 43px;
    margin-bottom: 30px;
}

.mokuzi_dai {
    text-align: center;
    margin: 10px;
}

.mokuzitoukyou {
    text-align: center;
    font-size: 20pt;
    font-weight: bold;
}

.dai2 {
    border-bottom: solid 2px #F26400;
    color: #F26400;
}

.kotira {
    text-align: center;
    margin: 20px 0 10px 0;
}

.fukidasi {
    font-size: 30pt;
    font-weight: bold;
    text-align: center;
    color: #333333;
    padding: 15px 0 25px 0;
}

.karamu2_left {
    width: 49%;
    float: left;
}

.karamu2_right {
    width: 49%;
    float: right;
}

.dai3 {
    color: #F26400;
    font-size: 1.3em;
    font-weight: bold;
    vertical-align: middle;
    background-color: #FEFAD1;
    padding: 10px 15px 7px 15px;
    margin: 40px 0 20px 0;
}

.minititle {
    border-left: 5px solid #F26400;
    padding: 5px;
    font-size: 13pt;
    margin: 20px 0px 10px 0px;
    color: #F26400;
    font-weight: bold;
}

.zouzeiao_left {
    background-color: #CCDEFF;
    width: 45%;
    float: left;
    padding: 11px;
    text-align: center;
    font-weight: bold;
    font-size: 12pt;
    color: #333;
    margin-bottom: 10px;
}

.zouzeiao_right {
    background-color: #CCDEFF;
    width: 45%;
    float: right;
    padding: 11px;
    text-align: center;
    font-weight: bold;
    font-size: 12pt;
    color: #333;
}


.matome {
    vertical-align: middle;
    background-color: #f9f9f9;
    padding: 20px 25px 20px 25px;
    margin: 40px 0 20px 0;
    border: #CCC 2px solid;
}

.matome-mozi {
    text-align: center;
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 10px;
}

.right_nobun {
    margin: 0;
}

#r {
    text-align: right;
}

.kakko {
    margin-top: 7px;
}

.orange_black {
    font-size: 16pt;
    text-align: center;
    line-height: 1.2;
    margin: 20px 0 0 0;
}

.orange {
    color: #F26400;
}

.zouzeihyou {
    width: 100%;
    border-collapse: collapse;
    font-size: 15pt;
    font-weight: bold;
    margin: 20px 0 0 0;
}

.zouzeihyou td {
    text-align: center;
    font-weight: bold;
    line-height: center;
}

.zouzeihyou_tr {
    height: 30px;
}

.hyou_atama {
    width: 23%;
}

.hyou_komi {
    width: 29%;
}

.matome_p {
    margin-bottom: 10px;
}

/*スマホサイズ*/
@media screen and (max-width:767px) {


    .dai1 {
        background-color: #F26400;
        padding: 10px;
        color: #FFF;
        margin-bottom: 20px;
        font-size: 1.5em;
    }

    .zei_p {
        text-align: left;
    }

    .yellow_tensen {
        vertical-align: middle;
        background-color: #FEFAD1;
        padding: 20px 25px 20px 25px;
        margin: 40px 0 20px 0;
        border: #FCD87C 2px dashed;
        text-align: left;
    }

    .mokuzi_wakusen {
        border: #CCC 2px solid;
        padding: 9px;
        margin-top: 43px;
        margin-bottom: 30px;
    }

    .mokuzi_wakusen li {
        text-align: left;
    }

    .mokuzi_dai {
        text-align: center;
        margin: 10px;
    }

    .mokuzitoukyou {
        text-align: center;
        font-size: 20pt;
        font-weight: bold;
    }

    .dai2 {
        border-bottom: solid 2px #F26400;
        color: #F26400;
    }

    .kotira {
        text-align: center;
        margin: 20px 0 10px 0;
    }

    .fukidasi {
        font-size: 23pt;
        font-weight: bold;
        text-align: center;
        color: #333333;
        padding: 15px 0 25px 0;
        line-height: 1.3;
    }

    .karamu2_left {
        width: 100%;
        float: none;
        text-align: left;
        margin-bottom: 5px;
    }

    .karamu2_right {
        width: 100%;
        float: none;
    }

    .dai3 {
        color: #F26400;
        font-size: 1.3em;
        font-weight: bold;
        vertical-align: middle;
        background-color: #FEFAD1;
        padding: 10px 15px 7px 15px;
        margin: 40px 0 20px 0;
        text-align: left;
    }

    .minititle {
        border-left: 5px solid #F26400;
        padding: 5px;
        font-size: 13pt;
        margin: 20px 0px 10px 0px;
        color: #F26400;
        font-weight: bold;
        text-align: left;
    }

    .zouzeiao_left {
        background-color: #CCDEFF;
        width: 100%;
        float: none;
        padding: 11px;
        text-align: center;
        font-weight: bold;
        font-size: 12pt;
        color: #333;
        margin-bottom: 10px;
        margin-left: -8px;
    }

    .zouzeiao_right {
        background-color: #CCDEFF;
        width: 100%;
        float: none;
        padding: 11px;
        text-align: center;
        font-weight: bold;
        font-size: 12pt;
        color: #333;
        margin-bottom: 10px;
        margin-left: -8px;
    }


    .matome {
        vertical-align: middle;
        background-color: #f9f9f9;
        padding: 20px 25px 20px 25px;
        margin: 40px 0 20px 0;
        border: #CCC 2px solid;
    }

    .matome-mozi {
        text-align: center;
        font-size: 14pt;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .right_nobun {
        margin: 0;
        text-align: left;
    }

    .r {
        text-align: right;
    }

    .kakko {
        margin-top: 0;
        text-align: left;
    }

    .orange_black {
        font-size: 13pt;
        text-align: center;
        line-height: 1.2;
        margin: 10px 0 10px 0;
    }

    .orange {
        color: #F26400;
    }

    .zouzeihyou {
        width: 100%;
        border-collapse: collapse;
        font-size: 11pt;
        font-weight: bold;
        margin: 20px 0 0 0;
    }

    .zouzeihyou td {
        font-weight: bold;
    }

    .zouzeihyou_tr {
        height: 15px;
    }

    .hyou_atama {
        width: 23%;
    }

    .hyou_komi {
        width: 29%;
    }

    .matome_p {
        margin-bottom: 10px;
        text-align: left;
    }
}


/*お客様動画ページ*/

#j h2.subpage {
    font-size: 12pt;
    position: relative;
    padding: 5px;
    background: #ffedd2;
}

#j h2.subpage:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #ffedd2;
    width: 0;
    height: 0;
}

.asd {
    background: #f26400;
    padding: 10px;
    margin-top: 15px;
    color: #fff;
    margin-bottom: 10px;
    font-size: 15pt;
}

.hukikaeokyakusamaimg {
    width: 50%;
}

.hukikaeokyakusamaimg49 {
    width: 49% !important;
}

.mar-b6 {
    margin-bottom: 6px;
}

.karavw-23 {
    width: 23%;
    margin-right: 10px;
}

.matome {
    vertical-align: middle;
    background-color: #f9f9f9;
    padding: 20px 25px 20px 25px;
    margin: 40px 0 20px 0;
    border: #CCC 2px solid;
}

.matome-mozi {
    text-align: center;
    font-size: 15pt;
    font-weight: bold;
    margin-bottom: 10px;
}

.mar-r40 {
    margin-right: 40px;
}

.text-c {
    text-align: center;
}

.voicemar-10 {
    margin-right: 10px;
}


@media only screen and (max-width: 1061px) {
    .hukikaeokyakusamaimg {
        width: 100%;
    }

    .hukikaeokyakusamaimg49 {
        width: 100%;
    }

    .voicemar-10 {
        margin-right: 1px;
    }
}

@media only screen and (min-width: 768px) {
    .voice_dougaaikon {
        position: absolute;
        color: white;
        top: 105px;
        left: 150px;
    }
}

.voice_dougaaikon0 {
    position: relative;
}

.voice_dougaaikon0 .fl-l {
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .voice_dougaaikon {
        position: absolute;
        color: white;
        bottom: 20px;
        right: 15%;
    }
}

/*
@media only screen and (max-width: 375px) {
.voice_dougaaikon {
    position: absolute;
    color: white;
    top: 105px;
    left: 233px;
}
}

@media only screen and (max-width: 320px) {

.voice_dougaaikon {
    position: absolute;
    color: white;
    top: 105px;
    left: 195px;
}

}
*/

/*お客様単体ページ*/

.sid_voice {
    padding: 2%;
    background: #f26400;
    color: white;
    /* margin-top: 21px; */
    font-size: 15pt !important;
    text-align: center;
    margin-bottom: 10px;
}


.singlvoice_img-1 {
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
    width: 50%;
}



.singlvoice_img {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 50%;
}

.singlvoice_img2 {
    float: left;
    margin-bottom: 20px;
    width: 50%;
}

.singlvoice_img3 {
    float: right;
    width: 49%;
    margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
    .karavw-23 {
        width: 100%;
        margin-right: 0px;
    }

    .mar-r40 {
        margin-right: 0px;
    }


    .singlvoice_img {
        float: none;
        margin-right: 0px;
        margin-bottom: 20px;
        width: 100%;
    }

    .singlvoice_img2 {
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }

    .singlvoice_img3 {
        float: none;
        width: 100%;
        margin-bottom: 0px;
    }
}

/*NEW地域ページ*/
.chiiki-kensu {
    padding: 0.5em;
    background: #6b492d;
    color: white;
    font-size: 15pt !important;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.kouzi-l {
    width: 31%;
    margin-left: 5px;
    margin-right: -5px;
}

.kouzi-c {
    width: 31%;
    margin-left: 8px;
    margin-right: -8px;
}

.kouzi-r {
    width: 31%;
    margin-left: 10px;

}

p.chiiki_fs17 {
    font-size: 20pt;
    margin-top: 7px;
}

.bgg {
    background-color: whitesmoke;
}

.chiiki_kouziaikon_a {
    margin-bottom: 10px;
    margin-left: 13px;
}

.chiiki_w-24 {
    width: 24%;
}


.chiiki_w-24:hover {
    opacity: 0.5;
}

.chiiki_aikon {
    color: #eb5e18;
    font-size: 25pt !important;
    margin-right: 10px;
}

.chiiki_wakusen {
    border: #CCC 2px solid;
    padding: 5px;
    margin-top: 20px;
    width: 27%;
    float: left;
    margin-right: 1.7%;
    text-align: center;
    height: 117px;
}

.chiiki_wakusen2 {
    border: #CCC 2px solid;
    padding: 7px;
    margin-top: 20px;
    width: 27%;
    float: left;
    text-align: center;
    height: 113px;
}

.chiiki_kouzisyurui {
    float: left;
    margin-right: 1%;
    width: 49%;
}

.chiiki_kouzisyurui2 {
    width: 100%;
}

.chiiki_bloghako {
    /* max-width: 90%; */
    /* margin-left: 10px; */
    /* padding-left: 120px; */
    padding-bottom: 5px;
    /* padding-top: 10px; */
}


.chiiki_jirei_w45 {
    width: 45%;
    margin-right: 1%;
}


.chiiki_jirei_fl-l {
    float: left;
    width: 48%;
}

.chiiki_blogimg {
    float: left;
    width: 17%;
    /* height: 91px; */
    /* margin: 10px; */
    /* margin-top: 15px; */
    /* margin-right: 10px; */
    margin-right: 5px;
}

h4.chiiki_jirei_b1 {
    border-radius: 0;
    background-color: #e3e3e3;
    padding: 0.4em 0;
    margin-bottom: 0;
    text-align: center;
    width: 40%;
}

h4.chiiki_jirei_a1 {
    border-radius: 0;
    background-color: #e3e3e3;
    padding: 0.4em 0;
    margin-bottom: 0;
    text-align: center;
    width: 50%;
}

.chiiki_w-90 {
    width: 90%;
}

.chiiki_w-50 {
    width: 50%;
}

.chiikipageimg_1 {
    float: left;
    margin-right: 13px;
    width: 32%;
}

.chiikipageimg_1-1 {
    width: 32%;
    float: right;
}

.chiikipage_kouziimg {
    float: left;
    margin-right: 10px;
    width: 49%;
}

.chiiki_w-49 {
    width: 49%;
}

h1.chiiki_title {
    padding: 0.5em;
    background: #f26400;
    color: white;
    margin-top: 21px;
    font-size: 15pt !important;
}

.chiikibtn_said {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 8px;
    text-decoration: none;
    /* color: #FFF !important; */
    background: #757575;
    transition: .4s;
    margin-top: 35px;
    float: right;
    /* color: white; */
}

.chiikibtn_said:hover {
    background: #afafaf;
}

iframe.chiiki_map {
    width: 216px;
    height: 216px;
    /* float: right; */
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.chiiki_yazirusi {
    width: 4%;
    float: left;
    margin-top: 110px;
    margin-left: -22px;
    margin-right: 8px;
}

@media screen and (max-width: 767px) {
    .chiiki_yazirusi {
        display: none;
    }
}

@media only screen and (max-width: 414px) {
    .chiiki_aikon {
        color: #eb5e18;
        font-size: 25pt !important;
        margin-right: 10px;
    }

    .chiiki_wakusen {
        border: #CCC 2px solid;
        padding: 5px;
        margin-top: 20px;
        width: 26%;
        float: left;
        margin-right: 3.5%;
        text-align: center;
        height: 117px;
    }

    .chiiki_wakusen2 {
        border: #CCC 2px solid;
        padding: 7px;
        margin-top: 20px;
        width: 27%;
        float: left;
        text-align: center;
        height: 113px;
    }
}

@media only screen and (max-width: 375px) {
    .chiiki_aikon {
        color: #eb5e18;
        font-size: 25pt !important;
        margin-right: 10px;
    }

    .chiiki_wakusen {
        border: #CCC 2px solid;
        padding: 5px;
        margin-top: 20px;
        width: 27%;
        float: left;
        margin-right: 2.7%;
        text-align: center;
        height: 117px;
    }

    .chiiki_wakusen2 {
        border: #CCC 2px solid;
        padding: 7px;
        margin-top: 20px;
        width: 27%;
        float: left;
        text-align: center;
        height: 113px;
    }
}

@media only screen and (max-width: 320px) {
    .chiiki_aikon {
        color: #eb5e18;
        font-size: 25pt !important;
        margin-right: 10px;
    }

    .chiiki_wakusen {
        border: #CCC 2px solid;
        padding: 5px;
        margin-top: 20px;
        width: 27%;
        float: left;
        margin-right: 1.7%;
        text-align: center;
        height: 117px;
    }

    .chiiki_wakusen2 {
        border: #CCC 2px solid;
        padding: 7px;
        margin-top: 20px;
        width: 27%;
        float: left;
        text-align: center;
        height: 113px;
    }
}

@media only screen and (max-width: 1149px) {
    .chiikipageimg_1 {
        float: left;
        margin-right: 8px;
        width: 32%;
    }


}

@media only screen and (max-width: 973px) {
    .chiiki_jirei_w45 {
        width: 43%;
        margin-right: 1%;
    }
}


.chiiki_chizu {
    border: 0;
    width: 65%;
    float: left;
    margin-right: 20px;
}



iframe.mappin.chiiki_map_2.chiiki_chizu {
    width: 65%;
    float: left;
    margin-right: 20px;
    height: 406px;
}



@media only screen and (max-width: 767px) {


    iframe.mappin.chiiki_map_2.chiiki_chizu {
        width: 100%;
        float: left;
        margin-right: 20px;
        height: 415px;
    }




    .chiiki_chizu {
        border: 0;
        width: 100%;
        float: none;
        margin-right: 20px;
    }





    p.chiiki_fs17 {
        font-size: 16pt;
        margin-top: -3px;
    }

    .text_c {
        text-align: center;
    }

    .chiiki_w-100 {
        width: 100%;
    }

    .chiiki_blogimg {
        float: left;
        width: 25%;
        /* height: 91px; */
        /* margin: 10px; */
        margin-top: 17px;
        /* margin-right: 10px; */
        margin-right: 5px;
    }

    .chiiki_kouzisyurui {
        float: left;
        margin-right: 1%;
        width: 100%;
    }

    .chiiki_marl5 {
        margin-left: 2px;
    }

    .chiiki_w-49 {
        width: 100%;
    }

    .chiiki_w-30-2 {
        width: 30% !important;
        float: left !important;
    }

    .chiiki_jirei_fl-l {
        float: none;
        width: 100%;
    }

    .chiiki_jirei_w45 {
        width: 95%;
        margin-right: 0%;
    }

    .chiiki_w-90 {
        width: 100%;
    }

    .chiiki_w-50 {
        width: 100%;
    }

    .chiikipageimg_1 {
        float: none;
        margin-right: 0px;
        text-align: center;
        margin-top: 10px;
        width: 100%;
    }

    .chiikipageimg_1-1 {
        text-align: center;
        margin-top: 10px;
        width: 100%;
        float: none;
    }

    .chiikipage_kouziimg {
        float: none;
        margin-right: 0px;
        margin-bottom: 10px;
        text-align: center;
        width: 100%;
    }

    .chiikipage_kouziimg_1 {
        margin-bottom: 10px;
        text-align: center;
    }

    h1.chiiki_title {
        padding: 1px;
        padding: 4px;
        background: #f26400;
        color: white;
        margin-top: 0px;
        font-size: 13pt !important;
        margin-bottom: 15px;
    }

    iframe.chiiki_map_2 {
        width: 98%;
        height: 216px;
        /* float: right; */
        text-align: center;
        margin-bottom: 10px;
        margin-top: 10px;
    }

}

@media only screen and (max-width: 326px) {
    iframe.chiiki_map_2 {
        width: 96%;
        height: 216px;
        /* float: right; */
        text-align: center;
        margin-bottom: 10px;
        margin-top: 10px;
    }
}



.midashi {

    background: #FF9800;
    padding: 0.3em;
    font-size: 20pt;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
    color: white;
}

.midashi2 {
    background: #FF9800;
    padding: 0.3em;
    font-size: 20pt;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
    color: white;
    margin-top: 35px;
}

.w-39 {
    width: 39%;
}

.w-100 {
    width: 100%;
}

/*保険適用屋根補修*/

.w-31 {
    width: 31%;
}

.w-32 {
    width: 32%;
}

.w-64 {
    width: 63%;
}

@media only screen and (max-width: 767px) {
    .midashi {

        background: #FF9800;
        padding: 0.3em;
        font-size: 13pt;
        margin-bottom: 10px;
        font-weight: bold;
        text-align: center;
        color: white;
    }

    .midashi2 {
        background: #FF9800;
        padding: 0.3em;
        font-size: 20pt;
        margin-bottom: 10px;
        font-weight: bold;
        text-align: center;
        color: white;
        margin-top: 35px;
    }

    .w-39 {
        width: 100%;
    }

    .text-c {
        text-align: center;
    }

    .w-31 {
        width: 100%;
    }

    .w-32 {
        width: 32%;
    }

    .sp-t-c {
        text-align: center;
    }

    .w-64 {
        width: 100%;
    }

}

/*コンテンツ*/

.mar-r33 {
    margin-right: 33px;
}

.mar-r33 {
    margin-right: 33px;
}

/*会社概要*/
.fl-gaikan {
    float: right;
}

.t-c {
    text-align: center;
}

/* ボタン */
.btn-said {
    width: 98%;
    position: relative;
    cursor: pointer;
    outline: none;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
    font-size: 13px;
    font-weight: normal;
    padding: 6px 2px;
    border-radius: 4px;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: -ms-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e1e1e1));
    background-image: -webkit-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: -o-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: linear-gradient(top, #ffffff, #e1e1e1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e1e1e1', GradientType=0);
    border: 1px solid #dadada;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    border-bottom-color: #a9a9a9;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px 0 rgba(255, 255, 255, 0.6);
    text-shadow: 0 1px 0px #ffffff;
}

/* 地域工事別ページ */
.box-sub22 {
    margin: -3px;
}


/* 検索結果ページ */
iframe.map-google.mapsiz {
    width: 400px;
    height: 282px;
    float: right;
}

.img-map {
    float: left;
    margin-top: 10px;
}

.syozaichi {
    width: 41%;
    float: left;
}

.kensakusustaff {
    float: left;
    margin: 45px 15px 0 0;
    padding: 0;
    border: 0;
    border: 2px solid #d9d9d9;
    padding: 20px 25px;
    margin-bottom: 30px;
}

.kensakusustaff2 {
    font-size: 20px;
    color: #000;
    border-bottom: 2px solid #ff5e00;
    background: url(images/staffimg.png) no-repeat;
    padding: 0 160px 5px 0;
    background-position: right center;
    margin-bottom: 15px;
}

div#sutafhako2 li {
    border-bottom: 2px dotted #b3b3b3;
    margin-left: 0;
    margin-top: 15px;
}

.mar-l25 {
    margin-left: 11px;
}

.border-b {
    border-bottom: 2px dotted #b3b3b3;
}

@media only screen and (max-width: 767px) {
    .mar-l25 {
        margin-left: 0px;
    }

    .syozaichi {
        width: 100%;
        float: none;
    }

    .kensakusustaff2 {
        font-size: 20px;
        color: #000;
        border-bottom: 2px solid #ff5e00;
        background: url(images/staffimg.png) no-repeat;
        padding: 0 0px 5px 0;
        background-position: right center;
        margin-bottom: 15px;
    }

    .img-map {
        float: left;
        margin-top: 10px;
        margin-left: 15px;
    }

}

/* 資格表 */
.shikakuhyou table.shikaku td,
th {
    border: 1px solid #ddd;
    border-collapse: collapse;
}

.shikakuhyou table.shikaku td,
th {
    padding: 3px;
    width: 166px;
    height: 25px;
    text-align: center;
}

.shikakuhyou table.shikaku th {
    background: #f0e6cc;
}

.shikakuhyou table.shikaku .even {
    background: #fbf8f0;
}

.shikakuhyou table.shikaku .odd {
    background: #fefcf9;
}


/* 地域ページお客様声 */
.okyakusama_chiiki {
    background-color: #FFFFFF;
    overflow: hidden;
    padding: 30px;
    margin: 8px 0 10px 0;
    border: #CCC 1px solid;
}

.okyakusama_chiiki_img {
    float: left;
    width: 45%;
}

.okyakusama_chiiki_img-r {
    float: right;
    width: 45%;
}

.okyakusama_chiiki_qa {
    float: left;
    width: 45%;
    border: solid #999 1px;
    margin-top: 8px;
}

.okyakusama_chiiki_qa2 {
    float: right;
    width: 45%;
    border: solid #999 1px;
    margin-top: 8px;
}

.okyakusama_chiiki_qa-m {
    float: left;
    width: 39%;
}

.okyakusama_chiiki_qa-f {
    float: right;
    width: 61%;
}

.okyakusama_chiiki_kaoimg-m {
    width: 45%;
    margin-top: 10px;
}

.okyakusama_qa-lr {
    /* float: left; */
    /* width: 79%; */
    margin-bottom: 5px;
}

/* スマホtop */

@media only screen and (max-width: 767px) {
    .fl-gaikan {
        float: none;
    }

    .okyakusama_chiiki_kaoimg-m {
        width: 100%;
        margin-top: 10px;
    }

    .okyakusama_chiiki_qa-f {
        float: none;
        width: 100%;
    }

    .okyakusama_chiiki_qa-m {
        float: none;
        width: 100%;
    }

    .okyakusama_chiiki_img {
        float: none;
        width: 100%;
    }

    .okyakusama_chiiki_img-r {
        float: none;
        width: 100%;
    }

    .hazimete-img {
        float: left;
        /* margin-right: 6px; */
        width: 47%;
    }

    .hogo-img {
        float: left;
        margin-right: 6px;
        width: 50%;
    }

    .fs17 {
        font-size: 17px;
    }

    a .s-sp2 {
        background-color: #fff;
    }

    .s-sp2 {
        background-color: #ccc;
        border: 1px solid #b1b1b1;
        height: 33px;
        text-align: center;
        padding-top: 14px;
        font-size: 13pt;
    }

    .s-sp {
        background-color: #fff0c4;
        border: 1px solid #ffffff;
        height: 33px;
        text-align: center;
        padding-top: 14px;
        font-weight: bold;
        font-size: 13pt;
    }

    .spmenuk {
        position: fixed;
        top: 0;
        z-index: 999;
    }


    .hogo-r {
        width: 49%;
        float: right;
        background-color: white;
    }

    .hazimete-l {
        width: 49%;
        float: left;
        background-color: white;
        border-right: 2px solid #dadada;
    }

    .hazimete {
        float: left;
        margin-right: 6px;
        width: 18%;
    }

    .hogo {
        float: left;
        margin-right: 6px;
        width: 26%;
    }

    .spchizu {
        width: 20%;
        float: left;
    }

    .spw-49 {
        width: 49%;
    }

    .bgg {
        background-color: whitesmoke;
    }

    .gg {
        border-color: #dadada;
    }

    .mar-t5 {
        margin-top: 5px;
    }

    .kouzi-l {
        width: 30%;
        margin-left: 5px;
        margin-right: -5px;
    }

    .kouzi-c {
        width: 30%;
        margin-left: 8px;
        margin-right: -8px;
    }

    .kouzi-r {
        width: 30%;
        margin-left: 10px;

    }

    /* 検索窓 */
    #form02 {
        background-color: white;
        width: 200px;
        height: 20px;
        border: 1px green solid;
    }

    #form02 input {
        vertical-align: top;
        margin: 0px;
        height: 100%;
        box-sizing: border-box;
        background-color: transparent;
    }

    #form02 {
        border-radius: 10px;
    }

    #input02 {
        border-color: #f26400;
        width: 278px;
        padding-left: 25px;
        height: 30px;
    }

    #submit02 {
        width: 30px;
        border: none;
        background-image: url(/wp-content/themes/yaneyasan/images/sumahotop/30.png);
        background-position: center;
        background-size: auto 90%;
        background-repeat: no-repeat;
    }

    /* 検索窓 */
    input#sample_id2 {
        width: 13%;
        float: right;
    }

    #sample_id {
        width: 83%;
        height: 34px;
        border: none;
        background-color: transparent;
        background-repeat: round;
        border: 2px solid #fe5e00;
    }


    /* TabArea
-------------------------- */
    .tab2 {
        overflow: hidden;
        margin-bottom: 0px;
        padding-left: 0px;
        margin-top: 22px;
    }

    .tab2 li {
        /*background:#F2F2F2; 
	padding: 6px 11px; 
	float: left; 
	margin-right: 1px; 
	margin-bottom: 0px !important; 
	list-style-type: none;
	border-right: 1px solid #E6E6E6;*/
    }

    .tab2 li.select {
        background: #F26400;
        color: #FFF;
    }

    .tab2 li.select p b {

        color: #FFF;
    }

    .tab_contents2 {
        margin-top: 0px;
    }

    .tab_contents2 div {
        background: #fff;
        padding: 15px;

    }

    .tabjirei {
        width: 32%;
        float: left;
        border: 1px solid #E6E6E6;
        background-color: #FDFBFB;

    }

    .tabvoice {
        width: 32%;
        float: right;
        /* margin-right: 10px; */
        border: 1px solid #E6E6E6;
        background-color: #FDFBFB;
    }

    .tabblog {
        width: 32%;
        float: right;

        border: 1px solid #E6E6E6;
        background-color: #FDFBFB;
        margin-left: 3px;
    }




}




.amamoriw-23 {

    width: 24.4%;
}

@media only screen and (max-width: 767px) {
    .amamoriw-23 {

        width: 47%;
    }
}

/* スマホメニュー */

.mm {
    font-size: 12pt;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #fe5e00;
    color: white;
    font-weight: bold;
}

.menu3 a {
    /*display: block;
    color: #F26400;
    text-decoration: none;
    padding: 5px 20px;
    border-bottom: 1px solid #555;
    line-height: 40px;
    font-size: 20px;*/
}

.menu3 li {
    position: relative;

}


.mokuzi_wakusen #menumenu3 li a,
#index_toggle {
    color: #343cab;
    text-decoration: underline;
}

.mokuzi_wakusen #menumenu3 li,
#index_toggle {
    padding: 0.3em;
}

@media only screen and (max-width: 767px) {

    .yazirusiimg2 {
        margin-top: 5px;
        /* margin-left: -25px; */
        float: right;
        display: none;
        width: 3%;
    }

    .yazirusiimg {
        margin-top: 5px;
        /* margin-left: 223px; */
        float: right;
        width: 2%;
    }

    b.mo {
        color: #fe5e00;
    }

    td.w50-l {
        /* border: 1px solid #ccc; */
        /* padding: 5px; */
        /* height: 45px; */
        /* border: 1px solid #ccc; */
        border-right: 1px solid #ccc;
        padding: 5px;
        border-left: 1px solid #ccc;
        height: 30px;
        text-align: center;
        padding-top: 15px;
        width: 50%;
        display: table-cell;
    }

    td.w50-r {
        /* border: 1px solid #ccc; */
        /* padding: 5px; */
        /* height: 45px; */
        /* border: 1px solid #ccc; */
        border-right: 1px solid #ccc;
        padding: 5px;
        height: 30px;
        text-align: center;
        padding-top: 15px;
        width: 50%;
        display: table-cell;
    }

    td.w50 {
        /* border: 1px solid #ccc; */
        /* padding: 5px; */
        /* height: 45px; */
        border: 1px solid #ccc;
        padding: 5px;
        height: 30px;
        text-align: center;
        padding-top: 15px;
        width: 50%;
        display: table-cell;
    }


    td.w50-l-1 {
        /* border: 1px solid #ccc; */
        /* padding: 5px; */
        /* height: 45px; */
        /* border: 1px solid #ccc; */
        border-right: 1px solid #ccc;
        padding: 5px;
        border-left: 1px solid #ccc;
        height: 30px;
        /*text-align: center;*/
        padding-top: 18px;
        width: 50%;
    }

    td.w50-r-1 {
        /* border: 1px solid #ccc; */
        /* padding: 5px; */
        /* height: 45px; */
        /* border: 1px solid #ccc; */
        border-right: 1px solid #ccc;
        padding: 5px;
        height: 30px;
        /* text-align: center; */
        padding-top: 18px;
        width: 50%;
    }

    td.w50-1 {
        /* border: 1px solid #ccc; */
        /* padding: 5px; */
        /* height: 45px; */
        border: 1px solid #ccc;
        padding: 5px;
        height: 30px;
        /* text-align: center; */
        padding-top: 13px;
        width: 50%;
        padding-bottom: 6px;
    }


    .menu3 a {
        /*display: block;
    color: #F26400;
    text-decoration: none;
    padding: 5px 20px;
    border-bottom: 1px solid #555;
    line-height: 40px;
    font-size: 20px;*/
    }


    .menu3 li {
        position: relative;
        ;
    }

    .sumahomw-50 {
        width: 50%;
        float: left;
        border-right: 1px solid #ccc;
        margin-right: 15px;
    }

}





.accordion-menu {
    width: 100%;
    max-width: 350px;
    margin: 20px auto 20px;
    background: #fff;
    border-radius: 4px;
}

.accordion-menu li.open .dropdownlink {
    color: #CDDC39;

    .fa-chevron-down {
        transform: rotate(180deg);
    }
}

.accordion-menu li:last-child .dropdownlink {
    border-bottom: 0;
}

.dropdownlink {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 15px;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    color: #4a4a4a;
    position: relative;
    transition: all 0.4s ease-out;

    i {
        position: absolute;
        top: 17px;
        left: 16px;
    }

    .fa-chevron-down {
        right: 12px;
        left: auto;
    }
}

.submenuItems {
    display: none;

    /* background: #C8E6C9; */
    li {
        border-bottom: 1px solid #B6B6B6;
    }
}

.submenuItems a {
    display: block;
    /*border-bottom: 1px solid #ccc;*/
    color: #727272;
    /* padding: 12px 12px 12px 17px;*/
    transition: all 0.4s ease-out;

    &:hover {
        background-color: #CDDC39;
        color: #fff;
    }
}



/* 店舗詳細ページ */
span.sdfasd {
    display: inline-block;
    width: 17%;
}

span.sdfasd2 {
    display: inline-block;
    width: 15%;
}

@media only screen and (max-width: 767px) {
    .voice_mar-l55px {
        margin-left: 55px !important;
    }

    span.sdfasd {
        display: inline-block;
        width: 19%;
    }

    span.sdfasd2 {
        display: inline-block;
        width: 21%;
    }
}

/* お客様の声一覧 */

.voiceichiransen {
    border: 1px solid #a9a9a9;
    padding: 10px;
}

.voiceichiransen:hover {
    border: 1px solid #f26400;

}

.voiceichiranimg-siz {
    width: 191px;
    height: 143px;
}

.voiceichiranmar-l40 {
    margin-left: 40px;
}

.voiceichiran31 {
    width: 28%;
}

@media only screen and (min-width: 768px) {

    .voice_flex {
        display: flex;
        justify-content: space-between;
    }

    .voiceichiran331 {
        width: 45%;
    }

    .voiceichiranimg-siz {
        width: 100%;
        height: auto;
    }

}

@media only screen and (max-width: 767px) {

    .voiceichiran31 {
        width: 92%;
    }

    .voiceichiran331 {
        width: 92%;
    }

    .voiceichiranimg {
        width: 76%;
        height: auto;
    }

}

/* お客様の声単体ページQA */

.fontvoiceqa {
    font-weight: bold;
    font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}

.fontvoiceqa2 {
    font-family: ＭＳ Ｐ明朝, MS PMincho, ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, serif;
}

/* sp修正 */
.voicew-45 {
    width: 45% !important;
}

.voiceborder {
    border: 3px solid #a9a9a9;
}

.thirdjirei {
    //padding-right: 34px;
    //padding-left: 19px;
    margin-right: 10%;
    width: 25.1%;
    float: left;
}

.thirdjirei:last-child {
    margin-right: 0;
}


.jireiw-125 {
    width: 125%;
}

.jireiw-99 {
    width: 99%;
}

.shikkuico {
    margin: 1%;
    margin-top: -20px;
}

.gaiyou-branch {
    float: left;
    width: 48%;
    margin: 5px;
}

@media only screen and (max-width: 767px) {
    .voicemar-r37 {
        margin-right: 37px !important;
    }

    .voicew-45 {
        width: 91% !important;
    }

    .voicew-91 {
        width: 91% !important;
    }

    .thirdjirei {
        padding-right: 0px;
        padding-left: 0px;
        width: 100%;
        float: none;
    }

    .jireiw-99 {
        width: 66%;
    }

    .shikkuico {
        margin: 1%;
        margin-top: 0px;
    }

    .mar-l-l18px {
        margin-left: 11px;
    }

    .mar-l-l20px {
        margin-left: 3px;
    }

    .kaisyagaiyoutyo {
        float: left;
        width: 47%;
        margin-top: 10px;
    }

    .kaisyagaiyouka {
        float: right;
        width: 47%;
        margin-top: 10px;
    }

    .gaiyou-branch {
        float: none;
        width: auto;
        margin: 0px;
    }
}

/* 動画一覧 */
.moview-130 {
    width: 130%;
}

.moviebox {
    margin-left: 80px;
    margin-bottom: 19px;
    margin-right: 53px;
}

.mar-l-l25 {
    margin-left: 25px;
}

@media only screen and (max-width: 767px) {
    .moview-130 {
        width: 100%;
    }

    .mar-l-l25 {
        margin-left: 3px;
    }

    .mar-l-l13sp {
        margin-left: 13px;
    }
}

/* 地域ページ */

.chiikisenyouotoiawase {
    font-size: 13pt;
    text-align: center;
    margin-top: 34px;
    margin-bottom: 15px;
    font-weight: bold;
}

.w-141p {
    width: 141%;
}

/* FC店舗詳細お客様声 */
dl.impression22 dt {
    font-weight: bold;
    background-color: #ffc996;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0.4em 0.8em;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 192%;
}

@media only screen and (max-width: 767px) {
    dl.impression22 dt {
        font-weight: bold;
        background-color: #ffc996;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        padding: 0.4em 0.8em;
        margin-bottom: 10px;
        margin-top: 10px;
        width: 95%;
    }

}

/* トップ コンテンツ */
.menuposition2 {
    /* position: fixed;*/
    left: 0;
    z-index: 10000;
}

.menuposition {
    position: fixed;
    left: 0;
    z-index: 10000;
}

.mar-top85 {
    margin-top: 0px;
}

.mar-top25 {
    margin-top: 25px;
}

.bayazirusi {
    padding-top: 37px;
}

.w49-49 {
    width: 49%;
}

.youkoso {
    width: 71%;
    float: left;
    margin-right: 5px;
}

@media only screen and (max-width: 767px) {
    .youkoso {
        width: 100%;
        float: none;
        margin-right: 5px;
    }

    .bayazirusi {
        /* margin: 0 0 -80px 40%; */
        /* padding-top: 37px; */
        width: 22%;
        margin-left: 155px !important;
        margin-top: 41px !important;
    }

    .mar-top85 {
        margin-top: 85px;
    }

    /*
.mar-top25 {
    margin-top: 88px;
}
*/
    .sakura_wrapper td:first-child,
    .sakura_wrapper td:last-child {
        width: 49%;
    }
}

/* 事例３カラム 一覧 記事下部客声 加盟店一覧 */

.overflow3 {
    overflow: hidden;
}

.w-51p {
    width: 49%;
}

.box-sub h2 {
    margin-top: 5px;
}

.wp-pagenavi a,
.wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 3px 5px;
    margin: 2px;
}

.mb a {
    color: #424242;
}

.linkiro a {
    color: #1e4e98;
}

.gaiyoumar {
    margin-bottom: 60px;
}

.shitumonmar-l250 {
    margin-left: 250px;
}

@media only screen and (max-width: 767px) {
    .shitumonmar-l250 {
        margin-left: 0px;
    }

    .gaiyoumar {
        margin-bottom: auto;
    }

    .mar-ll63 {
        margin-left: 63px !important;
    }

}

/* 屋根葺き替えカバー */
.w-48p {
    width: 48%;
}

.w-47p {
    width: 47%;
}

.w-43p {
    width: 43% !important;
}

.w-50p {
    width: 50%;
}

.beforesp {
    width: 32%;
    float: left;
}

.aftersp {
    width: 52%;
    float: right;
}

@media only screen and (max-width: 767px) {
    .w-48p {
        width: 100%;
    }

    .w-43p {
        width: 100% !important;
    }

    .w-50pspsp {
        width: 50%;
    }

    .w-20p {
        width: 20%;
    }

    .w-47p {
        width: 100%;
    }

    .w-50p {
        width: 100%;
    }

    .w-57sp {
        width: 57%;
    }

    .beforesp {
        width: 37%;
        float: left;
    }

    .aftersp {
        width: 52%;
        float: right;
    }
}

/* 街の屋根やさんとは */

.yaneyasan-title {
    background: url(http://xn--3kqz84af9af3v.net/wp-content/themes/yaneyasan/images/yaneyasantoha/title-bk.png) center left no-repeat;
    padding: 1%;
    overflow: hidden;
    height: 486px;
    margin-bottom: 20px;
}

.yaneyasan-p {
    padding: 7px 15px 7px 15px;
    margin: 5px 0 5px 0;
    width: 84%;
    border: 3px solid rgb(247, 147, 30);
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 1.1em;
    color: rgb(247, 147, 30);
    font-weight: bold;
}

.yaneyasan-reform {
    float: left;
    margin: 1%;
    width: 48%;
}

@media only screen and (max-width: 767px) {
    .spw30-mar0 {
        width: 30%;
        margin: 0 auto;
    }
}

/* サイドバーレフト */
#yazirusi ul li.h-ore.marb10.mar-l-l2 {
    margin-left: 22px;
}

/* どのタイプ */

.w-3022 {
    width: 30%;
}

.mar-r20 {
    margin-right: 20px;
}

@media only screen and (max-width: 767px) {
    .w-3022 {
        width: 100%;
    }

    .mar-r20 {
        margin-right: none;
    }
}

/* 工事日数 */
.yanesyurui {
    width: 32%;
}

.pad-l14 {
    padding-left: 14px;
}

.pad-t120 {
    padding-top: 120px;
}

.pad-t30 {
    padding-top: 30px;
}

.pad-t20pc {
    padding-top: 20px;
}

@media only screen and (max-width: 767px) {
    .pad-l14 {
        padding-left: none;
    }

    .pad-t120 {
        padding-top: 0px;
    }

    .yanesyurui {
        width: 95%;
    }

    .pad-t20sp {
        padding-top: 20px;
    }

    .yazirusi116 {
        width: 20%;
        margin: 0 0 0 150px;
    }

    .karenda {
        width: 15%;
        float: left;
    }

    .sekoumaeimg {
        width: 60%;
        margin-left: 70px;
    }

    .sekouyazirusi {
        width: 15%;
    }

    .sekouyuimg {
        width: 65%;
        margin-left: 70px;
    }

    .sekougoimg {
        width: 70%;
        margin-left: 68px;
    }

    .pad-l50sp {
        padding-left: 50px;
    }

    .w80 {
        width: 80%;
    }

    .w10 {
        width: 10%;
    }
}

/* 葺き替えカバー */
.buttun2 {
    list-style: none;
    width: 45%;
    text-align: center;
    margin-top: 10px;
    padding: 10px;
    color: #F26400;
    text-decoration: underline;
    list-style: none;
    border: solid 1px #CCC;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e9e8e8), color-stop(0.00, #fff));
    background: -webkit-linear-gradient(#fff, #e9e8e8);
    background: -moz-linear-gradient(#fff, #e9e8e8);
    background: -o-linear-gradient(#fff, #e9e8e8);
    background: -ms-linear-gradient(#fff, #e9e8e8);
    background: linear-gradient(#fff, #e9e8e8);
}

.bold2 {
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
    .buttun2 {
        list-style: none;
        width: 90%;
        text-align: center;
        margin-top: 10px;
        padding: 10px;
        color: #F26400;
        text-decoration: underline;
        list-style: none;
        border: solid 1px #CCC;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e9e8e8), color-stop(0.00, #fff));
        background: -webkit-linear-gradient(#fff, #e9e8e8);
        background: -moz-linear-gradient(#fff, #e9e8e8);
        background: -o-linear-gradient(#fff, #e9e8e8);
        background: -ms-linear-gradient(#fff, #e9e8e8);
        background: linear-gradient(#fff, #e9e8e8);
    }
}

/* お客様顔写真 */
.okyakusamaimg {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    width: 30%
}

/* 屋根材　*/

.cap {
    background-color: #df521a;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 900;
    text-align: center;
    color: #FFFFFF;
    margin-top: 5px;
}

.box1215 {
    width: 23%;
    float: left;
    margin-right: 13px;
}

.box1215-33 {
    width: 23%;
    float: left;


}

.box1215 .cap a {
    color: white;
    text-decoration: none;
}

.box1215-2 {
    width: 30%;
    float: left;

}

.cap-3 {
    background-color: #df521a;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 900;
    text-align: center;
    color: #FFFFFF;
    margin-top: 5px;

}

.box1215-3 {
    width: 31%;
    float: left;
    margin-right: 24px;
}

.box1215-3-1 {
    width: 31%;
    float: left;

}

.box1215-3 .cap-3 a {
    color: white;
    text-decoration: none;
}

.box1215-3-1 .cap-3 a {
    color: white;
    text-decoration: none;
}

.mar-l80 {
    margin-left: 80px;
}

@media only screen and (max-width: 767px) {
    .mar-l80 {
        margin-left: 0px;
    }

    .box1215 {
        width: 62%;
        float: left;
        margin-left: 62px;
    }

    /*
.box1215 {
    width: 80%;
    float: left;
    margin-left: 41px;
}
*/
    .box1215-3 {
        width: 80%;
        float: left;
        margin-left: 41px;
    }

    .box1215-3-1 {
        width: 80%;
        float: left;
        margin-left: 41px;

    }

    .cap {
        background-color: #df521a;
        font-size: 14px;
        margin-bottom: 5px;
        font-weight: 900;
        text-align: center;
        color: #FFFFFF;
        margin-top: 5px;
        width: 98%;
    }
}


/* ベスコロフィラー　*/
.w-28 {
    width: 28%;
}

.haiirowakusenw28 {
    border: #CCC 2px solid;
    padding: 9px;
    margin-top: 43px;
    width: 28%;
}

.mar-r21 {
    margin-right: 21px;
}

.tokutyou {
    text-align: center;
    font-weight: bold;
    padding-bottom: 5px;
}

.tokutyounamae {
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
    margin-bottom: -23px;
}

.tokutyousetumei {
    font-size: 10pt;
}

.orenzimozi1214 {
    color: #de5e17;
    font-size: 20pt;
}

.orenzimozi12142 {
    color: #de5e17;
    font-weight: bold;
    font-size: 25pt;
}

.tatebou {
    padding: 0.25em 0.5em;
    /*上下 左右の余白*/
    background: transparent;
    /*背景透明に*/
    border-left: solid 5px #f26400;
    margin-bottom: 5px;
}

.haiirowakusen7 {
    border: #e6e6e6 2px solid;
    padding: 9px;
    margin-top: 27px;
    background-color: #e6e6e6;
}

@media only screen and (max-width: 767px) {
    .haiirowakusenw28 {
        border: #CCC 2px solid;
        padding: 9px;
        margin-top: 43px;
        width: 95%;
    }

    .mar-r21 {
        margin-right: auto;
    }

    .w-48 {
        width: 100%;
    }

}

@media only screen and (max-width: 963px) {
    .mar-r21 {
        margin-right: 3px;
    }
}


/* 補修/目次　*/
.mokuzimannaka {
    text-align: center;

}

.mokuzi {
    text-align: center;
    font-size: 20pt;
    font-weight: bold;
}

.mokuziwakusen {
    border: #CCC 2px solid;
    padding: 9px;
    margin-top: 43px;
}

.pad-t30 {
    padding-top: 30px;
}

@media only screen and (max-width: 767px) {
    .checkmozi {
        font-size: 10pt;
        margin-bottom: 10px;
    }

    .checkgazou2 {
        width: 30%;
        float: left;
    }

    .checkbangou {
        width: 30%;
        margin-right: -34px;
        margin-bottom: -4%;
    }
}

/* フロートボタン　*/
@media only screen and (max-width: 1612px) {
    #floatbtn img {
        opacity: 0.7;
    }
}

/* メニュー */

.mokuzi_wakusen #menumenu2 li a,
#index_toggle {
    color: #343cab;
    text-decoration: underline;
}

#menumenu2 li,
#index_toggle {
    padding: 0.3em;
}

#index_toggle {
    display: inline;
}


/*コンテンツ画像*/
.maxw-49 {
    max-width: 49%;
}

@media only screen and (max-width: 767px) {
    .maxw-49 {
        max-width: 100%;
    }

}


/*サイドバー*/

.google-map {
    position: relative;
    width: 100%;
    /* 左右に余白が必要なら値を変更してもOK */
    height: 100px;
    padding-bottom: 56.25%;
    /* padding-topでもOK */
    overflow: hidden;

}

.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* 必要であれば!importantを付けてください */
    height: 100%;
    /* 必要であれば!importantを付けてください */
}


.w-34 {
    width: 32%;
}

.righttesuto {
    background-color: #00bcd4;
    width: 50px;
    height 50px;
}

.renrakubangou {
    width: 33%;
}

@media only screen and (max-width: 965px) {
    .sidebarright {
        /*display: none;*/
    }

}

@media only screen and (max-width: 965px) {
    .sidebarleft {
        /*display: none;*/
    }

}

@media only screen and (max-width: 1190px) {
    .renrakumozi {
        font-size: 10pt;
    }

    .renrakubangou {
        width: 92%;
    }

    .fonts-10 {
        font-size: 10pt;
    }

    .fonts-9 {
        font-size: 9pt;
    }
}

@media only screen and (max-width: 900px) {
    .fonts-10 {
        font-size: 7.8pt;
    }
}

/*横暖*/

.tac {
    text-align: center;
    margin-top: 21px;
}

.lightblue_back3 {
    background: #e0eaf1;
    padding: 10px;
    border: dotted #808080 1px;
}

.blue_back3 {
    text-align: center;
    background: #c4d1e8;
    padding: 10px;
    border: dotted #808080 1px;
}


/*エコグラーニ*/
.w-47 {
    width: 45%;
}

.haiirowakusen5 {
    border: #CCC 2px solid;
    padding: 9px;
    margin-top: 43px;
}

.color {
    width: 23%;
    float: left;
    margin-left: 13px;
    padding-top: 20px;
}

.color2 {
    width: 30%;
    float: left;
    margin-left: 22px;
    margin-top: 15px;
}

@media only screen and (max-width: 767px) {
    .color {
        width: auto;
        float: none;
        margin-left: 13px;
        padding-top: 20px;
    }

    .color2 {
        width: auto;
        float: none;
        margin-left: 22px;
        margin-top: 15px;
    }

    .w-47 {
        width: auto;
    }

}




/*長期保証*/
.blue_back2 {

    background: #dbeff7;
    padding: 10px;
    border: solid #c1c1c1 1px
}

.moziao {
    color: #2196F3;
}

/*地域+工事ページ*/
img.toiawasebtn1 {
    width: 100%;
}

.toiawasebtn2 {
    width: 51%;
    margin-top: -11px;
    float: left;
}

.toiawasebtn3 {
    width: 48.9%;
    margin-top: -11.4px;
}

.fix_menu_smartphone {
    position: fixed;
    bottom: -10px;
    left: 0px;
    z-index: 10000;
    /*width:100%;*/
}

.fix_menu_smartphone img {
    /*width:100%;*/
}

#totop {
    /*
    position: fixed;
    top: 605px;
    right: 55px;
    z-index: 2000;
    display: block;
*/
}

#totop2 {
    position: fixed;
    top: 730px;
    right: 50px;
    z-index: 2000;
    display: block;
}

#totop a {

    width: 120px;
    height: 120px;
    text-indent: -1000em;
    overflow: hidden;
    background: url(images/back_top.png) 0 0 no-repeat;
}

.View {
    display: none;
}

.square_btn {
    margin-top: 10px;
    display: inline-block;
    font-weight: bold;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #ffffff;
    background: #808080;
    transition: .4s;
}

.square_btn:hover {
    background: #cccccc;
    color: white;
}

@media only screen and (max-width: 767px) {
    .square_btn {
        margin-top: 10px;
        display: inline-block;
        font-weight: bold;
        padding: 0.5em 1em;
        text-decoration: none;
        color: #ffffff;
        background: #808080;
        transition: .4s;
        float: right;
    }

    #totop {
        position: fixed;
        top: 605px;
        right: 55px;
        z-index: 2000;
        display: none;
    }

    #totop2 {
        position: fixed;
        top: 730px;
        right: 50px;
        z-index: 2000;
        display: none;
    }



}

/*サーモアイ*/


.obi {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
    background-color: #dadada;
    padding: 10px 15px 7px 15px;
    margin-bottom: 17px;
}

.mar-b65 {
    margin-bottom: 60px;
}

.color-box {
    margin-bottom: 20px;
    margin-top: 20px;
}

.color-box .image {
    width: 16.6%;
    float: left;
    margin-bottom: 10px;
    line-height: 110%;
}

.color-box .txt {
    width: 16.6%;
    float: left;
    margin-bottom: 10px;
    line-height: 130%;
    padding-left: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 4px;
    height: 54px;
    font-size: 11px;
    letter-spacing: -1px;
}

.beforeafterBox {
    margin-bottom: 60px;
}

.beforeafterBox .before {
    width: 215px;
    float: left;
}

.beforeafterBox .icon {
    width: 180px;
}

.beforeafterBox .arrow1117 {
    width: 80px;
    float: left;
    margin-top: 96px;
    margin-left: 29px;
    /*margin-right: 45px;*/
}

.beforeafterBox .after {
    width: 350px;
    float: right;
}



@media only screen and (max-width: 767px) {
    .color-box .image {
        width: 50.6%;
        float: left;
        margin-bottom: 10px;
        line-height: 110%;
    }

    .color-box .txt {
        width: 41.6%;
        float: left;
        margin-bottom: 10px;
        line-height: 130%;
        padding-left: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 4px;
        height: 54px;
        font-size: 13px;
        letter-spacing: -1px;
    }

    .beforeafterBox .before {
        width: 100%;
        float: none;
        margin-top: 15px;
    }

    .beforeafterBox .after {
        width: 100%;
        float: none;
        margin-top: 15px;
    }

}




/*USP*/
.bold20171116 {
    font-weight: bold;
}

.line_h {
    line-height: 1.5em;
    margin-top: 15px;
}

p.sen {
    text-align: center;
    border-bottom: dotted 2px #b3b3b3;
}

.bold {
    font-weight: bold;
    padding-top: 10px;
}

.pad-t30 {
    padding-top: 30px;
}

.mar-b10 {
    margin-bottom: 10px;
}

.mar-b20 {
    margin-bottom: 20px;
}

.mar-b30 {
    margin-bottom: 30px;
}

.mar-b50 {
    margin-bottom: 50px;
}


/*セラン*/
p.haiirohako {
    background-color: whitesmoke;
    border: 1px solid #D5D5D5;
    padding: 15px;
}

.kasen {
    border-bottom: #CCC 1px solid;
}

span.QA {
    font-size: 25px;
    padding-right: 30px;
}

.w-48 {
    width: 48%;
}

.mar-t20 {
    margin-top: 20px;
}

.mar-t30 {
    margin-top: 30px;
}

.mar-t50 {
    margin-top: 50px;
}




@media only screen and (max-width: 767px) {
    .w-40 {
        width: 100%;
    }

}


/*台風*/
p.font11 {
    color: black;
}

p.disaster_title {
    color: white;
    font-size: 21px;
    font-weight: bold;
}

.disaster_text {
    background-color: #ff5e00;
    margin: 10px 0;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    max-width: 680px;
    margin-bottom: 35px;
}

/*ルーガ*/
.table_yokodan {
    border: dotted #808080 1px;
    width: 100%;
    margin-top: 15px;
}

.blue_back {
    text-align: center;
    background: #dbeff7;
    padding: 10px;
    border: dotted #808080 1px;
}

.lightblue_back {
    background: #f3f3f3;
    padding: 10px;
    border: dotted #808080 1px;
}

.pad-top30 {
    padding-top: 30px;
}

.mar-b50 {
    margin-bottom: 50px;
}

.button {
    text-align: center;
    /* margin: 15px; */
    background: #9e9e9e;
    ;
    width: 50%;
    margin: 0 auto;
    padding: 10px;
    color: #fff !important;
    font-weight: bold;
    font-size: 14px;
}

a {
    text-decoration: none;
}

/*初めての方へ*/
.hazimetemozi2 {
    padding-right: 25px;
    margin-left: 50px;
}

.hazimetemozi {
    padding-top: 3px;
    font-size: 14pt;
}

.yazirusi {
    text-align: center;
    padding-top: 20px;
}


@media only screen and (max-width: 767px) {
    .yazirusi {
        text-align: center;
        padding-top: 20px;
        width: 15%;
        margin-left: 123px;
    }

}



/*失敗しないコツ*/
img.h1btn2 {
    padding-right: 14px;
    float: left;
}

p.mozisita1012 {
    text-align: center;
}

.setumeihako {
    border-style: solid;
    border-width: 2px;
    border-color: #efefef;
    padding: 14px;
    margin-top: 42px;
}

.mar-r9 {
    margin-right: 9px;
}

.mar-b20 {
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .fl-r {
        float: none;

    }

    img.h1btn2 {
        padding-bottom: 3px;
        padding-right: 18px;
        width: 12%;
    }
}

/*12のルール*/
p.pic13lpg {
    padding-top: 22px;
    padding-bottom: 48px;
}

.mar-b60 {
    margin-bottom: 60px;
}


/*瑕疵保険*/
.wakusen {
    padding: 10px;
    margin-bottom: 20px;
    border: 2px solid #dcdcdc;
}

.table_yokodan {
    border: solid #cccccc 1px;
    width: 98%;
    margin-top: 15px;
}

.blue_back {
    background: #d4d4d4;
    padding: 9px;
    border: solid #c1c1c1 1px;
}

.fs-32 {
    font-size: 32px;
}

.fs-32-1 {
    font-size: 32px;
    padding-right: 10px;
}

.h2-oreng2min {
    color: #ffffff;
    font-size: 20px;
    vertical-align: middle;
    background-color: #f26400;
    padding: 10px 15px 7px 66px;
    margin: 25px 0 20px 0;
    width: 20%;
}

p.orngbig {
    font-size: 20px;
    padding-top: 30px;
    padding-bottom: 10px;
}


@media only screen and (max-width: 767px) {
    .fl-r {
        float: none;

    }

    .h2-oreng2min {
        color: #ffffff;
        font-size: 20px;
        vertical-align: middle;
        background-color: #f26400;
        padding: 10px 15px 7px 66px;
        margin: 25px 0 20px 0;
        width: 45%;
    }

    .blue_back {
        background: #d4d4d4;
        padding: 2px;
        border: solid #c1c1c1 1px;
    }

    .fs-32-1 {
        font-size: 25px;
        padding-right: 10px;
    }




}

/*不安ゼロ宣言*/
.h2-oreng2 {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
    background-color: #f26400;
    padding: 10px 15px 7px 15px;
    margin: 25px 0 20px 0;
}

span.orngmozi {
    color: #f26400;
}

.haco0919.wakusen {
    padding: 10px;
    margin-bottom: 20px;
    border: 2px solid #dcdcdc;
}

p.komozi {
    font-size: 11px;
}

.mar-b20 {
    margin-bottom: 20px;
}

.mar-b25 {
    margin-bottom: 25px;
}

.ww-49 {
    width: 49%;
}

.mar-t20 {
    margin-top: 20px;
}

.mar-b20 {
    margin-bottom: 20px;
}

@media only screen and (max-width: 1200px) {
    .ww-49 {
        width: auto;
    }

}



/*ここまでやります無料点検*/


.main {
    width: 680px;
    margin: 0 auto;
}

* {
    margin: 0;
    padding: 0;

}

.clear {
    clear: both;

}

img {

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

img {
    -webkit-backface-visibility: hidden;
}

/* ===================  県ページ　====================== */
.title-cp {
    float: left;
    width: 24%;
    margin-top: -20px;
    margin-right: 6px;
}

.tiiki-title {
    font-weight: bold;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    margin: 0 0 -20px 0;
    font-size: 15px;
}

.tiiki-fr25 {
    float: right;
    width: 25%;
}

.tiiki-fl60 {
    float: right;
    width: 60%;
}

.tiiki-fl40 {
    float: left;
    width: 40%;
}


.tiiki-clear {
    clear: both;
}

.tiiki-fl48 {
    float: left;
    width: 48%;
    margin: 10px;
}

.tiiki-fl47 {
    float: left;
    width: 46%;
    margin: 2%;
}

.tiiki-fl46 {
    /* float:left; */
    width: 47%;
    margin: 2px;
    margin-left: 2%;
}

.tiiki-fl50 {
    float: left;
    width: 50%
}


.tiiki-fl20 {
    float: left;
    width: 20%;
    margin: 2px;
}

.tiiki-fl75 {
    float: left;
    width: 74%;
}

.tiiki-fl30 {
    float: left;
    width: 30%;
}

.tiiki-fl65 {
    float: left;
    width: 65%;
}

.tiiki-fl70 {
    float: left;
    width: 70%;
}


.tiiki-mapl {
    float: left;
    width: 33%;
    margin-top: -20px;
    margin-left: 10px;
}

.tiiki-mapl2 {
    float: left;
    width: 33%;
    margin-top: -5px;
    margin-left: 10px;
}

.tiiki-mapr {
    float: left;
    width: 60%;
    margin-top: -5px;
}

.map-google {
    width: 100%;
    height: 450px;
    margin: 10px;
}


.tiiki-soudan {
    float: left;
    width: 38%;
    margin-top: 10px;
}

.tiiki-soudanr {
    float: left;
    width: 62%;

}

h2.subpage {
    background: url(../images/base/h2-bg.gif) bottom left no-repeat;
    padding-bottom: 0.6em;
    font-size: 1.4em;
    margin-bottom: 1em;
    line-height: 1.5;
}

.tiiki-title {
    font-weight: bold;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    margin: 0 0 -20px 0;
    font-size: 14px;
}

dl.impression dt {
    font-weight: bold;
    background-color: #ffc996;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0.4em 0.8em;
    margin-bottom: 10px;
    margin-top: 10px;
}

.row {
    clear: both;
    margin-bottom: 20px;
}

.box {
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0.8em;
}

.click-box {
    cursor: pointer;
}

.third {
    padding-right: 28px;
    padding-left: 30px;
    width: 23.54%;
    float: left;
}

@media only screen and (max-width: 767px) {
    .third {
        padding-right: 0px;
        padding-left: 0px;
        width: 100%;
        float: none;
    }
}

.box-sub,
.box-text {

    width: 100%;
}

ul.zone>li {
    float: left;
    padding-right: 0.4em;
    margin-left: 0.4em;
    margin-bottom: 0.6em;
    border-right: 1px solid #fc8617;
}

li {
    list-style: none;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.photo-third,
.photo-third-last {
    float: left;
    margin-right: 0.709402%;
    margin-top: 1.70940170940171%;
    width: 32%;
}

.footer-cv-phne {
    width: 51.47058823529412%;
    height: auto;
    margin-left: 13%;
}

.cv-bg-footer {
    background: url(../images/base/footer-cv.gif) top left no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% 100%;
    position: relative;
    padding: 9.2% 31px 3%;
}

.floatleft {
    float: left;
    margin-top: -50px;
}

.btnken {
    width: 98%;
    font-size: 1em;
    font-weight: bold;
    color: #666;
    padding: 3px;
    background: -moz-linear-gradient(top, #dbdbdb 0%, #ebebeb 25%, #ababab);
    background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), color-stop(0.25, #ebebeb), to(#ababab));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #f5f5f5;
    -moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px -1px 0px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px -1px 0px rgba(255, 255, 255, 0.7);
    box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px -1px 0px rgba(255, 255, 255, 0.7);
    text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
    text-decoration-line: none;
    float: right;
    margin-top: 10px;
    margin-bottom: 25px;
    text-align: center;
}

.btnkenjirei {
    width: 80%;
    font-size: 1em;
    font-weight: bold;
    color: #666;
    padding: 3px;
    background: -moz-linear-gradient(top, #dbdbdb 0%, #ebebeb 25%, #ababab);
    background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), color-stop(0.25, #ebebeb), to(#ababab));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #f5f5f5;
    -moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px -1px 0px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px -1px 0px rgba(255, 255, 255, 0.7);
    box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px -1px 0px rgba(255, 255, 255, 0.7);
    text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
    text-decoration-line: none;
    float: left;
    margin-top: 10px;
    margin-bottom: 25px;
    text-align: center;
}

h4.result-sub {
    border-radius: 0;
    background-color: #e3e3e3;
    padding: 0.4em 0;
    margin-bottom: 0;
    text-align: center;
}

h4.kenh4 {
    background-color: #e3e3e3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0.4em 0.8em;
    margin-bottom: 0.8em;
    margin-top: 30px;
}

h2.subpageken {
    background: url(../images/base/h2-bg.gif) bottom left no-repeat;
    padding-bottom: 0.6em;
    font-size: 1.4em;
    margin-bottom: 1em;
    line-height: 1.5;
    margin-top: 509px;
}

@media screen and (max-width:600px) {

    .staff-img,
    .staff-text {
        float: none;
        width: 98%;

    }

    .staff-img {
        text-align: center;
    }

    .sutafhako {
        width: 100%;
        float: right;
    }

    .resp2,
    .btn_c1 {
        display: block;
        width: 100%;
        margin: 1%;
    }

    .main-bk {
        height: auto;
        background-size: 100% auto;
    }


    .before-img {
        float: left;
        width: 35%;
        margin-left: 1%;
        text-align: center;
    }

    .before-img2 {
        float: left;
        width: 5%;
        margin: 15% 2% 0 2%;
    }

    .after-img4 {
        display: inline;
        width: 50%;
        float: left;
        text-align: center;
    }

    .chiiki-jirei-resl,
    .chiiki-jirei-resr,
    .left-usp,
    .right-usp,
    .staff-text,
    .staff-img,
    .res-a,
    .res_qat,
    .res_qa,
    .rqa-an1,
    .rqa-an2,
    .qa-next1,
    .qa-next2,
    .qa-lr100,
    .qa-lr,
    .hukikae,
    .nagare-res,
    .nagare-res2,
    .kansei-Mimg,
    .kansei-wrapper,
    .jirei-wrapper,
    .kikkake-t,
    .kikkake-s,
    .before-t {
        width: auto;
        margin: 1.3%;
    }

    .qa-form1,
    .qa-form2 {
        width: 100%;
        margin: 1.3%;
    }



    .red-200 {
        font-size: 150%;
    }


    .before-t {
        padding: 5% 0 0 1%;
    }

    .nagare-t-res {
        font-size: 100%;
        width: 69%;
        margin: 10px 0 0 1%;
    }



    .qa-img,
    .resp,
    .koji,
    .movie-img,
    .nagare-line,
    .kansei-img,
    .after-img3,
    .qa-lf,
    .qa-lfm {
        display: none;
    }

    .nagare-no {
        width: 20%;
        float: left;
    }


    .tiiki-fr25 {
        clear: both;
        width: auto;
        margin: 1.3%;
    }

    .tiiki-fl50 {
        width: auto;
        margin: 1.3%;
    }


    .tiiki-fl48 {
        width: auto;
        margin: 1.3%;
    }

    .tiiki-fl46 {
        width: auto;
        margin: 1.3%;
    }


    .tiiki-fl60 {
        width: auto;
        margin: 1.3%;
    }

    .tiiki-fl75 {
        clear: both;
        width: auto;
        margin: 1.3%;
    }

    .tiiki-fl40 {
        width: auto;
        margin: 1.3%;
    }

    .tiiki-fl30 {
        width: auto;
        margin: 1.3%;
    }

    .tiiki-fl65 {
        width: auto;
        margin: 1.3%;
    }

    .tiiki-fl70 {
        width: auto;
        margin: 1.3%;
    }

    .tiiki-mapl {
        width: auto;
        margin: 1.3%;
    }

    .tiiki-mapl2 {
        width: auto;
        margin: 1.3%;
    }

    .tiiki-mapr {
        width: auto;
        margin: 1.3%;
    }

    .tiiki-soudan {
        width: auto;
        margin: 1.3%;
    }

    .tiiki-soudanr {
        width: auto;
        margin: 1.3%;
    }

    .tiiki-mapr {
        width: auto;
        margin: 1.3%;
        height: auto;
    }

    .map-google {
        width: 100%;
        width: auto;
        margin: 1.3%;
        height: auto;
    }

}

@media screen and (max-width:640px) {

    .title-cp {
        width: auto;
        margin: 1.3%;
    }

    .center {
        width: auto;
        margin: 1.3%;
        text-align: center;
    }
}

/* ===================  コンテンツ　====================== */
h1.titleh1 {
    font-size: 20pt;
    padding-bottom: 20px;
}

img.h1btn {
    padding-bottom: 8px;
    padding-right: 20px;
}

h2.subpage20170919 {
    background: url(/wp-content/themes/yaneyasan/images/muryoutenken/yaneyasan_portalsen.png) bottom left no-repeat;
    font-size: 18.9px;
    margin-bottom: 1em;
    line-height: 1.5;
    padding-top: 20px;
}

.fl-l {
    float: left;

}

.fl-r {
    float: right;
}

.fl-ll {
    float: left;

}

.w-49 {
    width: 48%;

}

.line-h {
    line-height: 1.5em;

}

.mar-r10 {
    margin-right: 10px;
}

.mar-r30-6 {
    margin-right: 30px;
}

.mar-t10 {
    margin-top: 10px;
}

.haco0919 {
    margin-top: 15px;
    padding-bottom: 15px;
}

p.fl-l.muryou1 {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 17px;
}

p.fl-l.muryou5 {
    padding-right: 20px;
}

p.muryou4 {
    padding-top: 13px;

}

span.suuzih2 {
    color: #f26400;
    font-size: 25pt;
    padding-right: 16px;
}

p.marubtn {
    font-weight: bold;
    color: #f26400;
    font-size: 15pt;
    padding-right: 12px;
}

p.muryoumozi6 {
    font-size: 15pt;
}

.tennkennnoyousuhako {
    width: 31%;
}

.pad-r15 {
    padding-right: 23px;
}

.title3-3 {
    border-left: 5px solid #f26400;
    padding: 5px;
    font-size: 13pt;
    margin: 10px 0px 10px 0px;

}

.teiansyo {
    width: 48%;
    padding-top: 40px;
}

.pad-r10 {
    padding-right: 10px;
}

.muryoumozi2 {
    padding-top: 37px;
    padding-bottom: 56px;
}



.spsp {
    display: none;
}




@media only screen and (max-width: 767px) {
    img {
        width: 98%;
        margin: 0 auto;
        padding-bottom: 10px;
    }

    .main {
        width: auto;
        padding: 10px;
    }

    img.h1btn {
        padding-bottom: 3px;
        padding-right: 18px;
        width: 12%;
    }

    h1.titleh1 {
        font-size: 14pt;
        padding-bottom: 10px;
    }

    .w-49 {
        width: auto;
    }

    .fl-l {
        float: none;

    }

    .tennkennnoyousuhako {
        width: 100%;
    }

    .teiansyo {
        width: 100%;
        padding-top: 40px;
    }


    .spsp {
        display: block;
    }

    .pc {
        display: none;
    }



}










/*修正追加*/
span.aikonmozibousui {
    font-size: 15px;
    vertical-align: 5px;
}

span.aikonmozisikkui {
    font-size: 15px;
    vertical-align: 5px;
}

span.aikonmozi2apa-to {
    font-size: 14px;
    vertical-align: 10px;
}

span.aikonmoziamadoi {
    font-size: 15px;
    vertical-align: 10px;
    padding-left: 5px;
}

span.aikonmozibankin {
    font-size: 15px;
    vertical-align: 8px;
}

span.aikonmoziyanegai {
    font-size: 15px;
    vertical-align: 5px;
}

span.aikonmoziyanehukinaosi {
    font-size: 15px;
    vertical-align: 9px;
}

span.aikonmozikawara {
    font-size: 15px;
    vertical-align: 13px;
}

p.aikontomozi.fl-l {
    padding: 6px;
}

p.aikontomozi2.fl-l {
    padding: 3px;
}

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

#otoiawasehover img:hover {
    opacity: 0.5;
}

#yazirusi ul li {
    position: relative;
}

#yazirusi ul li::after {
    display: block;
    content: '';
    position: absolute;
    top: .5em;
    left: -1em;
    width: 6px;
    height: 6px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.font13 {
    font-size: 13px;
}

.font17 {
    font-size: 17px;
}

.martop10 {
    margin-top: 10px;
}

.ma-r3 {
    margin-right: 3px;
}

img.aikonimg {
    padding-right: 5px;
}

span.aikonmozi {
    font-size: 15px;
}

span.aikonmozi2 {
    font-size: 13px;
}

/*3カラム部分追加*/

html {
    margin: 0 !important;
    padding: 0 !important;
}


#wrapper {
    max-width: 1200px;
    position: relative;
    overflow-y: hidden;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: white;
}


< !--ヘッダー・メニュー-->#header {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}


.inner {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}

.summerver_header {
    background-image: url(../images/summerhaikei.jpg);
    height: 1000px;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}

.summerver_header .omakasekudasai {
    background-image: url(../images/omakasekudasai.png);
    position: relative;
    background-repeat: no-repeat;
    height: 300px;
    width: 1200px;
    margin: auto;
}

.yohaku350 {
    margin-top: 350px;
}

.summerver_footer {
    background-image: url(../images/summerver_footer.jpg);
    height: 1686px;
    background-repeat: no-repeat;
    background-position: center center;
}

.logo {
    float: left;
    margin-top: 10px;
}

#header h1 {
    font-size: 14px;
    margin: 0px;
}

.contact {
    float: right;
}

#menu {
    width: 1200px;
    padding-top: 10px;
}

#menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#menu li a {
    list-style: none;
    width: 99.5%;
    height: 70px;
    float: left;
    text-align: left;
    margin: 0;
    list-style: none;
    /*border: solid 1px #CCC;*/
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e9e8e8), color-stop(0.00, #fff));
    background: -webkit-linear-gradient(#fff, #e9e8e8);
    background: -moz-linear-gradient(#fff, #e9e8e8);
    background: -o-linear-gradient(#fff, #e9e8e8);
    background: -ms-linear-gradient(#fff, #e9e8e8);
    background: linear-gradient(#fff, #e9e8e8);

}

#menu li a:hover {
    background: #F26400;
}







.clear {
    clear: both;
}

< !--左サイドバーー-->#sideber {
    width: 240px;
    float: left;
    margin-right: 30px;
}

.sidebunner {
    background-color: #F26400;
    padding: 10px;
    color: #FFF;
    font-weight: bold;
    font-size: 19px;
    vertical-align: middle;

}

.fl-l {
    float: left;
}

.fl-r {
    float: right;
}

.marb10 {
    margin-bottom: 10px;
}

.bg-gray01 {
    background-color: #FAFAFA;
    border: solid 1px #E6E6E6;
    padding: 10px;
}

dl.search2 {
    position: relative;
}

dl.search2 dt {
    margin-right: 50px;
    padding: 8px;
    background-color: #fff;
    border: 1px solid #aaa;
}

dl.search2 dt input {
    width: 100%;
    height: 24px;
    line-height: 24px;
    background: none;
    border: none;
}

dl.search2 dd {
    position: absolute;
    top: 0;
    right: 0;
}

dl.search2 dd button {
    display: block;
    width: 50px;
    height: 42px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    background-color: #646464;
    border: 1px solid #646464;
}



.tiiki li img {
    vertical-align: bottom;
}

/*span {
  cursor: pointer;
}*/
/*
li {
  cursor: pointer;
}
*/

.bg-wh {
    background-color: #FFFFFF;
    border: 1px solid #E6E6E6;
    padding: 5px;
}

.bg-wh2 {
    background-color: #FFFFFF;
    border: 1px solid #E6E6E6;
    /*padding:5px;*/
    height: 50px;
}

@media only screen and (max-width: 1190px) {
    .bg-wh2 {
        background-color: #FFFFFF;
        border: 1px solid #E6E6E6;
        /* padding: 5px; */
        height: auto;
    }

}

.pdt-5 {
    padding-top: 5px;
}


.pdt-10 {
    padding-top: 10px;
}

.fs18 {
    font-size: 18px;
}


.mar-10 {
    margin-right: 10px;
}

.bold {
    font-weight: bold;
}


.bo-so-b {
    border-bottom: solid 1px #E6E6E6;
}

.text-c {
    text-align: center;
}

.line-h {
    line-height: 1.5em;
}

.bg-gray2 {
    background-color: #666;
    padding: 5px;
    color: #fff;

}

.bg-gray3 {
    background-color: #F26400;
    padding: 5px;
    color: #fff;
}

.bg-gray4 {
    background-color: #f2f2f2;
    padding: 5px;
    color: #fff;
}


.w-40 {
    width: 40%;
}



#main {
    float: left;
    width: 820px;

}

#main2 {
    float: left;
    width: 550px;

}


.tab {
    overflow: hidden;
    margin-bottom: 0px;
    padding-left: 0px;
    margin-top: 22px;
}

.tab li {
    background: #F2F2F2;
    padding: 6px 11px;
    float: left;
    margin-right: 1px;
    margin-bottom: 0px !important;
    list-style-type: none;
    border-right: 1px solid #E6E6E6;
}

.tab li.select {
    background: #F26400;
    color: #FFF;
}

.tab_contents {
    margin-top: 0px;
}

.tab_contents div {
    background: #fff;
    padding: 15px;
    border-top: 5px solid #F26400;
}

.hide {
    display: none;
}



.area {
    width: 65%;
    line-height: 1.5em;
}

.area li {
    border-bottom: solid 1px #E6E6E6;
    padding: 5px;
}

.area li a:hover {
    color: #F26400;
    font-weight: bold;
    text-decoration: underline;
}

.area li a {
    color: #000;
    text-decoration: none;
}

.w-40 {
    width: 33%;
}

.buttun a {
    width: 132%;
    list-style: none;
    margin-left: auto;
    text-align: center;
    margin-top: -4px;
    padding: 10px;
    color: #F26400;
    list-style: none;
    border: solid 1px #CCC;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e9e8e8), color-stop(0.00, #fff));
    background: -webkit-linear-gradient(#fff, #e9e8e8);
    background: -moz-linear-gradient(#fff, #e9e8e8);
    background: -o-linear-gradient(#fff, #e9e8e8);
    background: -ms-linear-gradient(#fff, #e9e8e8);
    background: linear-gradient(#fff, #e9e8e8);
    float: right;

}


.new {
    background-color: #FDFBFB;
    border: solid 5px #E6E6E6;
    padding: 10px;
}

.w-60 {
    width: 60%;
}

.w-38 {
    width: 47%;
}

.line-r {
    border-right: 1px solid #E6E6E6;
}

.line-t {
    border-top: 4px solid #F26400;
}

.fs22 {
    font-size: 22px;
}

.jireibox {
    background-color: #FDFBFB;
    border: 1px solid #E6E6E6;
    padding: 10px;
    width: 45%;

}

.w-30 {
    width: 46%;
}

.w-32 {
    width: 32%;
}


.w-45 {
    width: 50%;
}

.w-45-2018 {
    width: 59%;
}

.fs14 {
    font-size: 14px;
}

.h-ore a {
    color: #000;
    text-decoration: none;
}

@media only screen and (max-width: 1190px) {
    .h-ore a {
        color: #000;
        text-decoration: none;
        font-size: 10pt;
    }
}

.h-ore a:hover {
    color: #F26400;
    font-weight: bold;
    text-decoration: underline;
}

.w-24 {
    width: 22%;
}

.mar-15 {
    margin-right: 15px;
}


.text-ore {
    color: #F26400;
    font-weight: bold;
    text-decoration: underline;
}

.marb20 {
    margin-bottom: 20px;
}


.rightbunner li {
    list-style: none;
}

#rightsaideber .bg-gray01 ul {
    list-style-image: url(ftp://xn--3kqz84af9af3v.net/wp-content/themes/yaneyasan/images/potal_new/mark3.png
);
    padding: 10px;
    margin-left: 10px;
    list-style: none;

}

.bg-wh a {
    color: #000;
    text-decoration: none;
}

@media only screen and (max-width: 1190px) {
    .bg-wh a {
        color: #000;
        text-decoration: none;
        font-size: 10pt;
    }
}

.bg-wh2 a {
    color: #000;
    text-decoration: none;
}

@media only screen and (max-width: 1190px) {
    .bg-wh2 a {
        color: #000;
        text-decoration: none;
        font-size: 10pt;
    }
}

.bg-wh a:hover {
    color: #F26400;
    font-weight: bold;
    text-decoration: underline;
}

.bg-wh2 a:hover {
    color: #F26400;
    font-weight: bold;
    text-decoration: underline;
}

.ma-r105 {
    margin-right: 10px;
}


#footer {
    background-color: #999;
    padding: 10px;
}


.main {
    padding: 10px;
    width: 700px;
    margin: 0 auto;

}

.arrow {
    background: url(/wp-content/themes/yaneyasan/images/img/icon.jpg) left center no-repeat;
    font-size: 30px;
    padding-left: 50px;
    /* color: #fc8618; */
    margin-bottom: 0.8130081300813%;
    line-height: 1.5em;
    margin-top: 0;
}

.contents {
    background-color: #FAFAFA;
    border: 1px solid #E6E6E6;
    padding: 10px;

}

.contents {
    margin: 0 auto;
}

.orenge {
    background-color: #F26400;
    padding: 10px;
    color: #FFF;

}

#sideber {
    width: 350px;
    float: right;


}

.bg-jirei {
    background-color: #FDFBFB;
    border: #E6E6E6 1px solid;
    padding: 5px;
}

.bg-ore {
    background-color: #F26400;
    padding: 5px;
    color: #FFF;
}


.bg-ore2 {

    background-color: #F26400;

    padding: 10px;
    color: #FFF;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}


.tiiki ul {
    list-style-type: none;
    display: none;
}


.text-c {
    text-align: center;
}


.fs19 {
    font-size: 19px;
}



#sideber li {
    list-style: none;



}

#main h1 {
    font-size: 25px;
    font-weight: bold;
    line-height: 22pt;


}

.sp {
    display: none;



}

#wrapper {
    max-width: 1200px;
    position: relative;
    overflow-y: hidden;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}


#primary {
    width: 820px !important;
    float: left !important;
}

.summerfooter {
    width: 1200px;
    margin: auto;
    color: white;
}

.footermei {
    font-size: 21px;
    margin: 25px 0 5px;
    font-weight: bold;
    color: #FFF;
}

.summerfooter_dai {
    font-size: 18px;
    text-align: center;
    margin: 30px 0;
    color: white;
    font-weight: bold;
    padding: 28px;
    border-bottom: dotted #fff 3px;
    text-align: center;
}

.summerfooter_m {
    width: 600px;
    float: left;
}

.summerfooter_m a {
    color: #FFF;
    text-shadow: 1px 2px 3px #808080;
}

@media only screen and (max-width: 767px) {
    .yohaku350 {
        margin-top: 0px;
    }

    .summerver_header {
        background-image: none;
        height: auto;
        background-repeat: none;
        background-position: none;
        background-attachment: none;
    }

    .summerver_header .omakasekudasai {
        background-image: none;
        position: none;
        background-repeat: no-repeat;
        height: auto;
        width: auto;
        margin: auto;
        position: none;
        left: none;
    }

    .buttun a {
        width: 92%;
        list-style: none;
        margin-left: auto;
        text-align: center;
        margin-top: -4px;
        padding: 10px;
        color: #F26400;
        list-style: none;
        border: solid 1px #CCC;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e9e8e8), color-stop(0.00, #fff));
        background: -webkit-linear-gradient(#fff, #e9e8e8);
        background: -moz-linear-gradient(#fff, #e9e8e8);
        background: -o-linear-gradient(#fff, #e9e8e8);
        background: -ms-linear-gradient(#fff, #e9e8e8);
        background: linear-gradient(#fff, #e9e8e8);
        float: right;

    }



    .fl-l,
    .fl-r {
        float: none;

    }


    .main,
    .w-48,
    .w-47,
    .w-54,
    .w-45,
    .w-30,
    .w-28,
    .w-65,
    .bo-ore,
    .meritto,
    .meritto2,
    .demeritto,
    .demeritto2,
    .bo-tya,
    .kaiketu,
    .bo-ore2,
    .w-70,
    .w-40,
    .w-38,
    .w-32,
    .w-24 {
        width: auto;

    }

    .mar-r10,
    .mar-r102,
    .mar-r15 {
        margin-right: 0px;

    }

    .spgazo {
        width: 10% !important;
        margin: 0 auto;

    }

    .text-csp {
        text-align: center;
        color: #FFF;

    }

    .w-50sp {
        width: 50%;


    }

    .w-30 {
        width: auto;
    }


    .w-30 img {
        width: 100%;
    }


    #header,
    #sideber,
    #rightsaideber {
        display: none;
    }

    #wrapper,
    #main {
        width: 99%;
    }

    #footer {
        display: none;
    }


    .contents {
        margin: 0 auto;
    }

    .w-60,
    .w-48,
    .w-30,
    .w-30-2,
    .fukikae-jisint-r,
    .buttun {
        width: auto;
    }

    .fl-l,
    .fl-r {
        float: none;
    }

    img {
        width: 98%;
        margin: 0 auto;
    }

    .fl-lsp {
        float: left !important;
    }

    .fl-rsp {
        float: right !important;
    }

    .imgsp30 {
        width: 10% !important;
        margin: 0 auto !important;

    }

    .fs12 {
        font-size: 16px;
    }

    .ma-r20 {
        margin: 0px;
    }

    .ma-r10 {
        margin: 0px;
    }

    .ma-b10 {
        margin-bottom: 10px;
    }


    .headersp {
        display: block;
        background-color: #F2F2F2;
        border-bottom: 2px solid #ff5f01;
        margin-bottom: 10px;
    }

    .splogo {
        width: 50%;
        float: left;
    }

    .sptell {
        width: 16.5%;
        float: left;
    }

    .spmail {
        width: 16.5%;
        float: left;
    }

    .button-toggle {
        width: 17%;
        float: left;
    }

    .menu {
        position: absolute;
        top: 51px;
        width: 100%;
        color: #999;
        overflow: hidden;
    }



    .menu2 a {
        display: block;
        color: #F26400;
        text-decoration: none;
        padding: 5px 20px;
        border-bottom: 1px solid #555;
        line-height: 40px;
        font-size: 20px;
    }



    .menu2 li {
        position: relative;

    }


    .tab {
        width: 98%;

    }

    .tab li {
        float: none;
    }

    .area {
        width: auto;
        list-style: none;
    }

    #main2 {
        width: auto;

    }

    .sp-auto {
        width: auto !important;

    }

    .jireibox {
        width: auto;

    }



}

/*追加20171110*/
p.fl-r.wakusen.maesyasin12 {
    width: 45%;
}

@media only screen and (max-width: 767px) {
    p.fl-r.wakusen.maesyasin12 {
        width: 100%;
    }
}

/*追加*/
.bloghako {
    max-width: 90%;
    margin-left: 10px;
    padding-left: 120px;
    padding-bottom: 10px;
    padding-top: 10px;
}

img.blogaikon2 {
    float: right;
    padding-bottom: 20px;
    width: 55%;
}

img.blogaikon {
    width: 35%;
    float: left;
}

p.line-h.bold {
    padding-bottom: 10px;
    padding-top: 10px;
}

.tuduki {
    padding-bottom: 10px;
}

.ma-r1020170801 {
    margin-right: 5px;
}

p.fl-r.ma-b10.wakusen {
    border: solid #999 1px;
    margin-right: 99px;
}

@media only screen and (max-width: 767px) {
    p.fl-r.ma-b10.wakusen {
        border: solid #999 1px;
        margin-right: 0px;
    }
}

/* 共通*/

* {
    margin: 0;
    padding: 0;
}

#wrapper {
    max-width: 1200px;
    position: relative;
    overflow-y: hidden;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}



.clear {
    clear: both;

}

.line-h {
    line-height: 1.5em;

}

.w-60 {
    width: 50%;

}

.w-48 {
    width: 48%;

}

.w-30 {
    width: 46%px;

}

.w-30-2 {
    width: 30%;

}


.fl-l {
    float: left;

}

.fl-r {
    float: right;

}

.texr-c {
    text-align: center;

}

.red {
    color: #F00;

}

.fukikae-jisint-r {
    width: 48%;
    margin: 0 0 0 0%;
}

.ore {
    color: #F15A24;

}

.ma-r20 {
    margin-right: 20px;

}


.fs38 {
    font-size: 38px;

}

.bo-bo-s {
    border-bottom: solid 2px #CCC;
    padding-bottom: 10px;

}

.ore-bo-s {
    border-bottom: #F26400 solid 2px;
    padding-top: 20px;


}

.pd-10 {
    padding: 10px;

}

.bg-jirei {
    background-color: #FDFBFB;
    border: #E6E6E6 1px solid;

}

.ma-r10 {
    margin-right: 10px;

}

.gray-bo-s {
    border-bottom: #CCC 1px solid;

}

.bg-gray {
    background-color: #666;
}

.pd-5 {
    padding: 1px;

}

.cl-w {
    color: #FFF;

}


.pd-l10 {
    padding-left: 10px;

}

.ma-t10 {
    margin-top: 10px;

}

.fs12 {
    font-size: 12px;

}

.pdt-5 {
    padding-top: 5px;

}

.spres {
    display: none;
}

.btn {
    width: 100%;
    font-size: 1em;
    font-weight: bold;
    color: #666;
    padding: 15px;
    background: -moz-linear-gradient(top, #dbdbdb 0%, #ebebeb 25%, #ababab);
    background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), color-stop(0.25, #ebebeb), to(#ababab));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #f5f5f5;
    -moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px -1px 0px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px -1px 0px rgba(255, 255, 255, 0.7);
    box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px -1px 0px rgba(255, 255, 255, 0.7);
    text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
    text-decoration-line: none;
}

.btnhako {
    padding-top: 25px;
    padding-bottom: 50px;
}



/* ヘッダー */

#header {
    width: 100%;
    margin-left: auto;
    margin-right: auto;

}

#header .inner {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#header h1 {
    font-size: 14px;
    margin: 0px;

}


.logo {
    float: left;
    margin-top: 10px;
}


.contact {
    float: right;

}

.camp {
    background-color: #F15A24;
    padding: 5px;
    margin: 5px 0;
    color: #fff;
    font-weight: bold;
    width: 98.5%;
    text-align: center;
    font-size: 130%;
}


/* メニュー */
#menu {

    width: 100%;
    padding-top: 10px;


}


#menu ul {
    padding: 0;
    margin: 0;

}






#menu li {
    list-style: none;
    width: 16.45%;
    height: 70px;
    float: left;
    text-align: left;
    margin: 0;
    list-style: none;

    border: solid 1px #CCC;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e9e8e8), color-stop(0.00, #fff));
    background: -webkit-linear-gradient(#fff, #e9e8e8);
    background: -moz-linear-gradient(#fff, #e9e8e8);
    background: -o-linear-gradient(#fff, #e9e8e8);
    background: -ms-linear-gradient(#fff, #e9e8e8);
    background: linear-gradient(#fff, #e9e8e8);


}

#menu li img {
    margin-top: 10px;




}

.tiiki-menu li {
    float: left;
    width: auto;
    font-size: 100%;
    margin-bottom: 20px;
    list-style-type: none !important;
    font-size: 14px;
}

.tiiki-menu>li>a {
    background: url(http://xn--3kqz84af9af3v.net/wp-content/themes/yaneyasan/images/base/result-li.gif) center left no-repeat;
    padding: 3px 0 0 20px;
    margin-left: 5px;
}


/*ぱんくず */

.topicpath {
    width: 1200px;
    padding: 0;
    margin: 0;

}

.ol {
    width: 1200px;
    padding: 0px;
    margin: 0;

}

.topicpath ol li {
    /* liを横並び＆ブレットを消す */
    display: inline;
    list-style-type: none;
}

.topicpath ol li:before {
    /* liの前に記号追加 *
        content: " > ";
}

.topicpath ol li:first-child:before {
        /* 最初のliだけcontentを消す */
    content: "";
}

/*メインコンテンツ*/

#main {
    max-width: 57.5%;
    padding: 0;
    /*margin-right:10px;*/
    float: left;
    /* width: calc(100% - 515px);*/

}

@media only screen and (max-width: 767px) {
    #main {
        max-width: 98%;
        padding: 0;
        /*margin-right:10px;*/
        float: left;
        /* width: calc(100% - 515px);*/
        margin-left: 1%;
        /* margin-top: 80px; */

    }

}



.arrow {
    background: url(/wp-content/themes/yaneyasan/images/img/icon.jpg) left center no-repeat;
    font-size: 30px;
    padding-left: 50px;
    /* color: #fc8618; */
    margin-bottom: 0.8130081300813%;
    line-height: 1.5em;
    margin-top: 0;
}

.contents {
    background-color: #FAFAFA;
    border: 1px solid #E6E6E6;
    padding: 10px;

}

.orenge {
    background-color: #F26400;
    padding: 10px;
    color: #FFF;

}

.fs22 {
    font-size: 22px;

}

.bold {
    font-weight: bold;

}

.fs19 {
    font-size: 19px;

}

h2.subpage20170728 {
    clear: both;
    background: url(/wp-content/themes/yaneyasan/images/img/yaneyasan_portalsen.png) bottom left no-repeat;
    padding-bottom: 0.6em;
    font-size: 20px;
    margin-bottom: 1em;
    line-height: 1.5;
    font-weight: bold;
    padding-top: 20px;
}

h3.circle {
    background: url(/wp-content/themes/yaneyasan/images/img/icon2.png) center left no-repeat;
    padding-left: 1.4em;
    font-size: 1.5em;
    margin-bottom: 0.8em;
    margin-top: 0.8em;
}

.fl-l.ma-b10.koehako {
    width: 100%;
    /*padding-top: 60px;*/
}


/*スライドメニュー*/

.menuList {
    width: 200px;
    margin: 0;
    padding: 0;
    border: 1px solid #000;
    border-bottom: none;
    list-style: none;
}

.main_menu {
    position: relative;
    margin: -1px -1px 0 -1px;
    padding: 10px;
    line-height: 20px;
    color: #fff;
    border: 1px solid #000;
    background: #7da667;
    cursor: pointer;
}

.main_menu a {
    color: #fff;
    text-decoration: none;
}

.main_menu span {
    display: block;
    background: url('images/arrow.png') 100% 0% no-repeat;
}

.main_menu span.open {
    background: url('images/arrow.png') 100% 100% no-repeat;
}

.tiiki ul {
    display: none;
}

li.po {
    cursor: auto !important;
}

.tiiki span {
    cursor: pointer;
}

.tiiki li img {
    vertical-align: bottom;
}

.tiiki2 img {
    vertical-align: bottom;

}

.tiiki a {
    margin: 0;
    padding: 0;

}


/*ページ下部に設置する導線*/

.btm {
    width: 820px;
    padding: 0;
    margin: 0;

}

.jirei {
    background: url(/wp-content/themes/yaneyasan/images/img/camera.png) left center no-repeat;
    font-size: 30px;
    padding-left: 50px;
    /* color: #fc8618; */
    margin-bottom: 0.8130081300813%;
    line-height: 1.5em;
    margin-top: 0;
}

.koe {
    background: url(/wp-content/themes/yaneyasan/images/img/koe.png) left center no-repeat;
    font-size: 30px;
    padding-left: 50px;
    /* color: #fc8618; */
    margin-bottom: 0.8130081300813%;
    line-height: 1.5em;
    margin-top: 0;
}

.buttun {
    font-size: 12px list-style:none;
    margin-left: auto;
    width: 25%;
    text-align: center;
    margin-top: 10px;
    /*padding:10px;*/
    /*color:#F26400;*/
    text-decoration: underline;

    list-style: none;


    border: solid 1px #CCC;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e9e8e8), color-stop(0.00, #fff));
    background: -webkit-linear-gradient(#fff, #e9e8e8);
    background: -moz-linear-gradient(#fff, #e9e8e8);
    background: -o-linear-gradient(#fff, #e9e8e8);
    background: -ms-linear-gradient(#fff, #e9e8e8);
    background: linear-gradient(#fff, #e9e8e8);


}

.cl-gray {
    color: #333;

}

.cl-ore {
    color: #FF5E00;

}

.bg-ore {
    background-color: #F26400;
    padding: 10px;
    color: #FFF;


}

#main2 {
    width: 820px;
    padding: 0;
    margin: 0;
    float: left;

}

#sideber {
    width: 350px;
    float: right;


}

#sideber ul {
    padding: 0;
    margin: 0;



}

#sideber li {
    list-style: none;



}



#sideber dd {
    padding: 10;
    margin: 0;



}


#searchform2 {
    position: relative;
}

#keywords2 {
    width: 250px;
    height: 31px;
    background: #fff;
    border: solid 1px #999;
    padding: 4px;
    color: #333;
}

#searchBtn2 {
    position: absolute;
    top: 0;
    _top: 1px;
    left: 252px;
}

*:first-child+html #searchBtn2 {
    top: 1px;
}


.ma-b10 {
    margin-bottom: 36px;
}


.headersp {
    display: none;
}

.text {
    color: #333;
    text-decoration: none;
}

.box-sub20170728 {
    padding-bottom: 50px;
}

.qa-next120170728 {
    width: 73%;
    float: left;
}

.rqa-an120170728 {
    width: 40%;
    float: left;
    color: #F15A24;
    font-weight: bold;
}

.rqa-an220170728 {
    width: 50%;
    float: left;
}

.qa-lr10020170728 {
    width: 100%;
    margin-bottom: 10px;
}

.qa-next220170728 {
    padding-bottom: 10px;
}

.pcres20170728 {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

/*フッター*/

#footer {
    margin-top: 10px;
    background: #FAFAFA;
    padding: 30px;
}


#footer p {
    text-align: center;
}








@media only screen and (max-width: 767px) {

    #header,
    #sideber {
        display: none;
    }

    #wrapper,
    #main {
        width: 100%;
    }

    #footer {
        display: none;
    }


    .contents {
        margin: 0 auto;
    }

    .w-60,
    .w-48,
    .w-30,
    .w-30-2,
    .fukikae-jisint-r,
    .buttun {
        width: auto;
    }

    .fl-l,
    .fl-r {
        float: none;
    }

    img {
        width: 98%;
        margin: 0 auto;
    }

    .fl-lsp {
        float: left !important;
    }

    .fl-rsp {
        float: right !important;
    }

    .imgsp30 {
        width: 10% !important;
        margin: 0 auto !important;

    }

    .fs12 {
        font-size: 16px;
    }

    .ma-r20 {
        margin: 0px;
    }

    .ma-r10 {
        margin: 0px;
    }

    .ma-b10 {
        margin-bottom: 10px;
    }


    .headersp {
        display: block;
        background-color: #F2F2F2;
        border-bottom: 2px solid #ff5f01;
        margin-bottom: 10px;
    }

    .splogo {
        width: 50%;
        float: left;
    }

    .sptell {
        width: 16.5%;
        float: left;
    }

    .spmail {
        width: 16.5%;
        float: left;
    }

    .button-toggle {
        width: 17%;
        float: left;
    }

    .menu {
        position: absolute;
        top: 51px;
        width: 100%;
        color: #999;
        overflow: hidden;
    }



    .menu2 a {
        display: block;
        color: #F26400;
        text-decoration: none;
        padding: 5px 20px;
        border-bottom: 1px solid #555;
        line-height: 40px;
        font-size: 20px;
    }





    .menu2 li {
        position: relative;
        ;
    }

    .spres {
        display: block;
    }

    .pcres {
        display: none;
    }

    .fl-l.ma-b10.koehako {
        width: 100%;
        padding-top: 60px;
    }

    img.blogaikon2 {
        float: right;
        padding-bottom: 20px;
        width: 60%;
    }

    .bloghako {
        max-width: 90%;
        margin-left: 10px;
        padding-left: 10px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .tuduki {
        /* width: 40%; */
        float: right;
        padding-right: 10px;
        padding-bottom: 10px;
    }

    .pcres20170728 {
        text-align: center;
        padding-bottom: 10px;
        padding-top: 10px;
        display: none;
    }

    .spres {
        display: block;
        text-align: center;
    }

    ul.tiiki-menu {
        font-size: 10pt;
    }




}

/* 2018トップページ */


p.mokuzir {
    background: #F26400;
    color: #FFF;
    font-size: 16pt;
}

.blogw95 {
    width: 95%;
}

.dougaw-60 {
    width: 60%;
}

.btnw-228 {
    width: 60%;
}

.btnw-30 {
    width: 30%;
}

.btn2018 {
    list-style: none;
    margin-left: auto;
    width: 35%;
    text-align: center;
    margin-top: 10px;
    padding: 10px;
    color: #F26400;
    text-decoration: underline;
    list-style: none;
    border: solid 1px #CCC;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e9e8e8), color-stop(0.00, #fff));
    background: -webkit-linear-gradient(#fff, #e9e8e8);
    background: -moz-linear-gradient(#fff, #e9e8e8);
    background: -o-linear-gradient(#fff, #e9e8e8);
    background: -ms-linear-gradient(#fff, #e9e8e8);
    margin-bottom: 20px;
    background: linear-gradient(#fff, #e9e8e8);
}

.dougaimg {
    width: 10%;
    margin-right: 18px;
}

.fl-l-l2 {
    float: left;
}

.mar-lokyakuimg {
    margin-left: 0px;
}

.blogjireikoe {
    margin-top: 17px;
    margin-left: 98px;
}



.blogjireikoe a:hover {
    color: #f26400;
}

.w-blog13 {
    width: 13%;
}

@media only screen and (max-width: 767px) {

    .blogjireikoe2 {
        margin-top: 0px;
        margin-left: 0px;
        font-size: 10pt;
        line-height: 14pt;
    }

    .blogjireikoe {
        margin-top: 0px;
        margin-left: 0px;
    }

    .dougaw-60 {
        width: 100%;
    }

    .jirei-sp1 {
        width: 44%;
        float: left;
        margin-right: 33px;
    }

    .jirei-sp2 {
        width: 45%;
        float: left;
    }

    .fl-l-l2 {
        float: left;
    }

    .mar-lokyakuimg {
        margin-left: 50px;
    }

    .blogokyakuimg {
        width: 68%;
        margin-left: 64px;
    }

    .w-blog13 {
        width: 50%;
        margin-left: 83px;
    }

}


/* 上部戻るボタン */
#totop a {
    display: block;
    width: 116px;
    height: 115px;
    text-indent: -1000em;
    overflow: hidden;
    background: url(../img/back_top.png) 0 0 no-repeat;
}

@media only screen and (max-width: 767px) {

    #page_top {
        width: 50px;
        height: 50px;
        position: fixed;
        right: 0;
        bottom: 0;
        background: #9e9e9e;
        opacity: 0.6;
        border-radius: 50%;
    }

    #page_top a {
        position: relative;
        display: block;
        width: 50px;
        height: 50px;
        text-decoration: none;
        /* 404のためコメントアウト
background: url(../img/yazirushi.png) 0 0 no-repeat;
*/
    }

    /*
#page_top a::before{
  font-family: FontAwesome;
  content: '\f062';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
*/
}


.sumahotop-m-f {
    font-size: 12pt;
}

@media only screen and (max-width: 320px) {
    .sumahotop-m-f {
        font-size: 10pt;
    }
}



.okyakusamakoe-ato-l {
    width: 50%;
    margin-top: -430px;
}

@media only screen and (max-width: 767px) {
    .okyakusamakoe-ato-l {
        width: 100%;
        margin-top: 0px;
    }
}



/*お見積もり*/

.omitumorikoumoku {
    font-size: 16px;
    vertical-align: middle;
    background-color: #ffbb58;
    padding: 4px;

}

.omitumorikoumoku2 {
    border: #f26400 2px solid;
    width: 50%;
    float: right;
    text-align: center;
    color: #f26400;
}

.mar-t-4 {
    margin-top: -4px;
}

.omitumoriw-50 {
    width: 50%;
}



@media only screen and (max-width: 767px) {
    .omitumorimaru {
        width: 24px;
        margin-bottom: -2px;
    }

    .omitumorikoumoku2 {
        border: #f26400 2px solid;
        width: 100%;
        float: none;
        text-align: center;
        color: #f26400;
    }

    .omitumoriw-50 {
        width: 100%;
    }

    .omitumorit-cmar10 {
        text-align: center;
        margin-bottom: 10px;
    }
}


/*お見積もり 表*/
/*
table , td, th {
rder-collapse: collapse;
	border: 2px solid #9e9e9e;
	border-collapse: collapse;
}

*/
.quote table,
.quote td,
.quote th {
    rder-collapse: collapse;
    border: 2px solid #9e9e9e;
    border-collapse: collapse;
}


.omitumorikadomaru {
    padding: 6px;
    margin: 10px 0 10px 0;
    border: #ff9700 2px solid;
    width: 19%;
    border-radius: 11px;
    text-align: center;
}

.omitumorikadomarumozi {
    font-size: 17pt;
    color: #ff9700;
    font-weight: bold;
}

.omitumorikadomaru2 {
    padding: 6px;
    margin: 10px 0 10px 0;
    /* border: #ff9700 2px solid; */
    width: 46%;
    border-radius: 11px;
    text-align: center;
    background-color: #ff9700;
}

.omitumorikadomarumozi2 {
    font-size: 17pt;
    color: #fff;
    font-weight: bold;
}

.omitumorikadomarumozi3 {
    font-size: 25pt;
    font-weight: bold;
    color: #808080;
    margin-top: 29px;
}

.omitumorikadomarumozi4 {
    font-size: 25pt;
    font-weight: bold;
    color: #808080;
    margin-top: 50px;
}

.omitumorikadomaru4 {
    padding: 6px;
    margin: 10px 0 -40px 0;
    border: #ff9700 2px solid;
    width: 19%;
    border-radius: 11px;
    text-align: center;
}

.omitumorikadomaru5 {
    padding: 6px;
    margin: 30px 0 -40px 0;
    border: #ff9700 2px solid;
    width: 19%;
    border-radius: 11px;
    text-align: center;
}

.chiikivoiceqa {
    width: 50%;
    margin-top: -370px;
}


@media only screen and (max-width: 767px) {
    .chiikivoiceqa {
        width: 100%;
        margin-top: 0px;
    }


    .omitumorikadomaru {
        padding: 6px;
        margin: 10px 0 10px 0;
        border: #ff9700 2px solid;
        width: 97%;
        border-radius: 11px;
        text-align: center;
    }

    .omitumorikadomarumozi {
        font-size: 17pt;
        color: #ff9700;
        font-weight: bold;
    }

    .omitumorikadomaru2 {
        padding: 6px;
        margin: 10px 0 10px 0;
        /* border: #ff9700 2px solid; */
        width: 97%;
        border-radius: 11px;
        text-align: center;
        background-color: #ff9700;
    }

    .omitumorikadomarumozi2 {
        font-size: 17pt;
        color: #fff;
        font-weight: bold;
    }

    .omitumorikadomarumozi3 {
        font-size: 25pt;
        font-weight: bold;
        color: #808080;
        margin-top: 0px;
        margin-left: 160px;
    }

    .omitumorikadomaru4 {
        padding: 6px;
        margin: 0px 0 0px 0;
        border: #ff9700 2px solid;
        width: 97%;
        border-radius: 11px;
        text-align: center;
    }

    .omitumorikadomarumozi4 {
        font-size: 25pt;
        font-weight: bold;
        color: #808080;
        margin-top: 0px;
        margin-left: 160px;
    }

    .omitumorikadomaru5 {
        padding: 6px;
        margin: 0px 0 0px 0;
        border: #ff9700 2px solid;
        width: 97%;
        border-radius: 11px;
        text-align: center;
    }
}




/*お客様の声地域ページ用*/

.chiiki_0830 {
    width: 45.36%;
}

.chiiki_ankt {
    width: 35%;
}

@media only screen and (max-width: 767px) {
    .chiiki_0830 {
        width: 95%;
    }

    .chiiki_ankt {
        width: 100%;
    }

    .chiiki_w49sp {
        width: 49%;
    }
}

/*2020326追加*/
.w-50 {
    width: 48%;
}

.soukatubun {
    vertical-align: middle;
    background-color: #FEFAD1;
    padding: 20px 25px 20px 25px;
    margin: 40px 0 20px 0;
    border: #FCD87C 2px dashed;
}

@media only screen and (max-width: 767px) {
    .w-50 {
        width: 100%;
    }
}


/*沼田cssここから*/

.one {
    width: 100%;
}

.pone {
    margin: 0;
    font-size: 14px;
}

.two {
    width: 100%;
    margin: 30px 0;
}

.pthree {
    float: left;
    width: 50%;
}

.three {
    float: right;
    width: 50%;
}

.clear {
    clear: both;
}


.pfour {
    float: right;
    width: 50%;
    margin: 30px 0;
}

.four {
    float: left;
    width: 48%;
    padding: 30px 0px 30px 0;
}

.clear {
    clear: both;
}


.under {
    color: #f26400;
    font-weight: normal;
    border-bottom: solid #f26400;
    font-size: 25px;
    margin: 40px 0 20px 0;
}

.hakononamae {
    font-size: 25px;
    color: #fff;
    font-weight: normal;
    background: #f26400;
    margin: 40px 0;
    padding: 10px;
}

.pfive {
    float: left;
    width: 50%;
}

.five {
    float: right;
    width: 50%;
    padding: 30px 0;
}

.clear {
    clear: both;
}

.yokobou {
    font-size: 18px;
    color: #f26400;
    font-weight: normal;
    border-left: thick solid #f26400;
    margin: 30px 0 20px 0;

}

.six {
    padding: 15px 0;
}

.psix {
    float: right;
    width: 70%;
    padding: 15px 0;
}

.clear {
    clear: both;
}

.pseven {
    float: left;
    width: 50%;
    margin: 0 0 10px 0;
}

.seven {
    float: right;
    width: 48%;
    padding: 0 0 0 10px;
}

.clear {
    clear: both;
}

.peight {
    float: left;
    width: 50%;
    margin: 0 0 10px 0;
}

.eight {
    float: right;
    width: 48%;
    padding: 0 0 0 10px;
}

.clear {
    clear: both;
}


.nine {
    width: 100%;
}

.ten {
    float: left;
    width: 50%;
}

.pten {
    float: right;
    width: 48%;
}

.clear {
    clear: both;
}

.eleven {
    float: left;
    width: 50%;
}

.peleven {
    float: right;
    width: 48%;
}

.clear {
    clear: both;
}

.twelve {
    float: left;
    width: 50%;
}

.ptwelve {
    float: right;
    width: 48%;
}

.clear {
    clear: both;
}

.nayami {
    height: 57px;
    border: solid 1px #E6E6E6;
    margin-bottom: 10px;
}

.Q {
    float: left;
    width: 10%;
    height: 57px;
}

.hatena {
    float: right;
    width: 90%;
    background: #E6E6E6;
    padding: 15px 0 20px 0;
}

.clear {
    clear: both;
}

.kaiketu {
    height: 57px;
    border: solid 1px #E6E6E6;
    margin-bottom: 10px;
}

.A {
    float: left;
    width: 10%;
    height: 57px;
}

.kotae {
    float: right;
    width: 90%;
    padding: 15px 0 20px 0;
}

.clear {
    clear: both;
}

.yanenene {
    float: left;
    width: 48%;
}

.fifteen {
    float: right;
    width: 50%;
}

.clear {
    clear: both;
}

.matome {
    background: #f9f9f9;
    border: solid #ccc;
    margin: 50px 0;
}

.matometitle {
    font-weight: normal;
    text-align: center;
}

.moji {
    padding: 0 20px;
}


/*マイスター制度*/
.header413 {
    width: 100%;
}

.sitanibou413 {
    font-size: 1.5em;
    color: #f26400;
    font-weight: normal;
    border-bottom: solid #f26400;
    margin: 25px 0;
}

.ninomoji413 {
    float: left;
    width: 48%;
    margin: 0;
}

.taiou413 {
    float: right;
    width: 50%;
}

.clear {
    clear: both;
}

.sannnomoji413 {
    margin-top: 20px;
}

.kiteinomoji {
    text-align: center;
    margin: 20px 0;
}


.hakonimoji413 {
    font-size: 1.5em;
    font-weight: normal;
    color: #fff;
    background: #f26400;
    margin: 50px 0 30px 0;
    padding: 5px 15px;
}

.yonnnomoji413 {
    float: left;
    width: 48%;
    margin: 0;
}

.sutoresu413 {
    float: right;
    width: 50%;
}

.clear {
    clear: both;
}


.yokonibou413 {
    color: #f26400;
    font-size: 13pt;
    font-weight: normal;
    border-left: thick solid #f26400;
    padding: 5px;
    margin: 30px 0;
}

.gold413 {
    float: left;
    width: 20%
}

.goldnomoji413 {
    font-size: 21pt;
    padding: 15px 0;
    line-height: 50px;
}

.clear {
    clear: both;
}

.orennjinisuru {
    color: #f26400;
}

.clear {
    clear: both;
}

.torakkuniippai413 {
    margin: 20px 0;
}


.ochachacha413 {
    float: left;
    width: 50%;
}

.juuitinomoji413 {
    float: right;
    width: 48%;
}

.clear {
    clear: both;
}

.goldnomoji413413 {
    font-size: 22pt;
    line-height: 40px;
}

.toirenoe413 {
    float: left;
    width: 50%;
}

.juusannnomoji413 {
    float: right;
    width: 48%;
}

.goldnomoji4132020 {
    font-size: 19pt;
    line-height: 40px;
}

.yanenoue413 {
    margin: 20px 0;
}

.hutarisyasinn413 {
    margin: 20px 0;
}

.kigaippai413 {
    margin: 20px 0;
}

.tabakodame413 {
    margin: 20px 0;
}

.juunoruru413 {
    width: 100%;
    margin: 30px 0;
}

.juunoruru413:hover {
    opacity: 0.6;
}


/*屋根の部分補修と全面補修はどちらがお得？*/
.otokunanoha414 {
    width: 100%;
    margin: 20px 0;
}

.ninomoji414 {
    float: left;
    width: 48%;
}

.dottigaiino414 {
    float: right;
    width: 50%;
}

.clear {
    clear: both;
}

.bubunnhosyuu414 {
    float: left;
    width: 50%;
    margin: 20px 0;
}

.sannnomoji414 {
    float: right;
    width: 48%;
    margin: 20px 0;
}

.clear {
    clear: both;
}

.seikainano414 {
    font-weight: normal;
    text-align: center;
    font-size: 18pt;
    margin: 20px 0;
    line-height: 30px;
}

.orennjimoji414 {
    color: #f26400;
}

.yonnnomoji414 {
    float: left;
    width: 48%;
}

.zennmennteki414 {
    float: right;
    width: 50%;
}

.clear {
    clear: both;
}

.riyuuiti414 {
    width: 100%;
    margin: 30px 0 10px 0;
}

.hasonnhibiware414 {
    float: left;
    width: 50%;
    margin-bottom: 10px;
}

.rokunomoji414 {
    float: right;
    width: 48%;
}

.clear {
    clear: both;
}

.hakomoji414 {
    color: #fff;
    background: #f26400;
    font-weight: normal;
    padding: 5px 10px;
    margin: 50px 0 20px 0;
    font-size: 1.5em;
}

.nananomoji414 {
    float: left;
    width: 48%;
    margin-top: 10px;
}

.sitanobubunn414 {
    float: right;
    width: 50%;
}

.clear {
    clear: both;
}

.hutatabi414 {
    float: left;
    width: 50%;
    margin: 20px 0;
}

.hatinomoji414 {
    float: right;
    width: 48%;
    margin-top: 20px;
}

.clear {
    clear: both;
}

.kyuunomoji414 {
    float: left;
    width: 48%;
    margin-top: 20px;
}

.saiteki414 {
    float: right;
    width: 50%;
    margin-top: 10px;
}

.poinnto414 {
    margin: 20px 0;
}

.riyuuni414 {
    margin: 20px 0;
}

.juuninomoji414 {
    float: left;
    width: 48%;
    margin-top: 20px;
}

.warui414 {
    float: right;
    width: 50%;
    margin-top: 10px;
}

.clear {
    clear: both;
}

.honntounoannsinn414 {
    float: left;
    width: 50%;
    margin-top: 20px;
}

.juusannnomoji414 {
    float: right;
    width: 48%;
    margin-top: 20px;
}

.clear {
    clear: both;
}

.sekouhosyou414 {
    width: 100%;
    margin: 20px 0;
}

.mekahosyou414 {
    width: 100%;
    margin-bottom: 20px;
}

.yokosenn414 {
    font-weight: normal;
    color: #f26400;
    border-left: thick solid #f26400;
    padding: 5px;
    font-size: 13pt;
    margin: 20px 0;
}

.juuhatinomoji414 {
    float: left;
    width: 48%;
    margin-top: 20px;
}

.riyuusann414 {
    margin: 20px 0;
}

.annzennwotamotu414 {
    float: right;
    width: 50%;
    margin-top: 10px;
}

.clear {
    clear: both;
}

.kasai414 {
    float: left;
    width: 50%;
    margin-top: 20px;
}

.juukyuunomoji414 {
    float: right;
    width: 48%;
    margin-top: 20px;
}

.clear {
    clear: both;
}

.nijuunomoji414 {
    float: left;
    width: 48%;
}

.gosoudann414 {
    float: right;
    width: 50%;
}

.matome414 {
    background: #f9f9f9;
    border: solid 2px;
    border-color: #ccc;
    padding: 20px 25px;
    margin: 40px 0;
    line-height: 30px;
}

.matometitle414 {
    text-align: center;
    font-weight: bold;
    font-size: 15pt;
    padding-bottom: 15px;
}

.rinnkunosaki414 {
    text-decoration: none;
    color: #337ab7;
    margin: 10px 0;
}

.rinnkunosaki414:hover {
    opacity: 0.6;
}


/*スレート屋根へのカバー工法*/
.header415 {
    width: 100%;
    margin: 10px 0;
}

.sitasenn415 {
    font-size: 17pt;
    font-weight: normal;
    color: #f26400;
    border-bottom: solid #f26400;
    margin: 30px 0 20px 0;
}

.yanemoji415 {
    float: left;
    width: 48%;
    margin-top: 10px;
}

.yanehutatu415 {
    float: right;
    width: 50%;
    margin-top: 10px;
}

.clear {
    clear: both;
}

.ruga415 {
    float: left;
    width: 50%;
    margin-top: 10px;
}

.rugamoji415 {
    float: right;
    width: 48%;
    margin-top: 10px;
}

.clear {
    clear: both;
}

.hidarinisuru415 {
    float: left;
    width: 45%;
    margin-top: 10px;
}

.kesuiti415 {
    width: 100%;
}

.miyabi415 {
    width: 100%;
}

.rugakotira415 {
    width: 100%;
}

.rugakotira415:hover {
    opacity: 0.6;
}

.miginisuru415 {
    float: right;
    width: 45%;
    margin-top: 12px;
}

.clear {
    clear: both;
}

.kesuni415 {
    width: 100%;
}

.ridgeway415 {
    width: 100%;
}

.gimonn415 {
    float: left;
    width: 45%;
    margin-bottom: 10px;
}

.kaitou415 {
    float: right;
    width: 45%;
    margin-bottom: 10px;
}

.clear {
    clear: both;
}

.sukunaimoji415 {
    float: left;
    width: 48%;
}

.sukunai415 {
    float: right;
    width: 50%;
}

.clear {
    clear: both;
}

.ooi415 {
    float: left;
    width: 50%;
    margin-top: 10px;
}

.ooimoji415 {
    float: right;
    width: 48%;
    margin-top: 10px;
}

.clear {
    clear: both;
}

.karuihougaii415 {
    width: 100%;
    margin: 30px 0 10px 0;
}

.juuhatikiro415 {
    width: 100%;
    margin: 10px 0;
}

.yanegaomoimoji415 {
    float: left;
    width: 48%;
}

.yanegaomoi415 {
    float: rigth;
    width: 50%;
}

.clear {
    clear: both;
}

.ryuutuu415 {
    float: left;
    width: 50%;
    margin-top: 10px;
}

.ryuutuumoji415 {
    float: right;
    width: 48%;
    margin-top: 10px;
}

.clear {
    clear: both;
}

.matome415 {
    background: #f9f9f9;
    border: solid 2px;
    border-color: #ccc;
    padding: 20px 25px;
    margin: 40px 0;
}

.matometitle415 {
    text-align: center;
    font-weight: bold;
    font-size: 15pt;
}


/*古くなったトタン屋根に最適なメンテナンスは*/
.zennmenn415 {
    width: 100%;
    margin: 20px 0;
}

.sitabou415 {
    color: #f26400;
    font-weight: normal;
    border-bottom: solid #f26400;
    margin: 20px 0;
    font-size: 17pt;
}

.hakononaka415 {
    font-weight: normal;
    color: #fff;
    background: #f26400;
    padding: 10px;
    margin: 40px 0 20px 0;
    font-size: 1.5em;
}

.hidarimoji415 {
    float: left;
    width: 48%;
    margin-top: 10px;
}

.migigazou415 {
    float: right;
    width: 50%;
    margin-top: 10px;
}

.clear {
    clear: both;
}

.yokobou415 {
    color: #f26400;
    font-weight: normal;
    border-left: solid 5px #f26400;
    font-size: 13pt;
    padding: 5px;
    margin: 30px 0 10px 0;
}

.hidari415 {
    float: left;
    width: 48%;
    margin: 10px 0;
}

.migi415 {
    float: right;
    width: 48%;
    margin: 10px 0;
}

.clear {
    clear: both;
}

.gazoudake415 {
    margin-top: 30px;
}

.rinnkusaki415 {
    text-align: center;
    margin: 15px 0;
}

.rinnkusaki415:hover {
    opacity: 0.6;
}

.mannnaka415 {
    font-size: 20pt;
    text-align: center;
    margin: 0;
}

.orennji415 {
    color: #f26400;
}

p {
    margin: 5px 0;
}

.hidarigazou415 {
    float: left;
    width: 50%;
    margin-top: 10px;
}

.migimoji415 {
    float: right;
    width: 48%;
    margin-top: 10px;
}

.matome416 {
    background: #f9f9f9;
    border: solid 2px;
    border-color: #ccc;
    padding: 20px 25px;
    margin: 40px 0;
    line-height: 30px;
}

.matometitle416 {
    text-align: center;
    font-weight: bold;
    font-size: 15pt;
    padding-bottom: 20px;
}

.saigo415 {
    margin-bottom: 50px;
}


/*屋根工事、屋根塗装はなぜ必要？*/
.header416 {
    width: 100%;
    margin: 20px 0;
}

.hidarigazou416 {
    float: left;
    width: 50%;
    margin-top: 10px;
}

.migimoji416 {
    float: right;
    width: 48%;
    margin-top: 10px;
}

.clear {
    clear: both;
}

.hidarimoji416 {
    float: left;
    width: 48%;
    margin-top: 10px;
}

.migigazou416 {
    float: left;
    width: 50%;
    margin-top: 10px;
}

.clear {
    clear: both;
}

.aoao416 {
    background-image: url(/wp-content/themes/yaneyasan/images/hituyou/yanekouji_nazehituyo_01_11.png);
    background-repeat: no-repeat;
    height: 440px;
    width: 100%;
    margin: 20px 0;
}

.hanni416 {
    width: 45%;
    padding: 20px 0 0 20px;
}

.kakomu416 {
    color: #fff;
    font-size: 1.5em;
    font-weight: normal;
    text-align: center;
    background-color: #0071bc;
    padding: 10px;
}

.hokkaidou416 {
    margin-top: 15px;
}

/*注意*/
.sp416 {
    display: none !important;
}

.hakonaka416 {
    color: #fff;
    background-color: #f26400;
    font-weight: normal;
    padding: 10px;
    font-size: 1.5em;
    margin: 20px 0;
}

.orange416 {
    color: #f26400;
}

.zennbu416 {
    width: 100%;
    margin: 20px 0;
}

.sitanisenn416 {
    color: #f26400;
    border-bottom: solid #f26400;
    font-weight: normal;
    font-size: 1.5em;
    margin: 20px 0;
}

.pc416 {
    display: block !important;
}

.sc416 {
    display: none !important;
}

.gazounonaka416 {
    background-image: url(/wp-content/themes/yaneyasan/images/hituyou/yanekouji_nazehituyo_01_23.png);
    background-repeat: none;
    height: 146px;
    background-size: 690px;
}

.mojimoji416 {
    padding: 60px 0 0 60px;
}

.aonisuru416 {
    color: #00558D;
}

.sp2020 {
    display: none !important;
}

.aononaka416 {
    background-image: url(/wp-content/themes/yaneyasan/images/hituyou/yanekouji_nazehituyo_01_29.png);
    background-repeat: none;
    height: 300px;
    background-size: 690px;
    width: 100%;
}

.moji41620 {
    padding: 25px 0 10px 80px;
}

.siro416 {
    background-color: #fff;
    width: 280px;
    text-align: center;
    padding: 5px 0;
    margin-top: 15px;
}

.bluenonaka416 {
    background-image: url(/wp-content/themes/yaneyasan/images/hituyou/yanekouji_nazehituyo_01_35.png);
    background-repeat: none;
    height: 176px;
    background-size: 690px;
    width: 100%;
}

.letter416 {
    padding: 25px 0 0 100px;
}

.zennbu416 {
    width: 100%;
}

.rinnkuuu416 {
    text-align: center;
    color: #fff;
    background: #333;
    width: 50%;
    padding: 10px;
    margin: 10px auto;
    margin-bottom: 50px;
}

.rinnkuuu416 a {
    color: #fff;
    text-decoration: none;
}

.rinnkuuu416 a:hover {
    text-decoration: underline;
}


/*折板屋根の改修方法、塗装・屋根カバー・葺き替えを徹底比較*/
.zenngamenn417 {
    width: 100%;
    margin: 10px 0;
}

.kasenn417 {
    color: #f26400;
    font-weight: normal;
    font-size: 22px;
    border-bottom: solid #f26400;
    margin: 30px 0;
}

.hidari417 {
    float: left;
    width: 48%;
    margin: 10px 0;
}

.migi417 {
    float: right;
    width: 48%;
    margin: 10px 0;
}

.clear {
    clear: both;
}

.hidarimoji417 {
    float: left;
    width: 48%;
    margin: 10px 0;
}

.migigazou417 {
    float: right;
    width: 50%;
    margin: 10px 0;
}

.clear {
    clear: both;
}

.tobu417 {
    text-align: center;
    margin: 15px 0;
}

.tobu417:hover {
    opacity: 0.6;
}

.sikakumoji417 {
    color: #fff;
    background: #f26400;
    font-weight: normal;
    font-size: 1.5em;
    padding: 10px;
    margin: 20px 0 15px 0;
}

.mannnakamoji417 {
    font-size: 20pt;
    text-align: center;
    margin: 15px 0 15px 0;
}

.irokaeru417 {
    color: #f26400;
}

.naraberu417 {
    float: left;
    width: 30%;
    margin: 0 10px;
}

.clear {
    clear: both;
}

.junnbann417 {
    float: left;
    width: 31%;
}

.migiao417 {
    float: left;
    padding-top: 80px;
}

.junnbann41720 {
    float: left;
    width: 31%;
}

.migiao41720 {
    float: left;
    padding-top: 80px;
}

.junnbann4172020 {
    float: left;
    width: 31%;
}

.yokonisenn417 {
    color: #f26400;
    font-size: 13pt;
    border-left: 5px solid #f26400;
    padding: 5px;
    font-weight: normal;
    margin: 20px 0 10px 0;
}

.tenntenn417 {
    color: #f26400;
    border-bottom: dotted #333 2px;
    margin: 10px 0;
}

.matomematome417 {
    background: #f9f9f9;
    border: solid 2px;
    border-color: #ccc;
    padding: 20px 25px;
    margin: 40px 0;
    line-height: 30px;
}

.matomenotitle417 {
    text-align: center;
    font-weight: bold;
    font-size: 15pt;
    padding-bottom: 10px;
}

.yuyuyu417 {
    margin: 10px 0 10px 0;
}

.owari417 {
    margin-bottom: 40px;
}


/*太陽光パネルを設置した屋根を塗装する際の注意点*/
.zennmenn420 {
    width: 100%;
    margin: 20px 0 10px 0;
}

.kiirotenntenn420 {
    background: #FEFAD1;
    padding: 20px;
    border: dashed 2px #FCD87C;
    margin: 20px 0 20px 0;
}

.sitasenn420 {
    color: #f26400;
    font-size: 17pt;
    border-bottom: solid #f26400;
    font-weight: normal;
    margin: 20px 0 15px 0;
}

.hidarimoji420 {
    float: left;
    width: 48%;
    margin: 10px 0 10px 0;
}

.migigazou420 {
    float: right;
    width: 50%;
    margin: 10px 0 10px 0;
}

.clear {
    clear: both;
}

.hidarisenn420 {
    color: #f26400;
    font-weight: normal;
    font-size: 12pt;
    border-left: solid 5px #f26400;
    padding: 5px;
    margin: 25px 0 10px 0;
}

.orennjini420 {
    color: #f26400;
}

.rekisi420 {
    line-height: 30px;
}

.rinnku420 {
    text-align: center;
    background: #4D4D4D;
    font-size: 11pt;
    padding: 5px;
    margin: 20px 0 20px 100px;
    width: 500px;
}

.rinnku420 a {
    text-decoration: none;
    color: #fff;
}

.rinnku420:hover {
    opacity: 0.6;
}

.marusuuji420 {
    float: left;
    margin: 20px 0 10px 0;
}

.daimei420 {
    float: right;
    width: 80%;
    font-size: 25pt;
    margin-top: 40px;
    line-height: 40px;
}

.aoni420 {
    color: #0071bc;
}

.clear {
    clear: both;
}

.hakomoji420 {
    color: #fff;
    background: #f26400;
    font-weight: normal;
    font-size: 1.5em;
    padding: 10px;
    margin: 40px 0 10px 0;
}

.hidari420 {
    float: left;
    width: 48%;
    margin: 10px 0 10px 0;
}

.migi420 {
    float: right;
    width: 48%;
    margin: 10px 0 10px 0;
}

.clear {
    clear: both;
}

.hidarini420 {
    float: left;
}

.mannnakani420 {
    float: left;
    width: 25%
}

.migini420 {
    float: right;
    width: 45%;
    margin-bottom: 10px;
}

.clear {
    clear: both;
}

.matomematome420 {
    background-color: #f9f9f9;
    border: #CCC 2px solid;
    margin: 50px 0 50px 0;
    padding: 20px;
    line-height: 35px;
}

.matomedaimei420 {
    font-size: 15pt;
    text-align: center;
    margin-bottom: 15px;
}

.tobuyo420 {
    text-align: center;
    background: #fff;
    font-size: 11pt;
    padding: 5px;
    margin: 20px 0 20px 100px;
    border: solid 1px #4d4d4d;
    width: 500px;
}

.tobuyo420 a {
    color: #4d4d4d;
    text-decoration: none;
}


/*ニチハパミールの問題*/
.zennbu421 {
    width: 100%;
    margin: 20px 0 10px 0;
}

.sitanosenn421 {
    color: #f26400;
    font-weight: normal;
    font-size: 17pt;
    border-bottom: solid #f26400;
    margin: 30px 0 10px 0;
}

.hidarinimoji421 {
    float: left;
    width: 48%;
}

.miginigazou421 {
    float: right;
    width: 50%;
}

.clear {
    clear: both;
}

.sikaku421 {
    color: #fff;
    background: #f26400;
    padding: 10px;
    font-size: 1.5em;
    font-weight: normal;
    margin: 40px 0 20px 0;
}

.hidaridayo421 {
    float: left;
    width: 32%;
    margin: 10px 0 10px 0;
}

.mannnakadayo421 {
    float: left;
    width: 32%;
    margin: 10px 12px;
}

.migidayo421 {
    float: right;
    width: 32%;
    margin: 10px 0 10px 0;
}

.marumoji421 {
    color: #f26400;
}

.clear {
    clear: both;
}

.hidarinigazou421 {
    float: left;
    width: 50%;
    margin: 15px 0 10px 0;
}

.miginimoji421 {
    float: right;
    width: 48%;
    margin: 15px 0 10px 0;
}

.rinnkusaki421 a {
    color: #337ab7;
    text-decoration: none;
}

.rinnkusaki421 a:hover {
    text-decoration: underline;
}

.clear {
    clear: both;
}

.yokonosenn421 {
    color: #f26400;
    font-weight: normal;
    font-size: 13pt;
    border-left: solid 5px #f26400;
    padding: 10px 5px;
    margin: 30px 0 10px 0;
}

.syousai421 {
    text-align: center;
    margin: 20px 0 20px 0;
}

.syousai421 :hover {
    opacity: 0.8;
}

.hidari421 {
    float: left;
    width: 48%;
}

.migi421 {
    float: right;
    width: 48%;
}

.clear {
    clear: both;
}

.saku421 {
    margin: 10px 0 10px 0;
}

.matomesaigo421 {
    background: #f9f9f9;
    border: solid 2px #CCC;
    padding: 30px;
    line-height: 30px;
    margin: 30px 0 50px 0;
}

.matomenotitle421 {
    font-size: 15pt;
    margin-bottom: 20px;
    text-align: center;
}


/*屋根工事に関する3つのお得情報*/
.header42120 {
    width: 100%;
}

.sitasenn42120 {
    color: #f26400;
    font-size: 1.5em;
    font-weight: normal;
    border-bottom: solid #f26400;
    margin: 30px 0 20px 0;
}

.hidarimoji42120 {
    float: left;
    width: 48%;
    margin-bottom: 15px;
}

.migigazou42120 {
    float: right;
    width: 50%;
    margin-bottom: 15px;
}

.nennjuu42120 {
    background: #E6E6E6;
    text-align: center;
    padding: 20px 0 20px 0;
    margin: 10px 0 20px 0;
}

.clear {
    clear: both;
}

.hidarigazou42120 {
    float: left;
    width: 50%;
}

.migimoji42120 {
    float: right;
    width: 48%;
}

.clear {
    clear: both;
}

.orange42120 {
    color: #f26400;
}

.sikakumoji42120 {
    color: #fff;
    background: #f26400;
    font-size: 18px;
    font-weight: normal;
    padding: 10px;
    margin: 30px 0 15px 0;
}

.hidarisenn42120 {
    color: #f26400;
    font-weight: normal;
    font-size: 21px;
    border-left: solid 5px #f26400;
    padding: 10px;
    margin: 15px 0 15px 0;
}

.zennbu42120 {
    width: 100%;
    margin: 30px 0 30px 0;
}

.hidari42120 {
    float: left;
    margin: 10px 0 10px 0;

}

.migi42120 {
    float: right;
    width: 50%;
    margin: 10px 0 10px 0;

}

.re42120 {
    margin: 0;
    float: left;
}

.daimei42120 {
    background: #EBF1F3;
    font-size: 22px;
    padding: 20px;
    margin: 0;
}

.moji42120 {
    margin-top: 5px;
}

.clear {
    float: none;
}

.taitoru42120 {
    background: #DCF2E9;
    font-size: 22px;
    padding: 20px;
    margin: 0;
}

.simasima42120 {
    background-image: url(/wp-content/themes/yaneyasan/images/otoku/oyakudatizyoho_02_08.png);
    background-repeat: none;
    height: 90px;
    width: 100%;
    margin: 20px 0 10px 0;
}

.simasima42120 p {
    color: #00558D;
    font-size: 22px;
    padding: 35px 0 0 150px;
}

.sima42120 {
    background-image: url(/wp-content/themes/yaneyasan/images/otoku/oyakudatizyoho_02_10.png);
    background-repeat: none;
    height: 90px;
    width: 100%;
    margin: 20px 0 10px 0;
}

.sima42120 p {
    color: #00558D;
    font-size: 22px;
    padding: 30px 0 0 150px;
}

.boda42120 {
    background-image: url(/wp-content/themes/yaneyasan/images/otoku/oyakudatizyoho_02_12.png);
    background-repeat: none;
    height: 90px;
    width: 100%;
    margin: 20px 0 10px 0;
}

.boda42120 p {
    color: #00558D;
    font-size: 22px;
    padding: 30px 0 0 150px;
}


/*台風による屋根への被災、予防*/
.header422 {
    width: 100%;
    margin: 10px 0;
}

.kasenn422 {
    color: #f26400;
    font-size: 17pt;
    border-bottom: solid #f26400;
    font-weight: normal;
    margin: 30px 0 10px 0;
}

.hidaribunn422 {
    float: left;
    width: 48%;
    margin-bottom: 15px;
}

.migie422 {
    float: right;
    width: 50%;
    margin-bottom: 15px;
}

.clear {
    clear: both;
}

.haikei422 {
    color: #fff;
    background: #f26400;
    font-weight: normal;
    font-size: 1.45em;
    padding: 10px;
    margin: 30px 0 15px 0;
}

.hidarihidari422 {
    float: left;
    width: 48%;
    margin: 10px 0;
}

.migimigi422 {
    float: right;
    width: 48%;
    margin: 10px 0;
}

.clear {
    clear: both;
}

.mannnakae422 {
    text-align: center;
    margin: 10px 0;
}

.mannnakae422 img {
    width: 100%;
}

.yobou422 {
    text-align: center;
    font-size: 20pt;
    line-height: 35px;
}

.orennjiiro422 {
    color: #f26400;
}

.rinnkutobu422 {
    text-align: center;
    margin: 25px 0 25px 0;
    width: 100%;
}

.rinnkutobu422:hover {
    opacity: 0.7;
}

.zennmenn422 {
    width: 100%;
    margin: 15px 0;
}

.tyekku422 {
    float: left;
    width: 4%;
}

.setumei422 {
    float: left;
    width: 90%;
    margin: 0;
}

.hidarisenn422 {
    color: #f26400;
    font-size: 13pt;
    font-weight: normal;
    border-left: solid 5px #f26400;
    padding: 5px;
    margin-top: 20px;
}

.hidarie422 {
    float: left;
    width: 50%;
    margin: 10px 0;
}

.migibunn422 {
    float: right;
    width: 48%;
    margin: 10px 0;
}

.clear {
    clear: both;
}

.matome422 {
    background: #f9f9f9;
    border: solid 2px #CCC;
    padding: 30px;
    margin: 50px 0;
    line-height: 30px;
}

.matomedaimei422 {
    text-align: center;
    font-size: 15pt;
    padding-bottom: 15px;
}


/*瓦の落下は二次被害を招きます*/
.header423 {
    width: 100%;
    margin: 20px 0 10px 0;
}

.sitanisenn423 {
    color: #f26400;
    font-size: 17pt;
    font-weight: normal;
    border-bottom: solid #f26400;
    margin: 30px 0 20px 0;
    line-height: 30px;
}

.syasinn423 {
    text-align: center;
    margin: 20px 0;
}

.tonnde423 {
    text-align: center;
    margin: 20px 0 20px 0;
}

.tonnde423:hover {
    opacity: 0.7;
}

.ippai423 {
    width: 100%;
    margin: 20px 0;
}

.hidarihe423 {
    float: left;
    width: 48%;
    margin: 10px 0;
}

.migihe423 {
    float: right;
    width: 48%;
    margin: 10px 0;
}

.clear {
    clear: both;
}

.yokobou423 {
    color: #f26400;
    font-size: 13pt;
    font-weight: normal;
    border-left: solid 5px #f26400;
    padding: 10px;
    margin: 20px 0;
}

.hyou423 {
    width: 100%;
    margin: 20px 0;
    text-align: center;
    border: solid 1px;
}

.hyoutaitoru423 {
    color: #fff;
    font-size: 17pt;
    padding: 10px;
    background: #f26400;
    text-align: center;
}

.hyoutaitoru423 th {
    text-align: center;
}

.irotuki423 {
    text-align: center;
    font-size: 17pt;
    padding: 10px;
    background: #FFEFCF;
    width: 50%;
    text-align: center;
    border: solid 1px;
}

.nakamoji423 {
    text-align: center;
    border: solid 1px;
    vertical-align: middle;
}

.kazu423 {
    background: #fff;
    width: 50%;
    padding: 10px;
    text-align: center;
}

.irotuki42320 {
    text-align: center;
    font-size: 17pt;
    padding: 10px;
    background: #FFEFCF;
    width: 30%;
}

.kazu42320 {
    background: #fff;
    width: 70%;
    padding: 10px;
    text-align: center;
    border: solid 1px;
}

.sikaku423 {
    color: #fff;
    background: #f26400;
    font-size: 1.5em;
    font-weight: normal;
    padding: 10px;
    margin: 30px 0 10px 0;
}

.hyoutaitoru4232020 {
    color: #fff;
    font-size: 17pt;
    padding: 10px;
    background: #f26400;
    text-align: center;
    border: solid 1px;
}

.irotuki4232020 {
    text-align: center;
    font-size: 17pt;
    padding: 10px;
    background: #e4e4e4;
    width: 25%;
    border: solid 1px;
}

.kazu4232020 {
    background: #fff;
    width: 37.5%;
    padding: 10px;
    text-align: center;
    border: solid 1px;
    vertical-align: middle;
}

.suuji423 {
    color: #00558d;
    background: #acdfe8;
    width: 50%;
    padding: 10px;
    text-align: center;
    border: solid 1px;
}

.hyoutaitoru4232020 th {
    text-align: center;
    border: solid 1px;
}

.nakamoji4232020 {
    text-align: center;
    border: solid 1px;
    vertical-align: middle;
}


/*台風や地震の後の二次災害を防ぐと共に災害便乗商法*/
.kyu424 {
    height: 57px;
    width: 100%;
    margin-bottom: 10px;
}

.midori424 {
    float: left;
}

.yanenoue424 {
    background: #E6E6E6;
    margin: 0;
    padding: 16.5px 0;
    width: 100%;
}

.clear {
    clear: both;
}

.atarimae424 {
    border: solid 1px #E6E6E6;
    margin: 0;
    padding: 16.5px 0;
    width: 100%;
}

.clear {
    clear: both;
}


/*瓦屋根を更に軽く*/
.mae424 {
    float: left;
    width: 30%;
}

.yokotyairo424 {
    float: left;
    width: 25%;
    margin-top: 10px;
}

.ato424 {
    float: right;
    width: 45%;
}

.tyuuouni424 {
    text-align: center;
}


/*防災瓦*/
.rinnku424 a {
    color: #337ab7;
    text-decoration: none;
}

.rinnku424 a:hover {
    text-decoration: underline;
}


/*リフォーム現場での間違いだらけ*/
.orennji424 {
    color: #f26400;
}

.poinnto424 {
    font-size: 15pt;
}

.sutoro424 {
    background: #F3F3F3;
    border: solid 2px #DDDDDD;
    border-radius: 10px;
    width: 100%;
}

.hatena424 {
    text-align: center;
    margin: 10px;
}

.hatena424 img {
    width: 100%;
}

.kohi424 {
    margin: 0 5px 10px 10px;
}

.semai424 {
    float: right;
    width: 60%;
}

.clear {
    clear: both;
}

.mizuiro424 {
    background: #DEF2F6;
    margin: 20px 0 20px 0;
    padding: 20px;
}

.aomoji424 {
    color: #0071BC;
    font-size: 19pt;
    text-align: center;
    padding-bottom: 20px;
}

.hidarinisuru424 {
    float: left;
    width: 45%;
}

.hidarinisuru424 img {
    width: 100%;
}

.yajirusiao424 {
    float: left;
    margin: 80px 0 0 25px;
}

.miginisuru424 {
    width: 45%;
    float: right;
}

.miginisuru424 img {
    width: 100%;
}

.clear {
    clear: both;
}

.kyu424 {
    height: 60px;
    background: #CCCCCC;
    border: solid 1px #CCCCCC;
}

.kyu424 img {
    height: 60px;
    width: 60px;
    float: left;
}

.kyu424 p {
    padding-top: 19px;
}

.clear {
    clear: both;
}

.e424 {
    border: solid 1px #CCCCCC;
    height: 60px;
}

.e424 img {
    height: 60px;
    width: 60px;
    float: left;
}

.e424 p {
    padding-top: 19px;
}

.clear {
    clear: both;
}


/*相見積り*/
.migihe427 a {
    color: #337ab7;
    text-decoration: none;
}

.migihe427 a:hover {
    text-decoration: underline;
}

.hidarihe427 {
    float: left;
    width: 48%;
    margin: 10px 0 100px 0;
}

.migihe427 {
    float: right;
    width: 48%;
    margin: 10px 0 100px 0;
}

.clear {
    clear: both;
}

.hidarihe427 a {
    color: #337ab7;
    text-decoration: none;
}

.hidarihe427 a:hover {
    text-decoration: underline;
}


/*近隣挨拶*/
.e428 {
    border: solid 1px #E6E6E6;
    height: 60px;
}

.e428 img {
    float: left;
    width: 60px;
    height: 60px;
}

.e428 p {
    padding-top: 19px;
}

.clear {
    clear: both;
}

.kyu428 {
    border: solid 1px #E6E6E6;
    height: 60px;
    background: #CCCCCC;
}

.kyu428 img {
    float: left;
    width: 60px;
    height: 60px;
}

.kyu428 p {
    padding-top: 19px;
}


/*追加料金*/
.yanenoue428 {
    color: #fff;
    background: #F26400;
    text-align: center;
    padding: 5px;
    font-size: 18px;
    margin: 10px 0;
}

.syasinn423 p {
    color: #fff;
    background: #F26400;
    font-size: 18pt;
    text-align: center;
    padding: 5px;
    line-height: 30px;
    width: 487px;
    margin-left: 100px;
    margin-bottom: 10px;
}

.aosiromoji428 {
    text-align: center;
    color: #fff;
    background: #F26400;
    padding: 5px;
    margin: 10px 0;
}

.kurosiromoji428 {
    text-align: center;
    color: #fff;
    background: #4d4d4d;
    padding: 5px;
    margin: 10px 0;
}


/*樹木が越境しているときの対処法*/
.houritu428 {
    border: solid 2px #c1c1c1;
    background: #eaeaea;
    padding: 20px;
    margin: 15px 0 15px 0;
}

.midori428 {
    color: #787f00;
}

.houritu42820 {
    border: solid 2px #c1c1c1;
    background: #eaeaea;
    padding: 20px;
    margin-top: 15px;
}

.tyekku428 {
    margin: 15px 0 15px 0;
}

.tyekku428 img {
    float: left;
}

.clear {
    clear: both;
}


/*ベランダ・バルコニーの屋根の補修*/
.wrapper {
    width: 690px;
    margin: 0 auto;
}

.iti428 {
    float: left;
    width: 30%;
    margin: 10px 0;
}

.ni428 {
    float: left;
    width: 30%;
    margin: 10px 0 10px 35px;
}

.sann428 {
    float: right;
    width: 30%;
    margin: 10px 0;
}

.clear {
    clear: both;
}

.kimidori428 {
    color: #39b24a;
}


/*落ち葉除けネット*/
.kiiro428 {
    background: #ffff00;
}

.orangecheck428 {
    float: left;
}

.clear {
    clear: both;
}

.hdr428 img {
    float: left;
    width: 32%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mnnk428 img {
    float: left;
    width: 32%;
    margin: 10px 0 10px 14px;
}

.mg428 img {
    float: right;
    width: 32%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.clear {
    clear: both;
}

.asiba428 {
    font-size: 20pt;
    text-align: center;
    line-height: 30px
}

.hidarite428 {
    float: left;
    width: 32%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mannnakate428 {
    float: left;
    width: 32%;
    margin: 10px 0 10px 14px;
}

.migite428 {
    float: right;
    width: 32%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.clear {
    clear: both;
}

.rinnkuaomoji428 a {
    text-decoration: none;
    color: #337ab7;
}

.rinnkuaomoji428 a:hover {
    text-decoration: underline;
}

.banngou428 {
    font-size: 16px;
    color: #fc8618;
    margin-top: 30px;
}

.gazoumoji428 {
    margin: 20px 0;
}

.gazoumoji42820 {
    margin-bottom: 20px;
}


/*工場や倉庫の屋根工事*/
.kyuusinn430 {
    width: 100%;
    margin: 30px 0 0 0;
}

.meritto430 {
    width: 100%;
    margin: 0 0 30px 0
}

.merittobanngou430 {
    float: left;
    width: 15%;
    background: #ACDFE8;
    height: 50px;
    padding-top: 10px;
    margin: 20px 0 30px 0;
}

.merittobanngou430 img {
    width: 108px;
    height: 108px;
    margin-top: -30px;
    margin- bottom: 30px;
}

.aoidaimei430 {
    background: #ACDFE8;
    height: 50px;
    margin: 20px 0;
    color: #0071bc;
    font-size: 25px;
    padding: 20px 0 0 110px;
}

.clear {
    clear: both;
}

.merittobanngou43020 {
    float: left;
    width: 15%;
    background: #ACDFE8;
    height: 70px;
    padding-top: 0px;
    margin: 20px 0;
}

.merittobanngou43020 img {
    width: 108px;
    height: 108px;
    margin-top: -20px;
    margin- bottom: 30px;
}

.aoidaimei43020 {
    background: #ACDFE8;
    height: 70px;
    margin: 20px 0;
    color: #0071bc;
    font-size: 25px;
    padding: 10px 0 0 110px;
    line-height: 30px;
}

.clear {
    clear: both;
}

.kuro430 {
    color: #fff;
    background: #333;
    font-size: 20px;
    padding: 5px;
    font-weight: normal;
}

.aoyajirusi430 {
    text-align: center;
    margin: 10px 0;
}

.hidarini430 {
    float: left;
    width: 35%;
    height: 250px;
}

.before430 {
    height: 64px;
}

.kitanai430 {
    height: 188px;
}

.mannnakani430 {
    float: left;
    margin: 150px 0 0 10px;
}

.migini430 {
    float: right;
    width: 50%;
}

.after430 {
    height: 64px;
}

.kirei430 {
    height: 270px;
}


/*別荘*/
.minasama430 {
    font-size: 23px;
    border: solid 2px #00558d;
    padding: 10px;
    text-align: center;
}

.bessoutitle430 {
    font-size: 20px;
    padding: 10px 0 10px 20px;
    background: #FFEFCF;
    color: #F15A24;
    font-weight: normal;
    border-bottom: solid 1px #F15A24;
    margin: 20px 0 30px 0;
}

.orangetitle430 {
    font-size: 20px;
    font-weight: normal;
    background: #FFEFCF;
    color: #F15A24;
    padding: 10px 0 10px 20px;
    margin: 20px 0 30px 0;
    border-left: 3px solid #F15A24;
}


/*セキスイかわらU*/
.marubanngou51 {
    margin: 15px 0;
}

.marubanngou51 img {
    float: left;
}

.clear {
    clear: both;
}


/*軒先が短いお家で雨漏り*/
.sikasi51 {
    font-size: 16pt;
    margin: 30px 0 0 0;
}

.itinisann51 {
    font-size: 14pt;
    margin: 10px 0;
}

.itinisann5120 {
    font-size: 14pt;
    margin: 10px 0;
}

.ao51 {
    color: #00558D;
}

.syuttenn51 a {
    font-size: 11px;
    color: #337ab7;
    text-decoration: none;
}

.syuttenn51 a:hover {
    text-decoration: underline;
}

.iti51 {
    float: left;
    width: 30%;
    margin: 20px 0;
}

.ni51 {
    float: left;
    width: 30%;
    margin: 20px 0 20px 40px;
}

.sann51 {
    float: right;
    width: 30%;
    margin: 20px 0;
}

.clear {
    clear: both;
}


/*谷板金*/
.hannbunn57 {
    float: left;
    width: 52%;
    margin: 10px 0;
}


/*棟板金*/
.sitatenn57 {
    font-size: 25pt;
    font-weight: normal;
    border-bottom: dashed 2px #f26400;
    margin: 30px 0;
    line-height: 40px;
}

.tyairo57 {
    color: #754c24;
    font-size: 15pt;
}

.sitaao57 {
    margin: 20px 0 10px 320px;
}


/*雨樋工事*/
.tobu58 {
    width: 100%;
}

.tobu58:hover {
    opacity: 0.7;
}

.checkmoji58 {
    margin: 10px 0;
}

.checkmoji58 img {
    float: left;
}

.hidari58 {
    float: left;
    margin: 10px 0;
}

.mannnaka58 {
    float: left;
    margin: 10px 10px 10px 15px;
}

.migi58 {
    float: right;
    margin: 10px 0;
}

.rinnkuhidari58 {
    float: left;
    width: 48%;
    margin: 10px 0;
}

.rinnkuhidari58 :hover {
    opacity: 0.7;
}

.rinnkumigi58 {
    float: right;
    width: 48%;
    margin: 10px 0;
}

.rinnkumigi58:hover {
    opacity: 0.7;
}

.clear {
    clear: both;
}

.ao58 {
    color: #00558d;
}


/*ガルバリウム鋼板*/
.gurahudaimei511 {
    text-align: center;
    font-size: 16pt;
    margin-top: 20px;
}

.table511 {
    border-collapse: collapse;
    width: 100%;
    font-size: 16pt;
    margin: 20px 0;
    border: solid 1px #595959;
}

.table511 th {
    padding: 10px 0;
    text-align: center;
    font-weight: normal;
    border: solid 1px #595959;
}

.table511 td {
    padding: 10px 0;
    text-align: center;
    border: solid 1px #595959;
}

.aoi511 {
    color: #fff;
    background: #F7931E;
    border: solid 1px #595959;
}

.gure511 {
    background: #f2f2f2;
}

.orennji511 {
    color: #fff;
    background: #0071bc;
    border: solid 1px #595959;
}

.midori511 {
    color: #fff;
    background: #787f00;
    border: solid 1px #595959;
}

.blue511 {
    background: #dceff3;
}

.green511 {
    background: #e3f9c2;
}

.orange511 {
    background: #fef7c3;
}

.aoiromoji511 {
    color: #0071BC;
}


/*コーキング剤*/
.pc511 {
    display: block !important;
    width: 100%;
    margin: 20px 0;
}

.sp511 {
    display: none !important;
}

.sp51120 {
    display: none !important;
}

.koukann511 {
    color: #f26400;
}


/*パラペット*/
.wrapper {
    width: 690px;
    margin: 0 auto;
}

.mittu514 {
    margin: 15px 0;
}

.orangecheck514 {
    float: left;
}

.clear {
    clear: both;
}

.iehidari514 {
    float: left;
    width: 33%;
    margin-bottom: 20px;
}

.iemannnaka514 {
    float: left;
    width: 33%;
    margin-left: 3px;
    margin-bottom: 20px;
}

.iemigi514 {
    float: right;
    width: 33%;
    margin-bottom: 20px;
}

.clear {
    clear: both;
}


/*切妻*/
.hajikkohidari514 {
    float: left;
    margin: 20px 0;
}

.hajikkomigi514 {
    float: right;
    margin: 20px 0;
}

.clear {
    clear: both;
}

.ookiimoji514 {
    font-size: 26px;
    text-align: center;
    margin: 20px 0;
    line-height: 35px;
}

.orangeookiimoji514 {
    color: #ff5e00;
}

.yosemune514 {
    float: left;
    margin: 20px 0;
}

.rikuyane514 {
    float: left;
    margin: 20px 0 20px 75px;
}

.hougyou514 {
    float: right;
    margin: 20px 0;
}

.clear {
    clear: both;
}


/*1.29追記*/
.okyakusamahyouka {
    width: 100%;
    margin: 35px 0;
}

.koumoku124 {
    float: left;
    border: solid gray 1px;
    display: inline-block;
    width: 49%;
}

.koumokumoji {
    background: #FFFFCC;
    padding: 8px;
    text-align: center;
    font-weight: bold;
    float: left;
    width: 50%;
    margin: 0 10px 0 0;
    display: inline-block;
}

.nyuuryokukoumoku {
    padding: 8px;
    margin: 0;
}

.nyuuryokukoumoku1223 {
    padding: 8px;
    margin: 0;
}

.messagefromtanntou {
    width: 100%;
    margin: 20px 0 30px 0;
}

.messagetanntou {
    border-left: solid 10px #ffc996;
    padding: 5px;
    font-weight: bold;
    font-size: 18px;
}

.koumoku12420 {
    float: left;
    border: solid gray 1px;
}

.koumoku1223 {
    border: solid gray 1px;
    display: inline-block;
    width: 98.3%;
}

.koumokumoji1223 {
    background: #FFFFCC;
    padding: 8px;
    text-align: center;
    font-weight: bold;
    float: left;
    width: 25%;
    margin: 0 10px 0 0;
    display: inline-block;
}

.sekoujireititle1224 {
    font-weight: bold;
    color: #0071bc;
    margin: 0;
    font-size: initial;
}

.sekoupba1224 {
    float: left;
    width: 60%;
    margin-top: 20px;
}

.beforephoto1224 {
    background-image: url(http://www.yaneyasan13.net/wp-content/uploads/2020/12/download.png);
    background-repeat: no-repeat;
    background-position: center -7%;
}

.koumokutitle1224 {
    background: #808080;
    color: #fff;
    padding: 3px;
    font-weight: bold;
    float: left;
    text-align: center;
    margin: 3px 5px 3px 0;
    width: 25%;
}

.koujiimfo1224 {
    float: left;
    width: 40%;
    margin-top: 15px;
}

.koumokunaiyou1224 {
    margin: 3px;
    padding: 2px 0;
    color: #000000;
}

.afterph1224 {
    width: 55%;
}



@media (max-width: 767px) {
    .wrapper {
        max-width: 767px;
        margin: 0 auto;
    }

    .pthree {
        float: none;
        width: 100%;
    }

    .three {
        float: none;
        width: 100%;
    }

    .four {
        float: none;
        width: 100%;
    }

    .pfour {
        float: none;
        width: 100%;
    }

    .pfive {
        float: none;
        width: 100%;
    }

    .five {
        float: none;
        width: 100%;
    }

    .six {
        width: 100%;
    }

    .psix {
        float: none;
        width: 100%;
    }

    .pseven {
        float: none;
        width: 100%;
    }

    .seven {
        float: none;
        width: 100%;
        padding: 0;
    }

    .peight {
        float: none;
        width: 100%;
    }

    .eight {
        float: none;
        width: 100%;
        padding: 0;
    }


    .nine {
        width: 100%;
    }

    .ten {
        float: none;
        width: 100%;
    }

    .pten {
        float: none;
        width: 100%;
    }


    .eleven {
        float: none;
        width: 100%;
    }

    .peleven {
        float: none;
        width: 100%;
    }

    .twelve {
        float: none;
        width: 100%;
    }

    .ptwelve {
        float: none;
        width: 100%;
    }

    .Q {
        display: none;
    }

    .A {
        display: none;
    }

    .nayami {
        width: 100%;
        border: none;
    }

    .kaiketu {
        width: 100%;
    }

    .hatena {
        padding: 0px;
        width: 100%;
    }

    .kotae {
        padding: 0px;
        width: 100%;
    }

    .yanenene {
        float: none;
        width: 100%;
    }

    .fifteen {
        float: none;
        width: 100%;
    }

    /*マイスター制度*/
    .ninomoji413 {
        float: none;
        width: 100%;
    }

    .taiou413 {
        float: none;
        width: 100%;
    }

    .kitei413 {
        width: 100%;
    }

    .kiteinomoji {
        margin: 0 0 20px 0;
    }

    .yonnnomoji413 {
        float: none;
        width: 100%;
    }

    .sutoresu413 {
        float: none;
        width: 100%;
    }

    .maistaseido413 {
        width: 100%;
    }


    .hutari413 {
        width: 100%;
    }

    .goldnomoji413 {
        font-size: 11.5pt;
        padding: 10px 0;
        line-height: 20px;
    }

    .torakkuniippai413 {
        width: 100%;
    }

    .ochachacha413 {
        float: none;
        width: 100%
    }

    .juuitinomoji413 {
        float: none;
        width: 100%;
    }

    .goldnomoji413413 {
        font-size: 12pt;
        line-height: 20px;
    }

    .toirenoe413 {
        float: none;
        width: 100%;
    }

    .juusannnomoji413 {
        float: none;
        width: 100%;
    }

    .goldnomoji4132020 {
        font-size: 10.5pt;
        line-height: 20px;
    }

    .yanenoue413 {
        width: 100%;
    }

    .hutarisyasinn413 {
        width: 100%;
    }

    .kigaippai413 {
        width: 100%;
    }

    .tabakodame413 {
        width: 100%;
    }

    .syasinnniko413 {
        width: 100%;
    }

    .osouji413 {
        width: 100%;
    }

    .gomigomi413 {
        width: 100%;
    }

    .syasinnyonnko413 {
        width: 100%;
    }

    .matomenosyasinn413 {
        width: 100%;
    }

    .juunoruru413 {
        width: 100%;
    }


    /*屋根の部分補修と全面補修はどちらがお得？*/
    .ninomoji414 {
        float: none;
        width: 100%;
    }

    .dottigaiino414 {
        float: none;
        width: 100%;
    }

    .bubunnhosyuu414 {
        float: none;
        width: 100%;
        margin: 40px 0 0 0;
    }

    .sannnomoji414 {
        float: none;
        width: 100%;
    }

    .seikainano414 {
        font-size: 12pt;
        text-align: left;
    }

    .nakusu414 {
        display: none;
    }

    .yonnnomoji414 {
        float: none;
        width: 100%;
    }

    .zennmennteki414 {
        float: none;
        width: 100%;
    }

    .hasonnhibiware414 {
        float: none;
        width: 100%;
    }

    .rokunomoji414 {
        float: none;
        width: 100%;
    }

    .nananomoji414 {
        float: none;
        width: 100%;
    }

    .sitanobubunn414 {
        float: none;
        width: 100%;
    }

    .hutatabi414 {
        float: none;
        width: 100%;
    }

    .hatinomoji414 {
        float: none;
        width: 100%;
        margin-top: 0;
    }

    .kyuunomoji414 {
        float: none;
        width: 100%;
    }

    .saiteki414 {
        float: none;
        width: 100%;
    }

    .poinnto414 {
        width: 100%;
    }

    .riyuuni414 {
        width: 100%;
    }

    .juuninomoji414 {
        float: none;
        width: 100%;
    }

    .warui414 {
        float: none;
        width: 100%;
    }

    .honntounoannsinn414 {
        float: none;
        width: 100%;
    }

    .juusannnomoji414 {
        float: none;
        width: 100%;
    }

    .kasihokenn414 {
        width: 100%;
    }

    .riyuusann414 {
        width: 100%;
    }

    .juuhatinomoji414 {
        float: none;
        width: 100%;
    }

    .annzennwotamotu414 {
        float: none;
        width: 100%;
    }

    .kasai414 {
        float: none;
        width: 100%;
    }

    .juukyuunomoji414 {
        float: none;
        width: 100%;
    }

    .nijuunomoji414 {
        float: none;
        width: 100%;
    }

    .gosoudann414 {
        float: none;
        width: 100%;
    }


    /*スレート屋根へのカバー工法*/
    .yanemoji415 {
        float: none;
        width: 100%;
    }

    .yanehutatu415 {
        float: none;
        width: 100%;
    }

    .ruga415 {
        float: none;
        width: 100%;
    }

    .rugamoji415 {
        float: none;
        width: 100%;
    }

    .hidarinisuru415 {
        float: none;
        width: 100%;
    }

    .miginisuru415 {
        float: none;
        width: 100%;
    }

    .gimonn415 {
        float: none;
        width: 100%;
    }

    .kaitou415 {
        float: none;
        width: 100%;
    }

    .sukunaimoji415 {
        float: none;
        width: 100%;
    }

    .sukunai415 {
        float: none;
        width: 100%;
    }

    .ooi415 {
        float: none;
        width: 100%;
    }

    .ooimoji415 {
        float: none;
        width: 100%;
    }

    .yanegaomoimoji415 {
        float: none;
        width: 100%;
    }

    .yanegaomoi415 {
        float: none;
        width: 100%;
    }

    .ryuutuu415 {
        float: none;
        width: 100%;
    }

    .ryuutuumoji415 {
        float: none;
        width: 100%;
    }


    /*古くなったトタン屋根に最適なメンテナンスは*/
    .hidarimoji415 {
        float: none;
        width: 100%;
    }

    .migigazou415 {
        float: none;
        width: 100%;
    }

    .hidari415 {
        float: none;
        width: 100%;
    }

    .migi415 {
        float: none;
        width: 100%;
    }

    .gazoudake415 {
        width: 100%;
    }

    .hidarigazou415 {
        float: none;
        width: 100%;
    }

    .migimoji415 {
        float: none;
        width: 100%;
    }

    /*屋根工事、屋根塗装はなぜ必要？*/
    .hidarigazou416 {
        float: none;
        width: 100%;
    }

    .migimoji416 {
        float: none;
        width: 100%;
    }

    .hidarimoji416 {
        float: none;
        width: 100%;
    }

    .migigazou416 {
        float: none;
        width: 100%;
    }

    .aoao416 {
        background: none;
        height: auto;
        background-color: #EBF1F3;
    }

    .hanni416 {
        width: 100%;
        background-color: #acdfe8;
        padding: 10px 0;
    }

    .kakomu416 {
        margin: 0 20px;
    }

    .hokkaidou416 {
        margin: 20px;
    }

    .keitai416 {
        width: 100%;
    }

    /*注意*/
    .sp416 {
        display: block !important;
        width: 90%;
        padding: 10px;
    }

    .pc416 {
        display: none !important;
    }

    .gazounonaka416 {
        background: none;
    }

    .gazounonaka416 {
        width: 100%;
        background-color: #ACDFE8;
        padding: 10px 0;
        height: 200px;
    }

    .sp2020 {
        display: block !important;
        color: #fff;
        background-color: #0071bc;
        font-weight: normal;
        padding: 10px;
        text-align: center;
        margin: 10px;
    }

    .mojimoji416 {
        padding: 0;
        margin: 20px 10px;
    }

    .aononaka416 {
        background: none;
        height: auto;
        width: 100%;
        background-color: #ACDFE8;
        padding: 10px 0;
    }

    .moji41620 {
        padding: 10px;
    }

    .bluenonaka416 {
        background: none;
        height: auto;
        width: 100%;
        background-color: #ACDFE8;
        padding: 10px 0;
    }

    .letter416 {
        padding: 10px;
    }

    .rinnkuuu416 {
        width: 100%;
        margin-bottom: 30px;
    }


    /*折板屋根の改修方法、塗装・屋根カバー・葺き替えを徹底比較*/
    .zenngazou417 {
        width: 100%;
    }

    .hidari417 {
        float: none;
        width: 100%;
    }

    .migi417 {
        float: none;
        width: 100%;
    }

    .hidarimoji417 {
        float: none;
        width: 100%;
    }

    .migigazou417 {
        float: none;
        width: 100%;
    }

    .yuyuyu417 {
        width: 100%;
    }

    .naraberu417 {
        float: none;
        width: 100%;
        margin: 10px 0;
    }

    .junnbann417 {
        float: none;
        width: 100%;
    }

    .migiao417 {
        display: none;
    }

    .junnbann41720 {
        float: none;
        width: 100%;
    }

    .migiao41720 {
        display: none;
    }

    .junnbann4172020 {
        float: none;
        width: 100%;
    }


    /*太陽光パネルを設置した屋根を塗装する際の注意点*/
    .hidarimoji420 {
        float: none;
        width: 100%;
    }

    .migigazou420 {
        float: none;
        width: 100%;
    }

    .rinnku420 {
        margin: 10px 0;
        width: 100%;
    }

    .marusuuji420 {
        width: 20%;
    }

    .daimei420 {
        font-size: 12pt;
        margin-top: 35px;
        line-height: 20px;
    }

    .hidari420 {
        float: none;
        width: 100%;
    }

    .migi420 {
        float: none;
        width: 100%;
    }

    .hidarini420 {
        width: 35%;
    }

    .migini420 {
        width: 55%;
    }

    .mannnakani420 {
        display: none;
    }

    .tobuyo420 {
        margin: 10px 0;
        width: 100%;
    }


    /*ニチハパミールの問題*/
    .hidarinimoji421 {
        float: none;
        width: 100%;
    }

    .miginigazou421 {
        float: none;
        width: 100%;
    }

    .hidaridayo421 {
        float: none;
        width: 100%;
    }

    .mannnakadayo421 {
        float: none;
        width: 100%;
        margin: 10px 0 10px 0;
    }

    .migidayo421 {
        float: none;
        width: 100%;
    }

    .mittugazou421 {
        width: 100%;
    }

    .hidarinigazou421 {
        float: none;
        width: 100%;
    }

    .miginimoji421 {
        float: none;
        width: 100%;
    }

    .hidari421 {
        float: none;
        width: 100%;
    }

    .migi421 {
        float: none;
        width: 100%;
    }


    /*屋根工事に関する3つのお得情報*/
    .hidarimoji42120 {
        float: none;
        width: 100%;
    }

    .migigazou42120 {
        float: none;
        width: 100%;
    }

    .otennki42120 {
        width: 100%;
    }

    .hidarigazou42120 {
        float: none;
        width: 100%;
    }

    .migimoji42120 {
        float: none;
        width: 100%;
    }

    .hidari42120 {
        float: none;
        width: 100%;
        margin-bottom: 0;
    }

    .migi42120 {
        float: none;
        width: 100%;
        margin-bottom: 35px;
    }

    .simasima42120 {
        background: none;
        height: 50px;
    }

    .simasima42120 p {
        color: #fff;
        background: #f26400;
        font-size: 13pt;
        padding: 10px;
    }

    .sima42120 {
        background: none;
    }

    .sima42120 p {
        color: #fff;
        background: #f26400;
        font-size: 13pt;
        padding: 10px;
    }

    .boda42120 {
        background: none;
    }

    .boda42120 p {
        color: #fff;
        background: #f26400;
        font-size: 13pt;
        padding: 10px;
    }


    /*台風による屋根への被災、予防*/
    .hidaribunn422 {
        float: none;
        width: 100%;
    }

    .migie422 {
        float: none;
        width: 100%;
    }

    .hidarihidari422 {
        float: none;
        width: 100%;
        margin: 5px 0;
    }

    .migimigi422 {
        float: none;
        width: 100%;
        margin: 5px 0
    }

    .tyekku422 {
        width: 10%;
    }

    .setumei422 {
        width: 80%;
    }

    .hidarie422 {
        float: none;
        width: 100%;
    }

    .migibunn422 {
        float: none;
        width: 100%;
    }

    .rinnkue422 {
        width: 100%;
    }


    /*瓦の落下は二次被害を招きます*/
    .syasinn423 img {
        width: 100%;
    }

    .tonnde423 img {
        width: 100%;
    }

    .hidarihe423 {
        float: none;
        width: 100%;
    }

    .migihe423 {
        float: none;
        width: 100%;
    }


    /*台風や地震の後の二次災害を防ぐと共に災害便乗商法*/
    .midori424 {
        width: 17%;
    }


    /*瓦屋根を更に軽く*/
    .mae424 {
        float: none;
        width: auto;
        margin: 10px 0;
    }

    .yokotyairo424 {
        display: none;
    }

    .ato424 {
        float: none;
        width: 100%;
        margin: 10px 0;
    }


    /*リフォーム現場での間違いだらけ*/
    .kohi424 {
        width: 95%;
        margin: 0 10px 10px 10px;
    }

    .semai424 {
        float: none;
        width: 100%;
    }

    .hidarinisuru424 {
        float: none;
        width: 100%;
    }

    .yajirusiao424 {
        float: none;
        transform: rotate(90deg);
        margin: 0 0 0 150px;
        width: auto;
    }

    .miginisuru424 {
        float: none;
        width: 100%;
    }

    .kyu424 p {
        padding-top: 0;
    }

    .e424 {
        height: 70px;
    }

    .e424 p {
        padding-top: 0;
    }


    /*相見積り*/
    .hidarihe427 {
        float: none;
        width: 100%;
        margin: 10px 0;
    }

    .migihe427 {
        float: none;
        width: 100%;
    }


    /*近隣挨拶*/
    .e428 p {
        padding-top: 0;
    }

    .kyu428 {
        height: 70px;
    }

    .kyu428 p {
        padding-top: 0;
    }


    /*追加料金*/
    .yanenoue428 {
        width: 100%;
    }

    .aosiromoji428 {
        width: 100%;
    }

    .kurosiromoji428 {
        width: 100%;
    }

    .syasinn423 p {
        margin-left: 0px;
        width: auto;
        font-size: 12pt;
    }

    /*樹木が越境しているときの対処法*/
    .tyekku428 img {
        width: 10%;
    }



    /*ベランダ・バルコニーの屋根の補修*/
    .iti428 {
        float: none;
        width: 100%;
    }

    .ni428 {
        float: none;
        width: 100%;
        margin: 10px 0 10px 0;
    }

    .sann428 {
        float: none;
        width: 100%;
    }


    /*落ち葉除けネット*/
    .hdr428 {
        text-align: center;
    }

    .hdr428 img {
        float: none;
        width: auto;
    }

    .mnnk428 {
        text-align: center;
    }

    .mnnk428 img {
        float: none;
        width: auto;
        margin: 10px 0;
    }

    .mg428 {
        text-align: center;
    }

    .mg428 img {
        float: none;
        width: auto;
    }

    .hidarite428 {
        float: none;
        width: auto;
        margin: 10px 50px;
    }

    .mannnakate428 {
        float: none;
        margin: 10px 50px;
        width: auto;
    }

    .migite428 {
        float: none;
        width: auto;
        margin: 10px 50px;
    }

    .orangecheck428 {
        width: 10%;
    }


    /*工場や倉庫の屋根工事*/
    .merittobanngou430 {
        width: auto;
    }

    .aoidaimei430 {
        padding-top: 10px;
    }

    .merittobanngou43020 {
        width: auto;
        height: 90px;
        font-size: 16px;
        line-height: 20px;
    }

    .aoidaimei43020 {
        font-size: 16px;
        line-height: 20px;
        height: 90px;
    }

    .hidarini430 {
        float: none;
        width: 100%;
        height: auto;
    }

    .before430 {
        height: 73px;
        width: 40%;
    }

    .kitanai430 {
        height: auto;
    }

    .mannnakani430 {
        display: none;
    }

    .migini430 {
        float: none;
        width: 100%;
    }

    .after430 {
        height: 73px;
        width: 40%;
    }

    .kirei430 {
        height: auto;
    }

    .aoyajirusi430 {
        width: 50px;
        margin-left: 150px
    }


    /*セキスイかわらU*/
    .marubanngou51 img {
        width: 10%;
    }


    /*軒先が短いお家で雨漏り*/
    .iti51 {
        float: none;
        width: 60%;
        margin: 20px 0 10px 70px;
    }

    .ni51 {
        float: none;
        width: 60%;
        margin: 10px 0 10px 70px;
    }

    .sann51 {
        float: none;
        width: 60%;
        margin: 10px 0 20px 70px;
    }



    /*谷板金*/
    .hannbunn57 {
        float: none;
        width: 100%;
    }


    /*棟板金*/
    .sitatenn57 {
        font-size: 15pt;
    }

    .sitaao57 {
        display: none;
    }


    /*雨樋工事*/
    .checkmoji58 img {
        width: 10%;
    }

    .hidari58 {
        float: none;
        width: 100%;
    }

    .mannnaka58 {
        float: none;
        width: 100%;
        margin: 10px 0;
    }

    .migi58 {
        float: none;
        width: 100%;
    }

    .rinnkuhidari58 {
        float: none;
        width: 100%;
    }

    .rinnkumigi58 {
        float: none;
        width: 100%;
    }


    /*ガルバリウム鋼板*/
    .table511 {
        font-size: 12pt;
    }

    .table511 th {
        padding: 5px 0;
    }

    .table511 td {
        padding: 5px 0;
    }


    /*コーキング剤*/
    .pc511 {
        display: none !important;
    }

    .sp511 {
        display: block !important;
        margin: 0 45px;
    }

    .sp511 p {
        text-align: center;
    }

    .sp51120 {
        display: block !important;
    }

    .sp51120 img {
        width: 100%;
    }


    /*パラペット*/
    .orangecheck514 {
        width: 10%;
    }

    .iehidari514 {
        float: none;
        width: 80%;
        margin-bottom: 20px;
        margin-left: 35px;
    }

    .iemannnaka514 {
        float: none;
        width: 80%;
        margin-left: 35px;
        margin-bottom: 20px;
    }

    .iemigi514 {
        float: none;
        width: 80%;
        margin-bottom: 20px;
        margin-left: 35px;
    }


    /*切妻*/
    .hajikkohidari514 {
        float: none;
        width: 100%;
    }

    .hajikkomigi514 {
        float: none;
        width: 100%;
    }

    .ookiimoji514 {
        font-size: 18px;
    }

    .yosemune514 {
        float: none;
        width: 60%;
        margin: 20px 0 20px 70px;
    }

    .rikuyane514 {
        float: none;
        width: 60%;
        margin: 20px 0 20px 70px;
    }

    .hougyou514 {
        float: none;
        width: 60%;
        margin: 20px 0 20px 70px;
    }


    /*1.29追記*/
    .koumoku124 {
        margin: 0 0 20px 0;
        border-width: 1px
    }

    .koumokumoji {
        float: none;
        width: 100%;
        margin: 0;
        padding: 8px 0;
    }

    .nyuuryokukoumoku {
        text-align: center;
        margin: 0;
    }

    .koumokumoji124 {
        float: none;
        width: 100%;
        margin: 0;
        padding: 8px 0;
    }

    .koumoku12420 {
        width: 100%;
        border-width: 1px;
    }

    .koumoku1223 {
        margin: 0 0 20px 0;
        border-width: 1px;
    }

    .koumokumoji1223 {
        float: none;
        width: 95%;
        margin: 0;
        padding: 8px;
        text-align: left;
    }

    .sekoupba1224 {
        float: none;
        width: 100%;
    }

    .koujiimfo1224 {
        float: none;
        width: 100%;
    }

    .afterph1224 {
        width: 60%;
    }
}




.ykn-ml {
    float: left;
    width: 32%;
}

.ykn-cnt {
    float: left;
    width: 32%;
    margin-left: 14px;
}

.ykn-mr {
    float: right;
    width: 32%;
}

.ykn-qaimg {
    float: left;
}

.ykn-qtext {
    background: rgb(230, 230, 230);
    margin: 0;
    float: left;
    width: 86%;
    padding: 18px 0 18px 20px;
    border-right: solid 3px rgb(230, 230, 230);
}

.ykn-atext {
    border: solid 2px rgb(230, 230, 230);
    margin: 0;
    float: left;
    width: 86%;
    padding: 16px 0 16px 20px;
}

.ykn-qatext2g {
    padding: 6px 0 6px 20px;
}

.ykn-maru1l {
    float: left;
    width: 30%;
}

.ykn-maru2c {
    float: left;
    width: 30%;
}

.ykn-maru3r {
    float: right;
    width: 30%;
}


@media only screen and (max-width: 767px) {
    .ykn-ml {
        float: none;
        width: 100%;
    }

    .ykn-cnt {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .ykn-mr {
        float: none;
        width: 100%;
    }

    .ykn-qaimg {
        width: 16%;
    }

    .ykn-qtext {
        width: 81%;
        padding: 9px 0 8px 5px;
        font-size: 15px;
    }

    .ykn-atext {
        width: 81%;
        padding: 7px 0 6px 5px;
        font-size: 15px;
    }

    .ykn-qatext2g {
        padding: 5px 0 0 5px;
        font-size: 15px;
    }

    .ykn-qatext1g {
        padding: 21px 0 20px 5px !important;
        font-size: 15px;
    }

    .ykn-maru1l {
        float: none;
        width: 100%;
        margin: 10px 0 5px 0;
    }

    .ykn-maru2c {
        float: none;
        margin: 5px 0;
        width: 100%;
    }

    .ykn-maru3r {
        float: none;
        margin: 5px 0;
        width: 100%;
    }

}

@media only screen and (max-width: 413px) {
    .ykn-qtext {
        width: 81%;
        padding: 6px 0 5px 5px;
        font-size: 15px;
    }

    .ykn-atext {
        width: 81%;
        padding: 4px 0 3px 5px;
        font-size: 15px;
    }

    .ykn-qatext2g {
        padding: 0 0 0 5px;
        font-size: 15px;
    }

    .ykn-qatext1g {
        padding: 18px 0 17px 5px !important;
        font-size: 15px;
    }
}

@media only screen and (max-width: 374px) {
    .ykn-qtext {
        padding: 3px 0 3px 5px;
    }

    .ykn-atext {
        padding: 1px 0 1px 5px;
    }

    .ykn-qatext1g {
        padding: 13px 0 13px 5px !important;
    }


}




/*沼田cssここまで*/



/*//////////////////////////////////////////////////
共通/////////////////////////////////////////////////////////*/
.michael-w-50 {
    width: 49%;
}

.clear {
    clear: both;
}

.mar-r10 {
    margin-right: 10px;
}

.michael-pc {
    display: block;
}

.michael-sp {
    display: none;
}

.pc {
    display: block;
}

.sp {
    display: none;
}


p.michael-pic {
    /*kotira*/
    text-align: center;

}

.michael-haco {
    overflow: hidden;
}

.fl-lw45 {
    float: left;
    width: 48%;
    margin-right: 33px;
}

.fl-rt {
    float: right;
    width: 47%;
}

.michael-mar-t10 {
    margin-top: 10px;
}

.michael-fs-16 {
    font-size: 16px;
}

.michael-fs-18 {
    font-size: 18px;
}

.michael-fs-20 {
    font-size: 20px;
}
}

.michael-fs-21 {
    font-size: 21px;
}

.michael-fs-22 {
    font-size: 22px;
}

.michael-fs-23 {
    font-size: 23px;
}

.michael-fs-24 {
    font-size: 24px;
}

.michael-fs-25 {
    font-size: 25px;
}

.michael-fs-28 {
    font-size: 28px;
}




.michael-matome {
    vertical-align: middle;
    background-color: #f9f9f9;
    padding: 20px 25px 20px 25px;
    margin: 40px 0 20px 0;
    border: #CCC 2px solid;
}

.michael-matome-mozi {
    text-align: center;
    font-size: 15pt;
    font-weight: bold;
    margin-bottom: 10px;
}


.michael-mokuziwakusen {
    border: #CCC 2px solid;
    padding: 9px;
    margin-top: 43px;
    margin-bottom: 30px;
}

.michael-mokuziwakusen br {
    display: none;
}

.michael-mokuziwakusen a {
    text-decoration: none;
}

.michael-mokuzimannaka {
    text-align: center;
}

.michael-mokuzitoukyou {
    text-align: center;
    font-size: 20pt;
    font-weight: bold;
}

.michael-mokuziwakusen li {
    list-style: none;
    font-size: 12pt;
    padding-bottom: 0px;
}

.michael-soukatubun {
    vertical-align: middle;
    background-color: #FEFAD1;
    padding: 20px 25px 20px 25px;
    margin: 40px 0 20px 0;
    border: #FCD87C 2px dashed;
}

.michael-title3-3 {
    color: #f26400;
    font-size: 13pt;
    font-weight: normal;
    border-left: solid 5px #f26400;
    padding: 10px;
    margin: 20px 0;
}

.michael-box_t {
    width: 100%;

}

.michael-midashi20 {
    text-align: center;
    font-size: 20pt;
    font-weight: bold;
}

.michael-h2-blue2 {
    color: #fff;
    background: #f26400;
    font-size: 1.5em;
    font-weight: normal;
    padding: 10px;
    margin: 30px 0 10px 0;
}

.michael-title2 {
    border-bottom: solid 2px #f26400;
    color: #f26400;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;


}


.michael-fl-l {
    float: left;
    width: 49%;

}

.michael-fl-r {
    float: right;
    width: 49%;
}

.michael-3pic1 {
    /*w_glass1*/
    width: 31%;
    float: left;
    margin-left: 14px;
}

.michael-3pic2 {
    /*w_glass2*/
    width: 31%;
    float: left;
    margin-left: 10px;
}

.michael-3pic3 {
    /*w_glass3*/
    width: 31%;
    float: right;
    margin-right: 1%;
}

.michael-3pics1 {
    /*w_glass1s*/
    width: 31%;
    margin-left: 14px;
}

.michael-3pics2 {
    /*w_glass2s*/
    width: 31%;
    margin-left: 10px;
}

.michael-3pics3 {
    /*w_glass3s*/
    width: 31%;
    margin-right: 1%;
}

mark .mark {
    padding: .0em;
    background-color: #ff0;
}


.michael-line_lightblue {
    border: solid #F7931E 3px;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.michael-orange_text {
    color: #FF5E00;
}

.michael-mar-t30 {
    margin-top: 30px;
}

.michael-voice-title_2 {
    border-bottom: solid 1px #FF5E00;
    color: #FF5E00;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
}

.michael-orange_line {
    border-left: solid #FF5E00 5px;
    padding: 20px;
    color: #FF5E00;
    font-weight: bold;
    font-size: 21px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.michael-blue_line {
    border-left: solid #00558D 5px;
    padding: 20px;
    color: #00558D;
    font-weight: bold;
    font-size: 21px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.michael-h2-blue {
    color: #FFF;
    font-size: 1.5em;
    font-weight: bold;
    vertical-align: middle;
    background-color: #0071bc;
    padding: 10px 15px 7px 15px;
    margin: 10px 0 20px 0;
}

.michael-bg-orange-meisyo {
    background-color: #FDE8A1;
    padding: 14px;
    overflow: hidden;
    margin-bottom: 15px;
}

.michael-bg-blue-meisyo {
    background-color: #EBF1F3;
    padding: 15px;
    margin-bottom: 15px;
}

.michael-blue_text {
    color: #00558D;
    font-weight: bold;
    line-height: 35px;
}

.fs-21 {
    font-size: 21px;
}

.michael-fs-21 {
    font-size: 21px;

}


.michael-kotirabtn3 {
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
    background-color: #4D4D4D;
    padding: 7px 15px 7px 15px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 80%;
    text-align: center;
}

.michael-kotirabtn3 a {
    color: #ffffff;
}

.michael-kotirabtn4 {
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
    background-color: #8c0b00;
    padding: 7px 15px 7px 15px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 67%;
    text-align: center;
}

.michael-kotirabtn4 a {
    color: #ffffff;
}

.kotirabtn5 {
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
    background-color: #8c0b00;
    padding: 7px 15px 7px 15px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 75%;
    text-align: center;
}

.kotirabtn5 a {
    color: #ffffff;
}

.kotirabtn {
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
    background-color: #4D4D4D;
    padding: 7px 15px 7px 15px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 50%;
    text-align: center;
}

.kotirabtn a {
    color: #ffffff;
}


.michael-h2sitase {
    color: #ff5e00;
    border-bottom: solid 2px #ff5e00;
    padding-top: 16px;
    font-size: 17pt;
    font-weight: bold;
    margin-bottom: 25px;
}

.michael-munebankintaitl {
    font-size: 25pt;
    font-weight: bold;
    color: #4d4d4d;
    border-bottom: dashed 2px #ff5e00;
    margin-bottom: 25px;
    margin-top: 35px;
}

.michael-bg-18 {
    background-image: url(/wp-content/themes/yaneyasan/images/yanetoso/bosui_52_95.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 15px;
    height: 65px;
}

.michael-f-size28 {
    font-size: 28pt;
}

.michael-f-size28sp {
    font-size: 28pt;
}

.michael-bg-17 {
    background-image: url(/wp-content/themes/yaneyasan/images/yanetoso/bosui_52_98.png);
    background-repeat: no-repeat;
    padding-left: 50px;
    padding-top: 5px;
    height: 70px;
}

.michael-f-size26 {

    font-size: 26pt;
}

.michael-f-size26 {

    font-size: 26pt;
}

.michael-f-size20 {

    font-size: 20pt;
}

.michael-f-size16 {

    font-size: 16pt;
}

.michael-w-30 {
    width: 30%;

}

.michael-w-23 {
    width: 23%;
    margin-right: 10px;
}


.michael-f-size20sp {
    font-size: 20pt;
}

.title3-4 {
    border-left: 5px solid #ff6600;
    padding: 5px;
    font-size: 13pt;
    margin: 10px 0px 10px 0px;
    color: #ff6600;
}

.michael-title3-4 {
    border-left: 5px solid #ff6600;
    padding: 5px;
    font-size: 13pt;
    margin: 10px 0px 10px 0px;
    color: #ff6600;
}

.michael-title4 {
    border-left: 5px solid #009c90;
    padding: 5px;
    font-size: 13pt;
    margin: 30px 0px 10px 0px;
    color: #009c90;
    font-weight: bold;
}

.michael-title5 {
    border-left: 5px solid #0370c1;
    padding: 5px;
    font-size: 13pt;
    margin: 30px 0px 10px 0px;
    color: #0370c1;
    font-weight: bold;
}



.michael-title6 {
    border-left: 5px solid #33b832;
    padding: 5px;
    font-size: 13pt;
    margin: 30px 0px 10px 0px;
    color: #33b832;
    font-weight: bold;
}


.michael-title7 {
    border-left: 5px solid #a2850e;
    padding: 5px;
    font-size: 13pt;
    margin: 30px 0px 10px 0px;
    color: #a2850e;
    font-weight: bold;
}

.michael-tdline {
    border: 1px solid;
    border-collapse: collapse;

}

.blue_back_s {
    background: #C7E1F5;
}

.michael-velux_r {
    width: 70%;
    margin-top: 10px;
    float: right;
}





















@media only screen and (max-width: 1400px) {
    #menu li {
        width: 16.45%;
    }
}

@media only screen and (max-width: 767px) {
    img {
        width: auto;
        margin: 0 auto;
        padding-bottom: 10px;
    }

    .main {
        width: auto;
        padding: 10px;
    }

    .mar-r10 {
        margin-right: auto;
    }


    .sp {
        display: block;
    }

    .pc {
        display: none;
    }

    .michael-sp {
        display: block;
    }

    .michael-pc {
        display: none;
    }

    .michael-w-50 {
        width: auto;
    }

    .w-54 {
        width: auto;
    }

    p.michael-pic {
        /*kotira*/
        text-align: center;
        margin: 10px auto;
        width: 90%;
    }

    .michael-fl-r {
        float: none;
        width: 90%;
        margin: 10px auto;
    }

    .michael-fl-l {
        float: none;
        width: 90%;
        margin: 10px auto;
    }


    .michael-h2-blue2 {
        font-size: 1em;
    }

    .michael-3pic1 {
        /*w_glass1*/
        width: 90%;
        float: none;
        margin: 10px auto;
    }

    .michael-3pic2 {
        /*w_glass2*/
        width: 90%;
        float: none;
        margin: 10px auto;
    }

    .michael-3pic3 {
        /*w_glass3*/
        width: 90%;
        float: none;
        margin: 10px auto;
    }

    .michael-3pics1 {
        /*w_glass1s*/
        width: 75%;
        margin: 10px auto;
    }

    .michael-3pics2 {
        /*w_glass2s*/
        width: 75%;
        margin: 10px auto;
    }

    .michael-3pics3 {
        /*w_glass3s*/
        width: 75%;
        margin: 10px auto;
    }

    .kotirabtn4 {
        color: #ffffff;
        font-size: 11pt;
        font-weight: bold;
        background-color: #8c0b00;
        padding: 7px 15px 7px 15px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 67%;
        text-align: center;
    }

    .kotirabtn5 {
        color: #ffffff;
        font-size: 11pt;
        font-weight: bold;
        background-color: #8c0b00;
        padding: 7px 15px 7px 15px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 75%;
        text-align: center;
    }

    .michael-f-size28sp {
        font-size: 20pt;
    }

    .michael-velux_r {
        width: 100%;
        margin-top: 10px;
        float: none;
    }












}

@media only screen and (max-width: 480px) {

    .michael-box_t {
        display: block;
        width: 98%;
        margin: 2% 0px 5% 7px;
        height: auto;

    }

    .michael-f-size28sp {
        font-size: 12pt;
    }

    .michael-f-size20sp {
        font-size: 12pt;
    }





}


@media only screen and (max-width: 320px) {
    .michael-fl-lt {
        margin-right: 0px;
        margin-left: 4px;
    }

    .michael-fl-rt {
        float: none;
        margin-left: 4px;
    }

    .michael-box_t {
        width: 98%;
        margin: 2% auto 5%;
        height: auto;

    }










}


/*//////共通ここまで/////////*/

/*///////////コンテンツ動画埋め込み////////////////*/

.movie_text {
    color: #3A3A3A;
    font-size: 15px;
    line-height: 1.5;
    padding: 5px;
    margin-top: 10px;
    word-wrap: break-word;
    overflow: hidden;
}

.movieframe {
    position: relative;
    width: 100%;
    height: auto;
}

.movie_right {
    position: relative;
    width: 48%;
    height: auto;
    padding: 0 1%;
    float: left;
}

.movie_left {
    position: relative;
    width: 50%;
    padding-top: 28.125%;
    float: left;
}



@media only screen and (max-width: 767px) {

    .movie_right {
        width: 98%;
    }

    .movie_left {
        width: 100%;
        padding-top: 56.25%;
    }



}

/*///////////コンテンツ動画埋め込み///////////////*/



/*/スタッフ紹介動画/////*/





.staff_youtube {
    text-align: center;
    position: relative;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    padding-bottom: 56.25%;
}

.staff_youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    /*境界線の打ち消し*/
}


/*/コンテンツ移植/////*/


.line_lightblue {
    border: solid #CCE3F2 3px;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.haco9 {
    padding-bottom: 25px;
}

.h-9 {
    width: 65%;
}


.h-10 {
    background: #00558D;
    color: #ffffff;
    font-weight: bold;
    padding: 3px;
    margin-bottom: 30px;
    width: 30%;
    text-align: center;
}

.h-11 {
    background: #D7D7D8;
    font-weight: bold;
    padding: 3px;
    margin-bottom: 30px;
    width: 30%;
    text-align: center;
}

.bangou123 {
    width: 15px;
    float: left !important;
    margin-right: 5px;
}

.bangou36 {
    width: 36px;
    float: left !important;
    margin-right: 5px;
}


@media only screen and (max-width: 767px) {


    .h-9 {
        padding-top: 10px;
        width: auto;
    }

    .h-10 {
        background: #00558D;
        color: #ffffff;
        font-weight: bold;
        padding: 3px;
        margin-bottom: 10px;
        width: auto;
        text-align: center;
    }

    .h-11 {
        background: #D7D7D8;
        font-weight: bold;
        padding: 3px;
        margin-bottom: 10px;
        width: auto;
        text-align: center;
    }






}

/*//////////////////////////////////////////////////
共通ここまで/////////////////////////////////////////////////////////*/

/*コンテンツ内フォントサイズ調整*/
#main {
    font-size: 16px;
}

#main p {
    font-size: 16px;
    margin-bottom: 1em;
}

#main a {
    font-size: inherit;
}

#main div {
    font-size: 16px;
}

#main mark {
    font-size: inherit;
}

#main strong {
    font-size: inherit;
}

#main b {
    font-size: inherit;
}

#main span {
    font-size: inherit;
}

#main font {
    font-size: inherit;
}

/*調整*/
/*トップページ*/
#topjirei .area div:first-child {
    height: 120px !important;
}

.jireibox {
    margin-bottom: 150px;
}

#topjirei .top_jirei_img {
    margin-bottom: 2em;
}

/*地域ページ*/
#main .chiiki_wakuse,
#main .chiiki_wakusen2 {
    font-size: 12px;
}

#main .chiiki_wakusen2 .dashicons {
    font-size: 30px;
}

#main .chiiki_wakusen .dashicons {
    font-size: 30px;
}

#main .chiiki_wakusen p {
    font-size: 12px;
}

#main .chiiki_wakusen2 p {
    font-size: 12px;
}

/*地域ページ出力施工事例可読性向上*/
#j p {
    margin-bottom: 1em;
}

/*ここまで*/
#link .box-sub a.voice-card {
    text-decoration: none;
}

/* 施工事例 ビフォーアフター */
.before-after-block {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
}

.before-after-block .before-image-box img,
.before-after-block .after-image-box img,
.before-after-block .ba-arrow img {
    max-width: 100%;
    width: auto;
}

@media only screen and (max-width: 767px) {
    .before-after-block {
        flex-direction: column;
    }

    .before-after-block .ba-arrow {
        transform: rotate(90deg);
    }
}

/*JetPress対応*/
.wp-block-columns {
    gap: 0.5em;
}

/* トップページ強み掲載 */
.point-container {
    width: 96%;
    max-width: 1200px;
    justify-content: center;
    align-items: center;
    background-color: #f9f4f4;
    padding-top: 1em;
    padding-bottom: 0.3em;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1em;
}

.point-container h2 {
    font-size: 1.5em;
}

.point-head {
    background-color: #F26400;
    padding: 10px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;

}

/* CVR対策ボタン */

.tenken_btn,
.soudan_btn,
.mitsumori_btn {
    text-align: center;
    margin-top: 1em;
}

.contact-btn {
    display: inline-block;
    position: relative;
    background-color: #ff6600;
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 15px 40px;
    border-radius: 5px;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.strength {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 2px solid #F26400;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #ffffff;
    font-size: 16px;
}

.strength-text {
    flex: 1;
    padding-right: 20px;
}

.strength-image {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.strength-image img {
    max-width: 100%;
    border-radius: 5px;
    transition: transform 0.3s ease;
}

.strength-image img:hover {
    transform: scale(1.1);
}

.strength-text h3 {
    font-size: 1.3em;
    color: #F26400;
    text-decoration: underline;
    margin-bottom: 1em;
    text-align: center;
}

span.post-number {
    color: #d60000;
    font-weight: bold;
    font-size: 1.3em;
}

.point-link {
    text-align: end;
    font-weight: bold;
}

@media (max-width: 768px) {
    .point-container {
        width: 93%;
    }

    .strength {
        flex-direction: column;
    }

    .strength-text {
        padding-right: 0;
        margin-bottom: 10px;
    }
}

.wp-block-group .wp-block-group__inner-container a {
    color: #0000EE;
}