/* ////////////////////////////////////////////////////////////////////////////////
//
//  /sitemap/css/style.css
//
//////////////////////////////////////////////////////////////////////////////// */
/* add & override
================================================================================ */
#wrapper {
    padding: 0 0 0 0;
}

/* #main
================================================================================ */
#main {
    position: relative;
    width: 100%;
    padding: 0 0 45px 0;
    background-color: #000122;
    background-image: url(../../img/common/base_visual.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right 165px;
    background-size: 761px 704px;
}

#main .inner {
    width: 1010px;
    margin: 0 auto;
    padding: 115px 0 0 0;
    color: #ffffff;
}

#main .inner .section {
    padding: 0 0 430px 260px;
}

#main .inner .section ul {
    margin: 45px 0 0 0;
}

#main .inner .section li {
    float: left;
    width: 140px;
    margin: 0 0 0 40px;
}

#main .inner .section li a {
    -webkit-transition: all 0.25s;
            transition: all 0.25s;
}

#main .inner .section li a:hover {
    opacity: 0.7;
}

#main .inner .section li:first-child {
    margin: 0 0 0 0;
}

@media only screen and (max-width: 667px) {
    #main {
        width: auto;
        padding: 0 12px 30px 12px;
    }
    #main .inner {
        width: auto;
        padding: 70px 0 0 0;
    }
    #main .inner .section {
        padding: 0 0 110px 0;
    }
    #main .inner .section ul {
        margin: 20px 0 0 0;
    }
    #main .inner .section li {
        float: none;
        width: auto;
        margin: 20px 0 0 0;
    }
    #main .inner .section li:first-child {
        margin: 0 0 0 0;
    }
}