@charset "utf-8";

/* ===================================================================
CSS information

 file name  :common.css
 author     :pcbrain
 style info :共通（ヘッダー、フッター）
=================================================================== */
body {
    /* background: url(../img/common/bg_all.jpg); */
    border-top: solid 4px #AF7B1E;
    counter-reset: h4count;
}

.red {
    color: #c21720;
}

.yellowmarker {
    background: #ffe92c;
}

hr.dotline {
    display: block;
    height: 1px;
    border: none;
    border-top: dotted 1px #4f3206;
    margin: 20px 0;
}

.spblock {
    display: none;
}

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

#main p {
    margin-bottom: 10px;
}

/* -----------------------------------------------------------
    #header
        ヘッダー
----------------------------------------------------------- */
#header {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

.logo {
    width: 450px;
    float: left;
    margin-bottom: 15px;
}

h1 {
    font-size: 1em;
    background-color: rgba(73, 50, 6, 0.15);
    margin-bottom: 15px;
    padding: 3px 0;
}

h1 .headline {

    width: 960px;
    margin: 0px auto;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.headertel {
    display: inline-block;
    background: rgba(73, 50, 6, 0.15);
    padding: 5px 10px;
    border-radius: 5px;
    float: right;
    margin: 0px 0 0px 0;
    overflow: hidden;
    box-sizing: border-box;
}

.headertel li {
    display: inline-block;
    vertical-align: middle;
}

.headertel li.text {
    margin: 0 10px 0 0;
    font-size: 11px;
}

.headertel span {
    background: url(../img/common/ico_freedial.png) no-repeat left center;
    background-size: 28px 16px;
    font-weight: bold;
    font-size: 26px;
    color: #d6142f;
    line-height: 1;
    padding-left: 30px;
}

.crumb {
    width: 960px;
    padding: 5px 0;
    margin: 0 auto;
}


/* -----------------------------------------------------------
    #gNav
        グローバルナビゲーション
----------------------------------------------------------- */
.gNav {
    width: 960px;
    float: right;
    overflow: hidden;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
}

.gNav li {
    display: block;
    width: 100%;
    height: 53px;
    border-right: dotted 1px #4f3206;
    float: left;
    text-indent: -9999em;
}

.gNav li.blog,
.gNav li.reason,
.gNav li.faq {
    display: none;
}

.gNav li:first-child {
    border-left: dotted 1px #4f3206;
}

.gNav li a {
    display: block;
    width: 100%;
    height: 53px;
}

.gNav li.home a {
    background: url(../img/common/gNav_top.png) no-repeat center center;
}

.gNav li.price a {
    background: url(../img/common/gNav_price.png) no-repeat center center;
}

.gNav li.works a {
    background: url(../img/common/gNav_works.png) no-repeat center center;
}

.gNav li.estimate a {
    background: url(../img/common/gNav_estimate.png) no-repeat center center;
}

.gNav li.flow a {
    background: url(../img/common/gNav_flow.png) no-repeat center center;
}

.gNav li.corporate a {
    background: url(../img/common/gNav_corporate.png) no-repeat center center;
}

.gNav li.home a:hover {
    background: url(../img/common/gNav_top_on.png) no-repeat center center;
}

.gNav li.price a:hover {
    background: url(../img/common/gNav_price_on.png) no-repeat center center;
}

.gNav li.works a:hover {
    background: url(../img/common/gNav_works_on.png) no-repeat center center;
}

.gNav li.estimate a:hover {
    background: url(../img/common/gNav_estimate_on.png) no-repeat center center;
}

.gNav li.flow a:hover {
    background: url(../img/common/gNav_flow_on.png) no-repeat center center;
}

.gNav li.corporate a:hover {
    background: url(../img/common/gNav_corporate_on.png) no-repeat center center;
}

#snav {
    display: none;
}

/* -----------------------------------------------------------
    #footer
        フッター
----------------------------------------------------------- */
#footer {
    overflow: hidden;
    padding-bottom: 98px;
}

.footerlink {
    background: rgba(73, 50, 6, 0.15);
    text-align: center;
    padding: 27px 0;
}

