@charset "utf-8";


/*---------------------------------------------
 ** for スマートフォン
---------------------------------------------*/
@media screen and (max-width: 740px) {

.nav_all nav ul li i{ display:none;}
/* フッター */
#footer-nav			{ float:left;_zoom: 1; overflow: hidden; margin:0; padding: 0; list-style: none; width:100%; box-sizing:border-box; background-color:#D6EEDF;  border-top:1px solid #D6EEDF;}
#footer-nav li			{padding: 12px 0 12px 0;margin:0 0 1px 0;float:left;font-size: 0.9rem;width:50%;position: relative;display:inline-block;background-color:#FFF;box-sizing:border-box;list-style:inside;}
/*#footer-nav li:after		{ display: block; content: ''; position: absolute; top: 1.2em; left: 0.5em; width: 10px; height: 10px; background-color: #00AEC1; border:#543B2E; border-radius: 100%;}*/
#footer-nav li a		{ color:#543B2E; display:block; padding-left:6px; text-decoration:none; text-align: center;}
#footer-nav li:nth-of-type(odd)	{ border-right:1px solid #D6EEDF;}
}


/*---------------------------------------------
 ** fo　タブレット
---------------------------------------------*/
 @media only screen and (min-width: 741px) and (max-width: 979px) { 
 
.nav_all nav ul li i{ display:none;}
/* フッター */
#footer-nav			{ float:left;_zoom: 1; overflow: hidden; margin:0; padding: 0; list-style: none; width:100%; box-sizing:border-box; background-color:#D6EEDF;  border-top:1px solid #D6EEDF;}
#footer-nav li			{padding: 12px 0 12px 0;margin:0 0 1px 0;float:left;font-size: 0.9rem;width:50%;position: relative;display:inline-block;background-color:#FFF;box-sizing:border-box;list-style:inside;}
/*#footer-nav li:after		{ display: block; content: ''; position: absolute; top: 1.2em; left: 0.5em; width: 10px; height: 10px; background-color: #00AEC1; border:#543B2E; border-radius: 100%;}*/
#footer-nav li a		{ color:#543B2E; display:block; padding-left:6px; text-decoration:none; text-align: center;}
#footer-nav li:nth-of-type(odd)	{ border-right:1px solid #D6EEDF;}



}



/*-----------------------------------------------------	*/
/*	for　PC	*/
/*-----------------------------------------------------	*/
@media screen and (min-width: 980px) {
.nav-toggle{ display:none !important;}


.nav_all{width:1200px; height: 90px;padding: 0;margin: 0px auto;}
#nav {  position:relative;}
#nav ul li {float:left; text-indent:100%;}
#nav ul li a {height: 90px; display: block;margin: 0;padding: 0; white-space:nowrap;overflow:hidden; }

#nav ul li#nav01 {width: 160px; background: url(../img/common/nav.png) 0 0; }
#nav ul li#nav01:hover {background: url(../img/common/nav.png) 0 -90px;}
#distribution #nav ul li#nav01 {background: url(../img/common/nav.png) 0 -90px;}

#nav ul li#nav02 {width: 160px;  background:  url(../img/common/nav.png) -160px 0; }
#nav ul li#nav02:hover {background: url(../img/common/nav.png) -160px -90px; }
#logistics #nav ul li#nav02 {background: url(../img/common/nav.png) -160px -90px; }

#nav ul li#nav03{width: 155px;background: url(../img/common/nav.png) -320px 0;margin: 0 250px 0 0;}
#nav ul li#nav03:hover {background: url(../img/common/nav.png) -320px -90px; }
#warehouse #nav ul li#nav03 {background: url(../img/common/nav.png) -320px -90px; }

#nav ul li#nav04 {width: 160px;background:  url(../img/common/nav.png) -720px 0;}
#nav ul li#nav04:hover {background: url(../img/common/nav.png) -720px -90px;}
#about #nav ul li#nav04 {background: url(../img/common/nav.png) -720px -90px;}

#nav ul li#nav05 {width: 160px;background:  url(../img/common/nav.png) -880px 0; }
#nav ul li#nav05:hover {background: url(../img/common/nav.png) -880px -90px;}
#recruit #nav ul li#nav05 {background: url(../img/common/nav.png) -880px -90px;}

#nav ul li#nav06 {width: 155px;background:  url(../img/common/nav.png) -1040px 0;}
#nav ul li#nav06:hover {background: url(../img/common/nav.png) -1040px -90px;}
#contact #nav ul li#nav06 {background: url(../img/common/nav.png) -1040px -90px;}



#footer-nav {width: 450px;margin: 0 0 0 70px;position: absolute;top: 30px;right: 10px;}
#footer-nav ul li {float:left; text-indent:100%; margin: 0;padding: 0; white-space:nowrap;overflow:hidden;}
#footer-nav ul li a {height: 50px;display: block;  }


#footer-nav ul li#footer_nav01 a {width: 150px; background: url(../img/common/footer_nav.jpg) 0 0; }
#footer-nav ul li#footer_nav01 a:hover {background: url(../img/common/footer_nav.jpg) 0 -50px;}

#footer-nav ul li#footer_nav02 a {width: 150px;  background:  url(../img/common/footer_nav.jpg) -150px 0; }
#footer-nav ul li#footer_nav02 a:hover {background: url(../img/common/footer_nav.jpg) -150px -50px; }

#footer-nav ul li#footer_nav03 a{width: 150px; background: url(../img/common/footer_nav.jpg) -300px 0; }
#footer-nav ul li#footer_nav03 :hover {background: url(../img/common/footer_nav.jpg) -300px -50px; }



}