@charset "UTF-8";
/* CSS Document */

#header h1{ text-align:center; font-family: 'Lato', sans-serif; letter-spacing:0.1em;  }

/**navi**/
.spmenu { display:none; }
#header ul.mainnav { margin:auto; position:relative; }
#menu-box{ background-color:#FFF;}
#menu {}
#menu li span{ font-size:10px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  }
#menu li a{ display: block; text-decoration:none; }
#menu li:last-child a{ }
#menu li a:hover{ }
#toggle { display: none; }

.line_l{ border-left: 1px solid #f2f2f2; }
.line_r{ border-right: 1px solid #f2f2f2; }




@media screen and (max-width:899px) {
	#header{
	height:70px;
	}

nav{ height:70px;
	position:relative;
	top:0 !important;
	left:0 !important;
	z-index:999;
	width:100% !important;
	border-bottom:1px solid #CCC;
	background-color: rgba(255, 255, 255, 0.92); 
	 }



#header h1{ position:absolute; width:100%; padding:5% 14% 0 14%; font-size:15px;  }
#header h1 img{ width: auto; height: 35px; }


#header div.mainnav {
	width:100%;
	margin:auto;
	padding-top:0px;
	position:relative;
	display:none;
	position:absolute;
	top:69px;
	z-index:9999;
	
	
}

#header div.mainnav .line {
	display:none;
}
#header .mainnav li {}


.tel{ width:28px; overflow:hidden; display:block; position:absolute; left:15px; z-index:99999; margin:18px auto;}

.spmenu {
	width:40px;
	height:40px;
	overflow:hidden;
	margin:17px auto 0;
	cursor:pointer;
	display:block;
	right:10px;
	z-index:99999;
	position:absolute;
	margin:13px auto;
	
}


/**navi**/
#menu { background-color:#FFF; overflow:hidden; clear:both; }
#menu li { 
	display:block;
	border-bottom:#CCC dotted 1px;
	background-color:#FFF;
	filter:alpha(opacity=100) !important;
	-moz-opacity:1.00 !important;
	opacity:1.00  !important;
	height:auto;
	width:50%;
	float:left;
	z-index:9999;	
    position:relative;
	margin: 0;
	text-align: center;
	font-size:13px;
	font-family: 'Lato', sans-serif; letter-spacing:0.1em; 
	padding: 15px 0 20px 0;
	}
#menu li a{ display:block; }
.nav_line{ position:absolute; bottom:10px; width:100%; }	
.nav_line p{ width:8px; height:2px; background-color:#333; margin:0 auto; }


.sns_bt{ background-color:#FFF; clear:both; overflow:hidden; padding:20px;  }
.sns_bt li{ float:left; margin:0 0 0 10px; }

.bt_reserve{ display:none; }

}

@media screen and (min-width: 900px) {
	
	#header{ padding-bottom:20px; background-color: #FFF; }
	nav{}
	.tel{ display:none; }
	#header h1{ font-size:35px; padding:20px 0 0px 0;  }
	#header h1 img{ width: auto; height: 45px; }
	
	/**navi**/
#menu { overflow:hidden; width: 100%; padding:20px 0 0px 0;  }
#menu ul{ max-width:1080px; margin: 0 auto; margin-top:10px; }
#menu li{
	position:relative; 
	display: block;
	float: left;
	margin: 0;
	text-align: center; 
	font-size:13px;
	font-family: 'Lato', sans-serif;
	letter-spacing:0.1em; 
	padding: 5px 0 10px 0; 
}
.nav_line{ position:absolute; bottom:0px; width:100%; }	
.nav_line p{ width:20px; height:1px; background-color:#333; margin:0 auto; }


.sns_bt{ position:absolute; top:-20px; left:120px; }
.sns_bt li{ float:left; margin:0 0 0 10px; }
.bt_reserve{ position:absolute; right:120px; top:0px; display:block; }

}

/*メニュー数10*/
.column11 li{
	width:10%;
}
.column10 li{
	width:11.1%;
}
.column9 li{
	width:12.5%;
}
.column8 li{
	width:14.2%;
}
.column7 li{
	width:16.6%;
}
.column6 li{
	width:20%;
}