@charset "utf-8";

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

/*---------------------------------------------
 ** グローバルナビ
---------------------------------------------*/
#nav { 	width: 1040px; height: 90px; position:relative;margin: 0 auto;}

/* nav*/

#nav ul li { height: 90px; float:left; text-indent:100%; text-indent:-999em; }
#nav ul li a { height: 90px; display: block;  margin: 0; padding: 0; }

#nav ul li#nav01 a {width: 260px;}
#nav ul li#nav01 a {background:  url(../images/nav/nav.png) 0 0; }
#nav ul li#nav01 a:hover {background: url(../images/nav/nav.png) 0 -90px; }

#nav ul li#nav02 a {width: 260px;}
#nav ul li#nav02 a {background:  url(../images/nav/nav.png) -260px 0; }
#nav ul li#nav02 a:hover {background: url(../images/nav/nav.png) -260px -90px; }

#nav ul li#nav03 a  {width: 260px;}
#nav ul li#nav03 a {background:  url(../images/nav/nav.png) -520px 0; }
#nav ul li#nav03 a:hover {background: url(../images/nav/nav.png) -520px -90px; }

#nav ul li#nav04 a {width: 260px;}
#nav ul li#nav04 a {background:  url(../images/nav/nav.png) -780px 0; }
#nav ul li#nav04 a:hover {background: url(../images/nav/nav.png) -780px -90px;}

#nav ul li#nav05 a {width: 260px;}
#nav ul li#nav05 a {background:  url(../images/nav/nav.png) -833px 0; }
#nav ul li#nav05 a:hover {background: url(../images/nav/nav.png) -833px -90px; }


/*---------------------------------------------
 ** スティッキーナビ　ナビ
---------------------------------------------*/
.nav_all_change ul { padding:10px 0 0 0; }
.nav_all_change ul li  {/* width: 80px; */height: 37px; float:left;  p;padding: 0px 0px  0 19px;margin: 20px 12px 0 0;background: url(../images/common/footer_nav.jpg) 0 6px no-repeat;font-size: 14px;}
.nav_all_change ul li a {  display: block;  margin: 0; padding: 0; color: #3d3125; }


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

.footer-nav ul {	width: 98%;  margin: 0 2%;	float:left; text-align:center; }
.footer-nav ul li {	height: 30px;	float:left; margin:0 0 10px 0; padding: 6px 0  0 0; margin-left:0; background:#FFF; }
.footer-nav ul li a{ font-size:12px; padding:9px 8px; color:#104C3A; display:block; height:30px; margin:0; padding:0; border-radius:3px; vertical-align:bottom; }
.footer-nav ul li a{ text-decoration:none; }

.footer-nav ul li.footer_01{ width:30%; margin-right:10px; }
.footer-nav ul li.footer_02{ width:30%; margin-right:10px; }
.footer-nav ul li.footer_03{ width:30%; }
.footer-nav ul li.footer_04{ width:30%; margin-right:10px; }
.footer-nav ul li.footer_05{ width:30%; margin-right:10px; }
.footer-nav ul li.footer_06{ width:30%; font-size: 10px; }
.footer-nav ul li.footer_08{ width:95.5%; }

}


/*---------------------------------------------
 ** for タブレット
---------------------------------------------*/
 @media only screen and (min-width: 641px) and (max-width: 978px) {
 /* nav*/
.footer-nav ul {	width:100%;  margin: 2%;	float:left; text-align:center; 	}
.footer-nav ul li {	height: 30px;	float:left;	margin:0 0 10px 0; padding: 6px 0  0 0; margin-left:0; background:#FFF; }
.footer-nav ul li a{ font-size:12px; padding:9px 8px; color:#104C3A; display:block; height:30px; margin:0; padding:0; border-radius:3px; vertical-align:bottom; }
.footer-nav ul li a{ text-decoration:none; }

.footer-nav ul li.footer_01{ width:30%; margin-right:10px; }
.footer-nav ul li.footer_02{ width:30%; margin-right:10px; }
.footer-nav ul li.footer_03{ width:30%; }
.footer-nav ul li.footer_04{ width:30%; margin-right:10px; }
.footer-nav ul li.footer_05{ width:30%; margin-right:10px; }
.footer-nav ul li.footer_06{ width:30%; font-size: 10px; }
.footer-nav ul li.footer_07{ width:95.5%; }
}