.footerbottom_960 {
    width: 960px;
    overflow: hidden;
    margin: 0 auto;
    padding: 20px 0;
}

.footerbottom_left {
    float: left;
    display: inline-block;
}

.footerbottom_left img {
    margin: 5px 0;
}

.footerbottom_right {
    float: right;
    display: inline-block;
    text-align: right;
}

.permission {}

.copyright {
    margin: 90px 0 0 0;
}

.boxLink {
    margin: 5px 0 0 0;
}

.footerbottom {
    background: #4f3206;
    color: #ffffff;
}



.footerbottom dt {
    background: #CF5602;
    width: 120px;
    text-align: center;
    padding: 3px 0;
    line-height: 1;
    margin: 10px 0 2px;
}

footer .ftrScroll {
    padding: 3px 0;
    background: rgba(119, 87, 64, 0.7);
    position: fixed;
    bottom: 0;
    width: 100%;
    display: none;
    z-index: 100;
    font-size: 12px;
    line-height: 1.2;
}

footer .ftrScroll .inner {
    margin: 10px auto;
    padding: 0;
    width: 1000px;
}

footer .ftrScroll .ftrCont {
    background: #fff;
    padding: 10px;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-right: 15px;
}

footer .ftrScroll .ftrCont .freeTxt {
    width: 76px;
    margin-right: 10px;
}

footer .ftrScroll .ftrCont .freeTxt li {
    background: #775740;
    border-radius: 4px;
    color: #fff;
    padding: 3px 5px;
    font-size: 15px;
    width: auto;
    margin: 0 0 3px;
}

footer .ftrScroll .ftrCont .freeTxt li:last-child {
    margin-bottom: 0;
}

footer .ftrScroll .tel {
    display: inline-block;
    float: left;
    margin-right: 25px;
    line-height: 1;
}

footer .ftrScroll .tel span {
    font-size: 37px;
    font-weight: bold;
    line-height: 1;
    padding: 0 0 0 40px;
    display: block;
}

footer .ftrScroll .ftrCont ul {
    position: relative;
    overflow: hidden;
}

footer .ftrScroll .ftrCont ul li {
    float: left;
    margin-left: 6px;
    width: 150px;
    font-size: 21px;
    font-weight: bold;
    border-radius: 4px;
    text-align: center;
}

footer .ftrScroll .ftrCont ul li a {
    text-decoration: none;
    display: block;
    color: #fff !important;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding: 12px 15px 12px 40px;
    text-decoration: none !important;
    border-radius: 5px;
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0.26) 50%, rgba(255, 255, 255, 0.317) 100%);
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0.26) 50%, rgba(255, 255, 255, 0.317) 100%);
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0.26) 50%, rgba(255, 255, 255, 0.317) 100%);
    background: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0.26) 50%, rgba(255, 255, 255, 0.317) 100%);
    background: linear-gradient(to top, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.13) 8%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0.26) 50%, rgba(255, 255, 255, 0.317) 100%);
}

footer .ftrScroll .ftrCont ul li a:hover {
    background: rgba(255, 255, 255, 0.3);
    transition: 0.7s;
}

footer .ftrScroll .ftrCont ul li.ftrDiagnosis {
    background: #f8b500 url(/img/common/ico_loupe01.png) no-repeat 15px center;
}

footer .ftrScroll .ftrCont ul li.ftrRainleaking {
    background: #0068b7 url(/img/common/ico_rain01.png) no-repeat 15px center;
}

footer .ftrScroll .ftrCont ul li.ftrShowroom {
    background: #d6142f url(/img/common/ico_shop01.png) no-repeat 15px center;
}

footer .ftrScroll .ftrCont ul li.ftrContact {
    background: #70bb2b url(/img/common/ico_mail01.png) no-repeat 15px center;
}

footer .ftrScroll .ftrCont ul li.ftrTel {
    display: none;
}

