@charset "utf-8";
/* CSS Document */

@import "../../common/css/layout.css"; 

@media screen and (max-width: 480px) {

#l-wrap {
    background-size: auto 82px;
}

}

@media screen and (max-width: 760px) {
	#l-pagenav > ul li > ul {
		z-index: 101;
	}
}

@media screen and (min-width: 760px) {
	#l-header .header-gnav .header-navs .navs-list li {
    	width: 16.65%;
	}

	.navs-sns {
		width: 50px;
	}

	#l-footer .footer-sns .sns-list {
    width: auto;
	}

}



#l-header .header-gnav .header-navs .navs-sns {
    width: auto;
    margin: 10px 10px 0;
    text-align: center;
}

#l-header .header-gnav .header-navs .navs-sns li {
    float: none;
    margin-right: 8px !important;
    margin-top: 15px;
    display: inline-block;
    margin-left: 8px;
}

@media screen and (min-width: 760px) {

#l-header .header-gnav .header-navs .navs-sns {
    margin: 0;
}


#l-header .header-gnav .header-navs .navs-sns li {
    margin-left: 0;
    margin-right: 10px !important;
    margin-top: 0;
}

#l-header .header-gnav .header-navs .navs-sns li a:hover {
	width: 36px;
	height: 36px;
	margin-top: 0;
	margin-left: 0;
	transform: scale(1.166);
}

}