/* 320px/740px/741px/979px/980px *//* 以下は普通のCSSを書けばOK */

@charset "utf-8";


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




#footer-nav			{_zoom: 1; overflow: hidden; margin:0; padding: 0; list-style: none; width:100%; box-sizing:border-box; background-color:#543B2E;}
#footer-nav li			{ padding:12px 0 12px 16px; 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: #18448E; border:#543B2E; border-radius: 100%;}
#footer-nav li a		{ color:#543B2E; display:block; padding-left:6px; text-decoration:none;}
#footer-nav li:nth-of-type(odd)	{ border-right:1px solid #543B2E;}

/* 項目の個数が奇数の場合の、最後の項目の処理（不要ならコメントアウト） */
// #footer-nav li:last-child	{ padding:12px 0; margin:0 0 1px 0; float:none; font-size: 0.9rem; width:100%; position: relative; display:inline-block; background-color:#FFF; box-sizing:border-box; list-style:inside; border-right:none;}
// #footer-nav li:last-child:after		{ display: none; }
// #footer-nav li:last-child a	{ color:#543B2E; display:block; text-align:center; text-decoration:none;}
}


/*---------------------------------------------
 ** for タブレット
---------------------------------------------*/
 @media only screen and (min-width: 741px) and (max-width: 979px) {



#nav_obi			{ width:100%; background:#18448E; display:block; clear:both; height:40px; margin:5px 0; padding:0;}
#nav_obi nav#nav		{ width:calc(100% - 30px); margin:0 auto; height: 40px; float: none; display: block;}
#nav_obi nav#nav ul 		{ float:none;}
#nav_obi nav#nav ul li		{ width:calc((100% - 8px) / 8); float:left; line-height:40px; border-right: solid 1px #99c; text-align:center; font-size:0.8em;}
#nav_obi nav#nav ul li:last-child	{border:none;}
#nav_obi nav#nav ul li a,
#nav_obi nav#nav ul li a:visited,
#nav_obi nav#nav ul li a:link
	{ background:#18448E; color:#fff; padding:0; display:block;}
#nav_obi nav#nav ul li a:hover	{ background:#00A8E4; color:#18448E; padding:0; display:block;}
#footer-nav			{_zoom: 1; overflow: hidden; margin:0; padding: 0; list-style: none; width:100%; box-sizing:border-box; background-color:#543B2E;}
#footer-nav li			{ padding:12px 0 12px 16px; margin:0 0 1px 0; float:left; font-size: 0.9rem; width:25%; position: relative; display:inline-block; background-color:#FFF; box-sizing:border-box; list-style:inside;border-right:1px solid #543B2E;}

#footer-nav li:after		{ display: block; content: ''; position: absolute; top: 1.2em; left: 0.5em; width: 10px; height: 10px; background-color: #18448E; border:#543B2E; border-radius: 100%;}
#footer-nav li a		{ color:#543B2E; display:block; padding-left:6px; text-decoration:none;}
#footer-nav li:nth-child(4n)	{ border-right:none;}

/* 最後の項目の処理（不要ならコメントアウト） */

// #footer-nav li:last-child	{ padding: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; border-right:none;}
// #footer-nav li:last-child:after		{ display: none; }
// #footer-nav li:last-child a	{ color:#543B2E; display:block; text-align:center; text-decoration:none;}




}


/*-----------------------------------------------------	*/
/*	for　PC	*/
/*-----------------------------------------------------	*/
@media screen and (min-width: 980px) {


#nav_obi			{ width:100%; background:#18448E; display:block; clear:both; height:60px; margin:10px 0 20px 0; padding:0; border-bottom:solid 3px #00A8E4}
#nav_obi nav#nav		{ width:980px; margin:0 auto; padding:10px 0; height: 40px; float: none; display: block;}
#nav_obi nav#nav ul 		{ float:none;}
#nav_obi nav#nav ul li		{ width:calc((100% - 7px) / 8); float:left; line-height:40px; border-right: solid 1px #99c; text-align:center; font-size:0.9em;}
#nav_obi nav#nav ul li:last-child	{border:none;}
#nav_obi nav#nav ul li a,
#nav_obi nav#nav ul li a:visited,
#nav_obi nav#nav ul li a:link
	{ background:#18448E; color:#fff; padding:0; display:block; border-bottom:none !important;}
#nav_obi nav#nav ul li a:hover	{ background:#00A8E4; color:#18448E; padding:0; display:block;}
#footer-nav			{_zoom: 1; overflow: hidden; margin:0; padding: 0; list-style: none; width:100%; height:100%; box-sizing:border-box; background-color:#18448E;}

#footer-nav li			{ margin:0; float:left; font-size: 0.9rem; width:calc((100% - 7px) / 7); position: relative; display:block; box-sizing:border-box; list-style:inside;border-right:1px solid #99c;}
/*
#footer-nav li:after		{ display: block; content: ''; position: absolute; top: 1.2em; left: 0.5em; width: 10px; height: 10px; background-color: #18448E; border:#543B2E; border-radius: 100%;}
#footer-nav li a		{ color:#543B2E; display:block; padding-left:6px; text-decoration:none;}
*/

/*現在地　色*/
#top li#nav01 a{ background:#00A8E4 !important; }
#clinic li#nav02 a{ background:#00A8E4 !important; }
#treat li#nav03 a{ background:#00A8E4 !important; }
#first li#nav04 a{ background:#00A8E4 !important; }
#doctor li#nav05 a{ background:#00A8E4 !important; }
#access li#nav06 a{ background:#00A8E4 !important; }
#news li#nav07 a{ background:#00A8E4 !important; }
#reserve li#nav08 a{ background:#00A8E4 !important; }

}