footer .ftrScroll .pageTop a {
    background: #70bb2b;
    width: 76px;
    height: 72px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

footer .ftrScroll .pageTop a:hover img {
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.ftrScroll .tel span {
    background: url(/img/common/ico_fd01.png) no-repeat left bottom 5px;
    font-family: "Impact", Gadget, sans-serif;
    color: #d6142f;
    font-size: 27px;
    line-height: 1;
    padding-left: 40px;
    display: block;
}

/*----------------------------------------------------
    #contents
----------------------------------------------------*/

#contents {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: -25px;
}


/*----------------------------------------------------
    #main
        メイン
----------------------------------------------------*/
#main {
    width: 708px;
    float: left;
    margin: 25px 0 25px 0;
}

h2 {
    text-align: center;
    background: url(../img/common/bg_h2.png) repeat-x center top;
    height: 183px;
}

h2 strong {
    display: block;
    text-indent: -9999em;
    width: 100%;
    height: 183px;
}

#corporate h2 strong {
    background: url(../img/corporate/h2_corporate.png) no-repeat center top;
}

#price h2 strong {
    background: url(../img/price/h2_price.png) no-repeat center top;
}

#works h2 strong {
    background: url(../img/works/h2_works.png) no-repeat center top;
}

#estimate h2 strong {
    background: url(../img/estimate/h2_estimate.png) no-repeat center top;
}

#flow h2 strong {
    background: url(../img/flow/h2_flow.png) no-repeat center top;
}

#link h2 strong {
    background: url(../img/link/h2_link.png) no-repeat center top;
}

#contact h2 strong {
    background: url(../img/contact/h2_contact.png) no-repeat center top;
}

#reason h2 strong {
    background: url(../img/reason/h2_reason.png) no-repeat center top;
}

#faq h2 strong {
    background: url(../img/faq/h2_faq.png) no-repeat center top;
}

#err h2 strong {
    background: url(../img/err/h2_err.png) no-repeat center top;
}

.main_merit h2 {
    background: #4f3206;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    font-weight: normal;
    line-height: 1;
    padding: 7px 0 5px;
    height: auto;
}

.main_merit ul {
    overflow: hidden;
    margin-top: 20px;
}

.main_merit li {
    width: 222px;
    float: left;
    margin-left: 10px;
    border-left: dotted 1px #4f3206;
    padding-left: 10px;
}

.main_merit li:first-child {
    margin-left: 0px;
    border-left: none;
    padding-left: 0px;
}

.whitebox {
    padding: 5px;
    margin: 40px 0 40px;
    background: #ffffff;
    border: solid 1px #7e7e7e;
}

.woodbox {
    background: url(../img/common/bg_woodbox.jpg) repeat-y left top;
    padding: 15px;
}

.woodbox ul {
    border-radius: 5px;
    background: #ffffff;
    margin-top: -34px;
    padding: 10px;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.woodbox ul li {
    overflow: hidden;
    width: 323px;
    position: relative;
    word-break: break-all;
    box-sizing: border-box;
}



.woodbox ul li:nth-child(2n) {
    padding: 10px 0px 10px 10px;
    border-bottom: dotted 1px #4f3206;
}

.woodbox ul li:nth-child(2n+1) {
    border-bottom: dotted 1px #4f3206;
    border-right: dotted 1px #4f3206;
    padding: 10px 10px 10px 0px;
}

.woodbox ul li:first-child,
.woodbox ul li:nth-child(2) {
    padding-top: 0px;
}

.woodbox ul li:last-child,
.woodbox ul li:nth-last-child(2) {
    border-bottom: none;
}



h3 {
    color: #ffffff;
    background: url(../img/common/h3.png) repeat left top;
    font-size: 182%;
    line-height: 1;
    padding: 10px;
    margin-bottom: 0.5em;
}

.woodbox h3 {
    background: url(../img/common/h3_woodbox.png) no-repeat center center;
    height: 36px;
    padding: 33px 10px 0 33px;
    position: relative;
    top: -41px;
    left: -18px;
    margin-bottom: 0;
}

#main h4 {
    color: #4f3206;
    font-size: 120%;
    line-height: 1.5;
    margin-bottom: 5px;
    border-left: solid 10px #70bb2b;
    padding-left: 7px;
}

#side h4 a:link,
#side h4 a:visited {
    color: #fff !important;
    text-decoration: none;
}

