#product_estimate {
    .top-sp {
        margin-top: 200px;
    }

    .kuzu {
        border-top: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 10px;
    }

    .img-main {
        position: relative;
        margin-bottom: 20px;
        border: 1px solid #CCC;
    }

    .img-rogo {
        position: absolute;
        z-index: 10;
        top: 10px;
        width: 12%;
    }

    .txt-bold {
        font-weight: bold;
    }

    .deko {
        background: #f7f7f7;
        padding: 5px;
        font-size: small;
        color: #000;
        text-align: center;
    }

    .de-box {
        margin-bottom: 5px;
    }

    .syou-box {
        text-align: center;
        font-weight: bold;
        padding: 10px;
        border-bottom: 1px solid #CCC;
        border-top: 1px solid #CCC;
        margin-bottom: 10px;
        background: #f7f7f7;
    }

    .de-wrap {
        padding-top: 5px;
        border-bottom: 1px solid #CCC;
        border-top: 1px solid #CCC;
    }

    .total-kingaku {
        text-align: center;
        font-size: x-large;
        color: #000;
        font-weight: bold;
        border-bottom: 1px solid #000;
        padding-top: 30px;
    }

    .hukumu {
        text-align: center;
    }

    .kingaku-wrap {
        margin-top: 30px;
    }

    .cart-mes {
        padding: 5px;
    }

    .cart-mes-b {
        padding: 5px;
        padding-left: 50px;
        padding-right: 50px;
        font-size: small;
        color: #000;
    }

    .btn-box {
        margin-top: 15px;
        margin-bottom: 50px;
    }

    .btn-gentyou {
        background: #35aec3;
        padding: 20px;
        margin-top: 15px;
        border: 3px solid #35aec3;
        color: #FFFFFF;
        text-align: center;
        display: block;
        width: 100%;
    }

    .btn-gentyou:hover {
        background: #FFFFFF;
        color: #35aec3;
    }


    .btn-gentyou a:hover {
        color: #35aec3;
    }

    .nidan {
        padding-top: 30px;
        margin-bottom: 50px;
    }

    .cost-box {
        padding: 10px;
        border-bottom: 1px solid #CCC;
    }

    .font-d {
        font-weight: bold;
    }

    .txt-red {
        color: #EE5A5A;
    }


    .bg_pink {
        background: #fff0f5;
    }

    .point {
        text-align: center;
        font-weight: bold;
        font-size: large;
        color: #000;
    }

    .point-mes {
        text-align: center;
        padding-top: 20px;
        font-size: small;
        color: #000;
    }

    .point-mes2 {
        text-align: center;
        font-size: small;
        color: #000;
    }

    .point-box {
        border: 1px solid #CCC;
        margin-top: 50px;
        padding: 20px;
    }

    .muryou {
        font-weight: bold;
    }

    .bt-s {
        padding: 7px;
        margin-top: 15px;
        border: 2px solid #585858;
        color: #fff;
        text-align: center;
        width: 100%;
        display: block;
        border-radius: 4px;
        font-size: small;
        background: #585858;
    }

    .bt-s:hover {
        background: #fff;
        color: #585858;
    }

    .bt-s-fax {
        margin-top: 15px;
        padding: 7px;
        border: 2px solid #8fbc8f;
        color: #fff;
        text-align: center;
        width: 100%;
        display: block;
        border-radius: 4px;
        background: #8fbc8f;
        font-size: small;
    }

    .bt-s-fax:hover {
        background: #fff;
        color: #8fbc8f;
    }

    .bt-s-cal {
        padding: 7px;
        margin-top: 15px;
        border: 2px solid #ccc;
        text-align: center;
        width: 100%;
        display: block;
        border-radius: 4px;
        font-size: small;
        background: #ccc;
        color: #585858;
    }

    .bt-s-cal:hover {
        background: #fff;
        color: #ccc;
    }


    .hozon-midasi {
        padding: 10px;
        border-bottom: 1px dotted #CCC;
    }

    .bg-koumoku {
        background: #f7f7f7;
        text-align: center;
        padding: 5px;
    }

    .area-midasi {
        background: #f7f7f7;
        padding: 10px;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
        color: #000;
    }

    .del-mes {
        color: #EE5A5A;
        /*border-to @: 1px dotted #CCC;*/
    }

    .del-bul {
        color: #35aec3;
        font-weight: bold;
    }

    .step {
        font-weight: bold;
    }

    .step-box {
        border-bottom: 1px dotted #CCC;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .tab-midasi {
        background: #f7f7f7;
        padding: 10px;
        text-align: center;
        margin-top: 30px;
        margin-bottom: 15px;
    }

    .tab-w {
        border-bottom: 1px solid #CCC;
        padding-bottom: 50px;
    }

    .nav-tabs > li.active > a {
        background: #35aec3 !important;
        color: #FFF !important;
        font-weight: bold;
        font-size: small;
    }

    .nav-tabs > li > a {
        border: 1px solid #CCC;
    }

    .slide-midasi {
        font-size: 16px !important;
        font-weight: bold;
        background: #f7f7f7;
        padding: 10px;
    }

    .title-midasi {
        margin-bottom: 50px;
        margin-top: 50px;
    }

    .zei {
        font-weight: bold;
        font-size: 16px;
    }

    .sale-tag-m-l {
        text-align: center;
        padding: 10px;
        font-size: medium;
        color: #35aec3;
        border-radius: 4px;
        background: #fff;
        border: 2px solid #35aec3;
        font-weight: bold;

    }

    .sale-tag-l {
        text-align: center;
        padding: 10px;
        font-size: medium;
        color: #EE5A5A;
        border-radius: 4px;
        background: #fff;
        border: 2px solid #EE5A5A;
        font-weight: bold;
    }

    .bg-f7 {
        background: #f7f7f7;
    }

    .g-box {
        padding-left: 20px;
        padding-right: 20px;
    }

    .g-box-l {
        padding-left: 45px;
        padding-right: 45px;
    }

    .p-name {
        font-size: large;
        font-weight: bold;
    }

    .b-name {
        font-size: small;
    }

    .d-name {
        font-size: small;
        color: #000;
        line-height: 28px;
    }

    .koumoku {
        color: #000;
    }

    .kingaku {
        color: #000;
    }

    .nav > li > a {
        color: #35aec3;
        font-size: small;
        font-weight: bold;
    }

    @media screen and (max-width: 768px) {
        .syou-box {
            margin-bottom: 30px;
        }

        .total-kingaku {
            text-align: center;
            font-size: 24px;
            color: #000;
            font-weight: bold;
            border-bottom: 5px solid #000;
            margin-top: 10px;
        }

        .tab-w {
            padding-top: 50px;
            border-bottom: 1px solid #CCC;
            padding-bottom: 50px;
        }

        .title-midasi {
            margin-top: 100px;
            margin-bottom: 10px;
        }

        .sale-tag {
            margin-bottom: 30px;
        }

        .img-rogo {
            position: absolute;
            z-index: 10;
            top: 5px;
            width: 14%;
        }

        .deko {
            text-align: center;
        }

        .d-name {
            text-align: center;
        }

        .bg-f7 {
            padding-bottom: 30px;
        }

        .nidan {
            margin-top: 0px;
        }

        .de-box {
            margin-bottom: 10px;
        }

        .row.heading h2 {
            font-size: large !important;
            margin-bottom: 0px;
            font-weight: bold;
        }

        .goods_date {
            font-size: small;
        }
    }

}
