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

@charset "utf-8";


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

/*#sp_not_btn_nav a		{display:none;}
*/
.nav-toggle			{z-index:99 !important;}

#footer-nav			{_zoom: 1; overflow: hidden; margin:0; padding: 0; list-style: none; width:100%; box-sizing:border-box; }
#footer-nav li			{ width:100%; height: 60px; background:url(../img/sp/sp_footer_nav_bg.png); /*background-size:8%;*/ margin: 0;}
#footer-nav li a		{ color:#444; display:block; padding-left:6px; text-decoration:none; font-size: 1.6em; line-height: 70px; background:url(../img/sp/sp_h2.png) no-repeat;background-size:4%; background-position:20px center;}
#footer-nav li a span		{ padding: 0 0 0 35px;}

}


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



#nav_obi			{ /*width:calc(100% - 136px) */; display:block; clear:both; margin:0; padding:0; position: absolute; right: 5px; top: 55px;}
#nav_obi nav#nav		{ width:100%; margin:0; height: 40px; float: none; display: block;}
#nav_obi nav#nav ul 		{ float:none;}
#nav_obi nav#nav ul li		{ width:auto; display:block; float:left; text-align:center; font-size:0.6em; white-space: nowrap;  margin: 0 0 0 20px; position:relative;}
#nav_obi nav#nav ul li a span	{ display:block; font-size:0.8em;color:#008C8B;}
/*#nav_obi nav#nav ul li::after	{ display: block; content: ''; position: absolute; top: 2em; left: 0; right: 0; margin: 0 auto; width: 8px; height: 8px; background-color: #008C8B; }*/
#nav_obi nav#nav ul li a,
#nav_obi nav#nav ul li a:visited,
#nav_obi nav#nav ul li a:link
	{ background:none; border:none; color:#444; padding:0; display:block;}
/*#nav_obi nav#nav ul li a:hover span	{color:#444;}*/
#nav_obi nav#nav ul li a:hover	{ background:none; color:#008C8B; padding:0; display:block;}

#footer-nav			{_zoom: 1; overflow: hidden; margin:0; padding: 0; list-style: none; width:100%; }
#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 #D5F1F2;}

#footer-nav li:after		{ display: block; content: ''; position: absolute; top: 1.2em; left: 0.5em; width: 10px; height: 10px; background-color: #008C8B; border:#7fc3c5; border-radius: 100%;}
#footer-nav li a		{ color:#543B2E; display:block; padding-left:6px; text-decoration:none;}
#footer-nav li:nth-child(4)	{ border-right:none;}
#footer-nav li:nth-child(8)	{ 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: 1040px) {


#nav_obi			{ /*width:calc(100% - 136px) */; display:block; clear:both; margin:0; padding:0; position: absolute; right: 5px; top: 90px;}
#nav_obi nav#nav		{ width:100%; margin:0; height: 40px; float: none; display: block;}
#nav_obi nav#nav ul 		{ float:none;}
#nav_obi nav#nav ul li		{     width: auto; display:block;
    float: left;
    text-align: center;
    font-size: 0.95em;
    white-space: nowrap;
    margin: 0 0 0 20px;
    position: relative;}
#nav_obi nav#nav ul li a span	{ display:block; font-size:0.8em;color:#008C8B;}

/*#nav_obi nav#nav ul li::after	{ display: block; content: ''; position: absolute; top: 2em; left: 0; right: 0; margin: 0 auto; width: 8px; height: 8px; background-color: #008C8B; }*/
#nav_obi nav#nav ul li a,
#nav_obi nav#nav ul li a:visited,
#nav_obi nav#nav ul li a:link
	{ background:none; border:none; color:#444; padding:0; display:block;}
/*#nav_obi nav#nav ul li a:hover span	{color:#444;}*/
#nav_obi nav#nav ul li a:hover	{ background:none; color:#008C8B; padding:0; display:block;}
#footer-nav			{_zoom: 1; overflow: hidden; margin:0; padding: 0; list-style: none; width:100%; height:100%; color:#008C8B;}

#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: #008C8B; border:#543B2E; border-radius: 100%;}
#footer-nav li a		{ color:#008C8B; display:block; padding-left:6px; text-decoration:none;}
*/




}