#main h4.yellowpaint {
    background: url(../img/common/h3_yellowpaint.png) no-repeat bottom left;
    padding: 0 0 10px 20px;
    border-left: none;

}


#main h4.h4count {
    padding: 10px 0 10px 0px;
}

#main h4.h4count:before {
    counter-increment: h4count;
    content: counter(h4count);
    color: #ffffff;
    background: #70bb2b;
    border-radius: 40px;
    padding: 5px 0 0px 0;
    margin-right: 6px;
    display: inline-block;
    width: 45px;
    height: 40px;
    text-align: center;
}

#main h4 span {
    color: #d6142f;
}

#main h4.greenbelt {
    background: #70bb2b;
    border-radius: 5px;
    display: inline-block;
    padding: 3px 15px;
    text-align: center;
    color: #ffffff;
    border-left: none;
}

#main h4.greenbelt:after {
    content: "\A";
}

#movie {
    margin-bottom: 20px;
    overflow: hidden;
}

.woodbox .spacebox {
    padding: 10px;
    background: #ffffff;
    border-radius: 5px;
    margin: -25px 0 0 0;
}

.btn a {
    display: inline-block;
    color: #fff !important;
    background-color: #70bb2b;
    border-radius: 5px;
    padding: 5px 30px 5px 10px;
    text-decoration: none !important;
    position: relative;
}

.btn a:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 16px;
    width: 6px;
    height: 6px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn a:hover {
    opacity: 0.7;
}

.woodbox table {
    width: 100%;
}

.woodbox th,
.woodbox td {
    padding: 8px 5px;
    border-bottom: dotted 1px #4f3206;
    vertical-align: top;
}


.workspic {
    padding: 5px;
    background: url(../img/common/bg_mesh.gif) repeat;
    margin-bottom: 10px;
}

.worksdate {}

#main .worksdata {
    height: 55px;
    margin-bottom: 10px;
}

.worksprice {
    color: #c21720;
    font-weight: 700;
    line-height: 1.4;

    span {
        display: inline-block;
        line-height: 1.2;
    }

    .unit {
        color: #fff;
        border-radius: 3px;
        background: #c21720;
        padding: 2px 5px;
        margin-right: 5px;

    }

}

#main .worksdate {
    font-weight: 700;
    margin-bottom: 0;
    font-size: 0.9em;
}


.worksdata .works_tax {
    font-size: 11px;
    display: block;
}

.workslink {
    position: absolute;
}

.woodbox ul li .workslink {
    bottom: 5px;
    right: 10px;
}

.workslink a {
    background: url(../img/common/arrow_red.png) no-repeat left center;
    padding-left: 15px;
}

.tax {
    color: #ffffff;
    padding: 3px 10px;
    font-weight: bold;
    margin-left: 7px;
    background: #cccccc;
}

.tax:first-of-type {
    margin-left: 0;
}

.color_wall {
    background: #c21720;
}

.color_roof {
    background: #094384;
}

.color_others {
    background: #f28826;
}

.section {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.section p {
    font-size: 116%;
    margin-bottom: 2em;
}

.sectionimg {
    position: absolute;
    top: 0px;
    right: 0px;
}

.sectiontxt {
    width: 564px;
}

.section01 {
    margin: 0 0 20px 0;
    overflow: hidden;
}

.section01 .leftbox {
    width: 415px;
    padding-left: 50px;
    float: left;
}

.section01 .centerbox {
    text-align: center;
    margin: 20px auto;
}

.section01 .padding_left_50 {
    padding-left: 50px;
}

.section01 .rightbox {
    width: 230px;
    float: right;
    text-align: right;
}

.section02 {
    margin: 0 0 20px 0;
    overflow: hidden;
}

.section02 .leftbox {
    float: left;
    width: 180px;
}

.section02 .rightbox {
    float: right;
    width: 512px;
}


.section03 {
    margin: 0 0 20px 0;
    overflow: hidden;
}


.main_contact {
    display: block;
    overflow: hidden;
    background: rgba(73, 50, 6, 0.15);
    border-radius: 5px;
    padding: 5px;

}

a.main_contact {
    text-decoration: none;
}

a.main_contact:hover {
    opacity: 0.7;
}

a.main_contact:hover img {
    opacity: 1;
}

a.main_contact li.leftbox {
    float: left;
    width: 266px;
    text-align: center;
    color: #000000;
}

.main_contact li.leftbox strong {
    display: block;
    background: #4f3206;
    color: #ffffff;
    margin-bottom: 5px;
    line-height: 1;
    padding: 7px 0;
}

.main_contact li.leftbox img {
    margin-top: 4px;
}

.main_contact li.rightbox {
    float: right;
    width: 427px;

}

.main_contact span.tel {
    background: url(../img/common/ico_freedial.png) no-repeat left center;
    background-size: 28px 16px;
    font-weight: bold;
    font-size: 210%;
    color: #d6142f;
    line-height: 1;
    padding-left: 30px;
}

#main .contactBox {
    background-color: rgba(79, 50, 6, 0.15);
    padding: 15px 20px;
    margin-bottom: 30px;
}

