@charset "UTF-8";

/* !wrapper
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
    #wrapper {
        padding-bottom: 0;
        min-width: 320px;
    }
}

/* !contents
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
    #contents {
        width: 100%;
    }
    #contentsIn {
        margin-top: 20px;
        width: 100%;
    }
    #main {
        margin: 0 auto;
        padding-bottom: 65px;
        float: none;
    }
    #main.col1 {
        float: none;
        width: 650px;
    }
    #sub {
        float: none;
        margin: 30px auto 0;
        padding: 30px 0;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        background-color: #eaeaea;
        border-top: 1px solid #ccc;
    }
}
@media screen and (max-width: 767px) {
    #contents {
        padding-top: 1px;
    }
    #main {
        padding-bottom: 45px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    #main.col1 {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    #sub {
        padding: 20px 10px;
    }
}