*{
  list-style:none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body{
	line-height:1.4;
	display:none;
}

img{
	border:none;
}
body{
	background:url(../images/content_back.png);
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック Medium" , "YuGothic Medium", "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	color:#555;
}
header{
	width:100%;
	background:#630;
	background:url(../images/wood.png);
	border-top:3px solid #F7931E;
	box-shadow:2px 2px 7px #2e2829;
	position:relative;
	z-index:1;
}
#header_in{
	max-width:960px;
	height:130px;
	margin:0 auto;
	background:url(../images/wood.png);
	overflow:visible;
	position:relative;
}
#logo{
	float:left;
}

#tel{
	position:absolute;
	top:26px;
	right:30px;
}

#navi{
	float:right;
}
#navi ul li{
	display:inline-block;
	padding:98px 30px 0;
	/*text-align:center;*/
}
.top_setsumei{
	text-align:center;
}
.top_setsumei_in{
	width:80%;
	text-align:left;
	display:inline-block;
}
#content{
	max-width:960px;
	margin:3px auto 40px;
	text-align:center;
	padding:20px 10px 0;
}
#content ul{
	margin-left:-20px;
	overflow:hidden;
	background-color:transparent;
}
#content ul li{
	list-style-type:none;
	float:left;
	padding-left:20px;
	margin-bottom:20px;
  text-align:center;
}
ul.cols-1 li {width: 100%;}
ul.cols-2 li {width: 50%;}
ul.cols-3 li {width: 33.33333%;}
ul.cols-4 li {width: 25%;}
ul.cols-5 li {width: 20%;}
ul.cols-6 li {width: 16.66666%;}
ul.cols-7 li {width: 14.28571%;}
ul.cols-8 li {width: 12.5%;}

.inner{ /*カラムの内側*/
  margin:0;
  height:100%;
}

#content ul li img{
	width:100%;
	margin-bottom:20px;
}
#content ul li img.title{
	width:auto;
	margin-bottom:10px;
}
.name{
	font-weight:bold;
	margin-bottom:0.5em;
	color:#7D664E;
}
.setsumei{
	text-align:left;
	font-size:90%;
	width:90%;
	/*height:3em;*/
	margin:0 auto 30px;
}
#footer_navi{
	overflow:hidden;
	background:url(../images/footer_menu_back.gif);
}

#footer_navi_top{
	height:17px;
	background:url(../images/footer_menu_back2.png) repeat-x;
	/*box-shadow:2px 2px 7px #2e2829;*/
}

#footer_navi_in{
	max-width:800px;
	margin:0 auto ;
	padding-top:20px;
}
#footer_navi ul li{
	text-align:center;
	float:left;
	margin-bottom:1em;
}
footer{
	background:url(../images/footer_back.png);
	overflow:hidden;
	padding:40px;
}

#footer_in{
	max-width:800px;
	margin:0 auto;
	padding-bottom:60px;
}

footer ul li{
	float:left;
	font-size:90%;
}
footer ul li{
	text-align:center;
}

footer ul li p{
	font-weight:bold;
}

#copy{
	text-align:center;
	background:url(../images/wood.png);
	padding:5px;
	color:#fff;
	font-size:80%;
}
.footer_logo{
	margin-bottom:26px;
}

.footer_add{
	margin-bottom:20px;

}

.footer_add p{
	font-size:120%;
	margin-bottom:6px;
}


.footer_add p.tel{
	font-size:140%;
	margin-bottom:10px;
}

@media screen and (min-width: 830px) {
	
	
#tel2{
	display:none;
}
	
}

@media screen and (max-width: 830px) {
	
	#logo{
		float:none;
		margin:0 auto;
		width:70%;
		text-align:center;
	}
	
	#tel{
		display:none;
	}
	
	
	#tel2{
		/*position:absolute;
		top:0;
		left:0;*/
		width:70%;
		text-align:center;
		margin:0 auto 10px;	}
	
	#navi{
		float:none;
		width:90%;
		margin:0 auto;
		text-align:center;
	}
	
	#header_in{
		height:270px;
	}
	
	#navi ul li{
		/*padding-top:20px;*/
		padding:10px 20px;
}
#midashi{
	height:200px;
}
}


@media screen and (min-width:731px) and ( max-width:950px) {
	
ul.cols-4 li,ul.cols-5 li,ul.cols-6 li,ul.cols-7 li,ul.cols-8 li{
      width: 33%;/*４列以上は３列に*/
  }
ul.cols-3 li{
      width:50%;/*３列は２列に*/
}
}

@media screen and (min-width:491px) and ( max-width:730px) {
ul.cols-4 li{
      width:50%;/*３列は２列に*/
}
ul.cols-3 li{
      width:50%;/*３列は２列に*/
}
}

@media screen and (max-width: 690px) {
#navi{
		width:100%;
	}
#navi ul li{
		float:left;
		width:50%;
		padding:10px;
		/*padding-right:0;
		padding-left:0;
		box-sizing:border-box;*/
		border:1px dotted #fff;
		display:block;
}
#navi ul li img{
	margin:0 auto;	
}
#navi ul li:first-child{
	border-bottom:none;
	border-right:none;
}
#navi ul li:nth-child(2){
	border-bottom:none;
}
#navi ul li:nth-child(3){
	border-right:none;
}
#navi ul li a{
		display:block;
		width:100%;
		height:100%;
		box-sizing:border-box;
		text-align:center;

}

#header{
	height:260px;
}
#header_in{
	
	height:330px;
	
}
.map{
	width:100%;
}

.footer_add{
	margin-bottom:40px;

}
  
}

@media screen and (max-width: 490px) {
ul.cols-3 li,ul.cols-4 li{
      width:50%;/*３列は２列に*/
}
ul.cols-2 li{
      width:100%;/*３列は２列に*/
}	
/*
ul[class*='cols-'] > li{
      width: 100%;
  }
すべてを１列に
*/
#content ul li img{
	width:80%;
}
footer{
		padding:30px 0 0;
	}
	
}