#main .contactBox p {
    color: #515151;
    font-weight: bold;
    text-align: center;
    font-size: 25px;
    margin-bottom: 0;
}

#main .contactBox p strong {
    color: #d6142f;
}

#main .contactBox p.freedial {
    background: url(../img/webplan/ico_freedial02.png) no-repeat left center;
    padding-left: 90px;
    margin-bottom: 0;
    font-size: 74px;
    color: #cb0707;
    font-weight: bold;
    line-height: 1;
}


.orangelist {
    counter-reset: orangecount;
}

.orangelist li,
.orangelist dt {
    font-size: 116%;
    font-weight: bold;
    padding-left: 37px;
    margin-top: 10px;
    position: relative;
}

.orangelist dd {
    font-size: 116%;
    padding-left: 37px;
    position: relative;
}

.orangelist li:first-child,
.orangelist dt:first-child {
    margin-top: 0px;
}

.orangelist li:before,
.orangelist dt:before {
    counter-increment: orangecount;
    content: counter(orangecount);
    border-radius: 5px;
    padding: 0px 8px;
    display: inline-block;
    text-align: center;
    background: #ff6800;
    color: #ffffff;
    position: absolute;
    left: 0px;
}

/* -----------------------------------------------------------
    #side
        サイドバー、サブ
----------------------------------------------------------- */
#side {
    width: 226px;
    float: right;
    margin: 25px 0 25px 0;
}

.side_works {
    background: #f28826;
    position: relative;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 30px;
}

.side_works .leftmargin {
    margin-left: 31px;
}

.side_works .side_brush {
    position: absolute;
    top: -22px;
    left: -25px;
}

.side_works p {
    font-size: 93%;
    color: #ffffff;
    line-height: 1.5;
    margin: 5px 0 0;
}

.side_works ul li {
    margin-top: 10px;
}

.side_works ul li a {
    background: url(../img/common/arrow_red.png) no-repeat 10px center #ffffff;
    padding: 3px 5px 3px 20px;
    border-radius: 5px;
    display: block;
    color: #4f3206;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
}

.side_works ul li a:hover {
    opacity: 0.75;
}

.side_banner li {
    margin: 0 0 10px;
    text-align: center;
}

.side_banner li.movielink {
    background: #ffffff;
    text-align: left;
    border: solid 5px #f28826;
    padding: 0;
    line-height: 1.4;
}

.side_banner li.movielink a {
    background: none;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-right: 0;
    padding: 10px 35px 10px 10px;
    text-decoration: none;
    color: #4f3206;
}

.side_banner li.movielink a:before {
    content: url(../img/common/arrow_green_circle_down.png);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    height: 24px;
    margin: auto;
    transform: rotate(-90deg);
}

.side_banner li.movielink a:hover {
    opacity: 0.8;
    transition: 0.7s;
}

.side_contact {
    margin-bottom: 10px;
    text-align: center;
    background: rgba(73, 50, 6, 0.15);
    padding: 5px 0;
}

.side_contact p {
    margin-bottom: 10px;
}

.side_contact p strong {
    display: block;
    background: #4f3206;
    color: #ffffff;
    margin: 0 5px;
    font-size: 13px;
}

