
/*RESTORE*/
.zerogrid {
    margin: 0 auto;
    /*padding: 0 0 20px;*/
    position: relative;
    width: 1104px;
}
/*.zerogrid {
    width: 1200px;
    position: relative;
    margin: 0 auto;
    padding: 0px;
}*/
.row {
    margin: 0px !important;
}

.zerogrid:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.zerogrid .f-right {
    float: right !important;
}

.zerogrid .f-left {
    float: left !important;
}

.zerogrid .row {
}

    .zerogrid .row:before, .row:after {
        content: '\0020';
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0;
    }

    .zerogrid .row:after {
        clear: both;
    }

.row {
    /*padding-bottom:10px;*/
}

.zerogrid .row {
    zoom: 1;
}

.zerogrid .wrap-col {
    border: 1px solid #ddd;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 3px;
    text-align: center;
}

.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-1-7,.zerogrid .col-2-7,.zerogrid .col-5-7, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6 {
    float: left;
    display: inline-block;
}

.zerogrid .col-full {
    width: 100%;
}

.zerogrid .col-1-2, .zerogrid .col-1-2-fixed {
    width: 50%;
}

.zerogrid .offset-1-2 {
    margin-left: 50%;
}

.zerogrid .col-1-3, .zerogrid .col-1-3-fixed {
    width: 33.33%;
}

.zerogrid .col-2-3, .zerogrid .col-2-3-fixed {
    width: 66.66%;
}

.zerogrid .offset-1-3 {
    margin-left: 33.33%;
}

.zerogrid .offset-2-3 {
    margin-left: 66.66%;
}

.zerogrid .col-1-4, .zerogrid .col-1-4-fixed {
    width: 25%;
    /*padding-top:6px;*/
}

.zerogrid .col-2-4, .zerogrid .col-2-4-fixed {
    width: 50%;
}

.zerogrid .col-3-4, .zerogrid .col-3-4-fixed {
    width: 75%;
}

.zerogrid .offset-1-4 {
    margin-left: 25%;
}

.zerogrid .offset-2-4 {
    margin-left: 50%;
}

.zerogrid .offset-3-4 {
    margin-left: 75%;
}

.zerogrid .col-1-5, .zerogrid .col-1-5-fixed {
    width: 20%;
}

.zerogrid .col-2-5, .zerogrid .col-2-5-fixed {
    width: 40%;
}

.zerogrid .col-3-5, .zerogrid .col-3-5-fixed {
    width: 60%;
}

.zerogrid .col-4-5, .zerogrid .col-4-5-fixed {
    width: 80%;
}

.zerogrid .offset-1-5 {
    margin-left: 20%;
}

.zerogrid .offset-2-5 {
    margin-left: 40%;
}

.zerogrid .offset-3-5 {
    margin-left: 60%;
}

.zerogrid .offset-4-5 {
    margin-left: 80%;
}

.zerogrid .col-1-6, .zerogrid .col-1-6-fixed {
    width: 16.66%;
}

.zerogrid .col-2-6, .zerogrid .col-2-6-fixed {
    width: 33.33%;
}

.zerogrid .col-3-6, .zerogrid .col-3-6-fixed {
    width: 50%;
}

.zerogrid .col-4-6, .zerogrid .col-4-6-fixed {
    width: 66.66%;
}

.zerogrid .col-5-6, .zerogrid .col-5-6-fixed {
    width: 83.33%;
}

.zerogrid .offset-1-6 {
    margin-left: 16.66%;
}

.zerogrid .offset-2-6 {
    margin-left: 33.33%;
}

.zerogrid .offset-3-6 {
    margin-left: 50%;
}

.zerogrid .offset-4-6 {
    margin-left: 66.66%;
}

.zerogrid .offset-5-6 {
    margin-left: 83.33%;
}

.zerogrid .col-1-7, .zerogrid .col-1-7-fixed {
    width: 10.42%;
}

