@charset "utf-8";


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

.nav_all nav ul li i{ display:none;}
/* .sp_inner_menu{ height: 206px !important; margin-top: 0 !important;     transition: .3s;} */


/* フッター */
#footer-nav			{_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{margin: 39px 0 15px 0;_zoom: 1;overflow: hidden;}
#nav, #nav * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#nav, #nav ul { list-style: none; width: 100%; float: left;}
#nav li { float: left; width: 100%;}

#nav li:nth-of-type(1){ width: 10%; height:121px; }
#nav li:nth-of-type(1) a { padding:30px 10px 0 10px; height:121px; }

#nav li:nth-of-type(4),
#nav li:nth-of-type(5)
{border-top: 1px dashed #D1B481; }

#nav li:nth-of-type(3) a { border-right: none;}
#nav li:nth-of-type(5) a { border-right: none;}

#nav li {width: 45%;  /* IE7 Hack */_width: 19%; /* IE6 Hack */}
#nav a {color: #E95383;text-decoration: none;width: 100%;background: #FBF8F2;border-bottom: 1px solid white;padding: 0.7em 1em;float: left;}
#nav .alt a { background: #555}

#nav a { margin: 0; padding: 1em; float: left; text-align: center; border-bottom: 0; border-right: 1px dashed #D1B481;}
#nav ul ul a { background: #ca3716; padding-left: 2em;}


}



/*-----------------------------------------------------	*/
/*	for　PC	*/
/*-----------------------------------------------------	*/
@media screen and (min-width: 980px) {
.nav-toggle{ display:none !important;}
.nav_all{width:100%;height: 110px;padding: 0;margin: 0px 0 0 0;z-index: 5;}


#nav {z-index: 1;}
/* nav*/
#nav ul li {float:left;text-indent:100%;text-indent:-999em;}
#nav ul li a {height: 110px;display: block;margin: 0;padding: 0;}

#nav ul li#nav01 a {width: 189px;}
#nav ul li#nav01 a {background: url(../img/common/nav.jpg) 0 0; }
#nav ul li#nav01 a:hover {background: url(../img/common/nav.jpg) 0 -110px; }
#clinic #nav ul li#nav01 a {background: url(../img/common/nav.jpg) 0 -110px; }

#nav ul li#nav02 {width: 189px;margin: 0 344px 0 0;}
#nav ul li#nav02 a {width: 189px; }
#nav ul li#nav02 a {background:  url(../img/common/nav.jpg) -189px 0; }
#nav ul li#nav02 a:hover {background: url(../img/common/nav.jpg) -189px -110px; }
#treat #nav ul li#nav02 a {background: url(../img/common/nav.jpg) -189px -110px; }

#nav ul li#nav03  {width: 189px;}
#nav ul li#nav03  {background: url(../img/common/nav.jpg) -733px 0; }
#nav ul li#nav03 :hover {background: url(../img/common/nav.jpg) -733px -110px; }
#doctor #nav ul li#nav03 a {background: url(../img/common/nav.jpg) -733px -110px; }

#nav ul li#nav04 a {width: 189px;}
#nav ul li#nav04 a {background:  url(../img/common/nav.jpg) -922px 0; }
#nav ul li#nav04 a:hover {background: url(../img/common/nav.jpg) -922px -110px;}
#access #nav ul li#nav04 a {background: url(../img/common/nav.jpg) -922px -110px; }


/* フッターナビ */
.footer_nav_all{width: 100%;height: 50px;background: #EEE;padding: 10px 0;float: left;}
#footer-nav { width: 1040px; margin:0 auto;}
#footer-nav ul {/* padding:10px 0 0 0; */}
#footer-nav ul li  {height: 25px;float:left;border-right: 1px solid #CACACA;padding: 0px 20px  0 0px;margin: 14px 20px 0 0;font-size: 14px;}
#footer-nav ul li a {display: block;margin: 0;padding: 0;color: #1F5797;text-decoration: underline;}
#footer-nav ul li a:hover{text-decoration: none;}
#footer-nav ul li:nth-of-type(8)  {height: 25px;float:left;p;border-right: none;padding: 0px 0 0 0px;margin: 14px 0px 0 0;font-size: 14px;}

}