.side_contact ul li {
    font-size: 93%;
    margin-top: 5px;
}

.side_contact .side_tel span {
    background: url(../img/common/ico_freedial.png) no-repeat left center;
    background-size: 28px 16px;
    font-weight: bold;
    color: #d6142f;
    line-height: 1;
    padding-left: 30px;
    font-size: 22px;
}

.side_blog li {
    background: url(../img/common/arrow_red.png) no-repeat left 7px;
    padding-left: 15px;
}

.side_blog li.textRight {
    background-image: none;
    font-size: 12px;
}

.side_blog h4 {
    color: #ffffff;
    background: url(../img/common/h3.png) repeat left top;
    font-size: 130%;
    line-height: 1;
    padding: 10px;
    margin-bottom: 0.5em;
}

.side_blog {
    background: #f28826;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.side_blog ul {
    background: #fff;
    border-radius: 5px;
    margin: 0 10px;
    padding: 5px 10px;
}

/* -----------------------------------------------------------
    #pagenavi
        ページネーション
----------------------------------------------------------- */

.pagenavi {
    display: block;
    padding: 10px 0;
    text-align: center;
}

.pagenavi a {
    display: inline-block;
    max-height: 30px;
    color: #fff !important;
    text-decoration: none !important;
}

.pagenavi a,
.pagenavi span {
    text-decoration: none;
    border: none;
    padding: 3px 5px;
    margin: 2px;
    background-color: #70bb2b;

    border-radius: 5px;
}

.pagenavi a:hover,
.pagenavi span.current {
    border-color: #000;
}

.pagenavi span.current {
    font-weight: bold;
}

#main .wp-pagenavi a {
    text-decoration: none;
    background-color: #70bb2b;
    color: #fff;
    padding: 3px 5px;
    margin: 2px;
}

.wp-pagenavi {
    margin: 20px 0;
}

/* --------------------------------------------------

add by 2020-02-06

-------------------------------------------------- */

.woodbox h2 {
    background: url(../img/common/h3_woodbox.png) no-repeat center center;
    height: 36px;
    padding: 33px 10px 0 33px;
    position: relative;
    top: -41px;
    left: -18px;
    margin-bottom: 0;
    color: white;
    text-align: left;
}

h2.wall {
    color: #ffffff;
    background: url(../img/common/h3.png) repeat left top;
    font-size: 182%;
    line-height: 1;
    padding: 10px;
    margin-bottom: 0.5em;
    text-align: left;
    height: auto;

    &.mb0 {
        margin-bottom: 0;
    }
}

.main_merit h3 {
    background: #4f3206;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    font-weight: normal;
    line-height: 1;
    padding: 7px 0 5px;
    height: auto;
}

#main .woodbox .worksname {
    color: #ffffff;
    background: #f28826;
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    font-size: 110%;
    margin-bottom: 10px;
    border-left: none;
    font-weight: bold;
    height: auto;
    top: initial;
    left: initial;
    line-height: 1.8;
}

#main .section p.message {
    width: 470px;
}

/* --------------------------------------------------

clearfix

-------------------------------------------------- */

.clearfix {
    min-height: 1%;
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-table;
}

* html .clearfix {
    height: 1px;
}

.clearfix {
    display: block;
}

/* --------------------------------------------------

#globalnav

-------------------------------------------------- */
#globalnav {
    background: #70bb2b;
    padding: 10px 0;
    margin-bottom: 1px;
}

#globalnav * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -o-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

#globalnav ul {
    width: 960px;
    margin: 0 auto;
}

#globalnav li {
    width: 137px;
    float: left;
    border-right: 1px dashed #fff;
}

#globalnav li:first-child {
    border-left: 1px dashed #fff;
}

#globalnav a {
    width: 100%;
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    -ms-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

#globalnav span {
    display: block;
    color: #fff100;
    font-size: 12px;
}

#globalnav a:hover {
    background: rgba(0, 0, 0, 0.1);
}



.c-notice {
    margin-bottom: 40px;
}

.sidingMainv {
    max-width: 960px;
    margin: 0 auto 20px;
}

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

.wpcf7 form.invalid .wpcf7-response-output {
    background: #fff;
}