/* ===== header ===== */
header #logo a {
    background-image: url("logo.png");
}

@media only screen and (min-width: 1200px) {
    header nav li a {
        color: #fff;
    }
    header nav li a:before {
        background-image: url("icon_nav.png");
    }
    header nav #social div {
        color: #fff;
    }
    header nav #social div a.social_icon {
        background-image: url("icon_social.png");
    }
    header.on nav li a {
        color: #016093;
    }
    header.on nav li a:hover {
        color: #0073b2;
    }
    header.on nav li a:before {
        background-image: url("../theme/2/images/page_icon_nav.png");
    }
    header.on nav #social div {
        color: #117bab;
    }
    header.on nav #social div a.social_icon {
        background-image: url("../theme/2/images/page_icon_social.png");
    }
}