/* 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:#cbe8fa;}
#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:#364a91; box-sizing:border-box; list-style:inside;}

#footer-nav li:after		{ display: block; content: ''; position: absolute; top: 1.2em; left: 25px; width: 10px; height: 10px; background-color: #fff; border:#cbe8fa; border-radius: 100%;}
#footer-nav li a		{ color:#fff; display:block; padding-left:30px; text-decoration:none;}
#footer-nav li:nth-of-type(odd)	{ border-right:1px solid #cbe8fa;}

#nav08{display:block;}


}


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



#nav_obi			{ width:100%; background:#d50b19; display:block; clear:both; height:41px; margin: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% - 6px) / 6); float:left; line-height:40px; border-right: solid 1px #fff; 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:#d50b19; color:#fff; padding:0; display:block; border-bottom:none !important;}
#nav_obi nav#nav ul li a:hover	{ background:#364a91; color:#d50b19; 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:#cbe8fa;}
#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:#364a91; box-sizing:border-box; list-style:inside;border-right:1px solid #cbe8fa;}

#footer-nav li:after		{ display: block; content: ''; position: absolute; top: 1.2em; left: 32px; width: 10px; height: 10px; background-color: #fff; border:#cbe8fa; border-radius: 100%;}
#footer-nav li a		{ color:#fff; display:block; padding-left:35px; text-decoration:none;}
#footer-nav li:nth-child(4)	{ border-right:none;}


#nav08{display:none;}




}


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


#nav_obi			{ width:100%; background:#d50b19; display:block; clear:both; height:60px; margin:10px 0 0 0; padding:0;}
#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% - 6px) / 6); float:left; line-height:40px; border-right: solid 1px #fff; 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:#d50b19; color:#fff; padding:0; display:block; border-bottom:none !important;}
#nav_obi nav#nav ul li a:hover	{ background:#364a91; color:#d50b19; 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:#d50b19;}

#footer-nav li			{ margin:0; float:left; font-size: 0.9rem; width:calc((100% - 7px) / 6); position: relative; display:block; box-sizing:border-box; list-style:inside;border-right:1px solid #fff;}

#nav08{display:none;}




}