.zerogrid .col-2-7, .zerogrid .col-2-7-fixed {
    width: 29%;
}

.zerogrid .col-3-7, .zerogrid .col-3-7-fixed {
    width: 40.28%;
}

.zerogrid .col-4-7, .zerogrid .col-4-7-fixed {
    width: 57.1%;
}

.zerogrid .col-5-7, .zerogrid .col-5-7-fixed {
    width: 71%;
}

.zerogrid .col-6-7, .zerogrid .col-6-7-fixed {
    width: 85.71%;
}

.zerogrid .offset-1-7 {
    margin-left: 10.42%;
}

.zerogrid .offset-2-7 {
    margin-left: 28.57%;
}

.zerogrid .offset-3-7 {
    margin-left: 40.28%;
}

.zerogrid .offset-4-7 {
    margin-left: 57.1%;
}

.zerogrid .offset-5-7 {
    margin-left: 71%;
}

.zerogrid .offset-6-7 {
    margin-left: 85.71%;
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .zerogrid {
        width: 960px;
    }

    #space {
        display: none;
    }

    #header-mobile {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .zerogrid {
        width: 100%;
    }

    #space {
        display: none;
    }

    #header-mobile {
        display: none;
    }

    .col-1-3.footer-bottom-col2 {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .logo-name {
        display: none;
    }

    #header-pc {
        display: none;
    }

    .callbacks_container {
        display: none;
    }

    #header-mobile {
        display: inline;
    }

    .carousel-caption {
        width: auto;
    }

    .box-2.col6 {
        display: none;
    }

    .logo {
        display: none;
    }

    .col-1-3.footer-bottom-col2 {
        display: none;
    }

    .wrap-footer-top {
        display: none;
    }

    #dnn_topRightBox {
        height: 310px;
    }

    .banner, .box-date {
        display: none;
        width: auto;
    }

    .box-2.col-img, .box-img-2, .box-img-3 {
        display: none;
    }

    #dnn_content_bottom_right {
        display: none;
    }

    .desc-n {
        display: none;
    }

    header .wrap-header {
        /*border-bottom: 1px solid #ccc;*/
    }

    .col-1-4.left-menu {
        display: none;
    }

    .level0 > span {
        display: none;
    }

    .col-1-4.col-top-right, .menu-pc-tablet {
        display: none;
    }

    .company-name {
        display: none;
    }

    .slogan {
        display: none;
    }

    .ulFooter {
        display: none;
    }

    .carousel-caption > h2 {
        font-size: 12px;
        width: 100%;
        line-height: 1.5;
        height: 39px;
        padding-top: 10px;
    }

    .carousel-caption > h2 {
        font-size: 12px;
        width: 100%;
        line-height: 1.5;
        height: 39px;
        padding-top: 10px;
    }


    #box-1 {
        display: none;
    }

    .zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6, .zerogrid .col-1-7, .zerogrid .col-2-7, .zerogrid .col-3-7, .zerogrid .col-4-7, .zerogrid .col-5-7, .zerogrid .col-6-7 {
        width: 100%;
    }

        .zerogrid .offset-1-2, .zerogrid .offset-1-3, .zerogrid .offset-2-3, .zerogrid .offset-1-4, .zerogrid .offset-2-4, .zerogrid .offset-3-4, .zerogrid .offset-1-5, .zerogrid .offset-2-5, .zerogrid .offset-3-5, .zerogrid .offset-4-5, .zerogrid .offset-1-6, .zerogrid .offset-2-6, .zerogrid .offset-3-6, .zerogrid .offset-4-6, .zerogrid .offset-5-6, .zerogrid .offset-1-7, .zerogrid .offset-2-7, .zerogrid .offset-3-7, .zerogrid .offset-4-7, .zerogrid .offset-5-7, .zerogrid .offset-6-7 {
            margin-left: 0;
        }
}
