/* IMPORT RESET */
@import url("reset.css");

/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("responsive.gs.12col.css");


/*	EXAMPLE STYLES */
body {
	width:100%;
	height:100%;
	color: #533813;
	line-height:180%;
	margin:0px;
	padding: 0px;
	border: 0px;
	overflow-x:hidden;
-webkit-overflow-scrolling: touch;
	text-decoration:none;
	letter-spacing:1px;
}

.c-both{
    clear: both;
    height:0em;
    visibility:hidden;
    overflow:hidden;
    content:”.”;
}

header {
	background-image:url(../images/header.jpg);
	padding:0;
	margin:0;
	padding-top:38px;
	width:100%;
	height:158px;
}

	#contents{
	max-width:1100px;
	margin:20px auto 50px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
}


h1{
	display:block;
	background-image:url(../images/logo.svg);
	width:376px;
	height:82px;
	text-indent:-9999px;
	margin:0 auto 0;
	cursor:pointer;
}

h2{
	font-size:16px;
	margin:20px auto 30px;
	text-align:center;
}

.bell{
	widows:100%;
	height:36px;
	background-image:url(../images/bell.svg);
	background-repeat:no-repeat;
	background-position:center;
	margin:35px auto 0;
}


p{
	font-size:13px;
	line-height:170%;
	letter-spacing:0.1em;
}


***img{
max-width: 100%;
height: auto;
width /***/:100%;　
}

a:link {
text-decoration:none;
color:#2B4A28;

}

a:hover {
color:#2B4A28;
text-decoration:none;
}

a:active {
color:#2B4A28;
text-decoration:none;
}

a:visited {
color:#2B4A28;
text-decoration:none;
}

article {
	width:100%;
	text-align: center;
}

aside {
	text-align: center;
}

footer {
	text-align: center;
	width:100%;
	margin:20px auto 0;
	background-image:url(../images/wood.jpg);
	padding:20px;
}

#footer_base {
	max-width:1100px;
	margin:0px auto;
	padding:0;
}

#footer_left{
	float:left;
}

  #submenu ul{
margin:-25px auto 0px;
float:left;
margin-left:25px;
}

  #submenu ul li{
font-size:15px;
color:#533813;
float:left;
margin-left:20px;
}

  #submenu ul li a{
font-size:15px;
color:#533813;
text-align:left;
padding-left:10px;
padding-right:10px;
display:block;
letter-spacing:1px;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
}


  #submenu ul li a:hover{
	color:#2B4A28;
}

.copyright{
margin:-40px auto 0;
text-align:left;
font-size:16px;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
letter-spacing:1px;
}


#facebook a{
	float:left;
	  cursor:pointer;
	  background-image:url(../images/bt_facebook.svg);
	  background-repeat:no-repeat;
		width:29px;
		height:29px;
		text-indent:-9999px;
		position:relative;
}

#facebook a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#footer_right{
	float:right;
	background-image:url(../images/footer_logo.svg);
	background-position:right top;
	background-repeat:no-repeat;
	padding-top:36px;
	text-align:right;
}

.address{
margin:0 auto;
text-align:right;
}

.tel{
margin:-10px auto 0;
font-size:33px;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
text-align:right;
letter-spacing:0;
}

.tel a{
color: #533813;
text-decoration: none;
}


.pagetop {
    display: block;
	width:52px;
	height:52px;
	float:right;
	margin:30px auto 30px;
}

.pagetop a {
	cursor:pointer;
}
 
.pagetop a:hover {
    opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}

/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1100px){
 
  a#menu{display:none;}
  
    nav#mainNav{
		display:block;
		background-image:url(../images/wood.jpg);
	width:100%;
	height:62px;
	margin:0 auto;
	padding:0;
	text-align:center;
	border-bottom:#533813 1px solid;
	}
	
	nav#mainNav .inner{
	margin:0 auto;
	text-align:center;
	max-width:1060px;
	} 

	nav#mainNav ul li{
	float:left;
	text-align:center;
	margin:0 auto;
	}

	nav#mainNav ul li a{
	display: block;
	text-align: center;
	padding-right:38px;
	padding-left:38px;
	padding-top:5px;
	padding-bottom:5px;
	}
	
	nav#mainNav ul li a:hover{
		background-color:#BDCAC1;
	}

	nav#mainNav ul li a strong{
	display:block;
	font-size:22px;
	color: #533813;
	letter-spacing:2px;
	text-align:center;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
	margin-top:-5px;
	}

	nav#mainNav ul li a span{
	color:#2B4A28;
	font-size:10px;
	text-align:center;
	text-decoration:none;
	letter-spacing:2px;
	}

	nav div.panel{
	display:block !important;
	float:left;
	}

	a#menu{display:none;}

  

}

/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1100px){
	
    nav#mainNav{
		display:block;
		background-image:url(../images/wood.jpg);
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
	}
	
	nav#mainNav .inner{
	margin:0 auto;
	text-align:center;

	}  
	
	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:42px;
	line-height:42px;
	text-align:left;
	color:#533813;
	border-bottom:#533813 1px solid;
	font-size:14px;
	letter-spacing:2px;
	}
	
	nav#mainNav a#menu{
	padding-left:20px;
	font-size:14px;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
	}
	
	nav#mainNav a#menu:hover{cursor:pointer;
	text-decoration:none;}
	
	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	}

	nav#mainNav ul{margin:0;padding:0;}

	nav#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}
	
	nav#mainNav ul li li:first-child{border-top:0;}

	nav#mainNav ul li a{
	display: block;
	padding:10px 20px;
	text-align:left;
	font-size:14px;
	border-bottom:1px dashed #832424;
	}

nav#mainNav ul li a strong{
	display:block;
	font-size:16px;
	color: #533813;
	letter-spacing:2px;
	line-height:0;
	margin-bottom:10px;
	margin-top:-7px;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
	}
	
	nav#mainNav ul li a span{
	display:block;
	color:#2B4A28;
	font-size:11px;
	text-align:right;
	list-height:0;
	margin-top:3px;
	letter-spacing:1px;
	}
	
    nav#mainNav ul li a:hover{
    background-color:#BDCAC1;
	text-decoration:none;
	font-family:none;
	}
	
	nav#mainNav ul li:last-child a{border:0;}
	nav#mainNav ul li li:last-child a{border:0;}
	nav#mainNav ul li li:last-child a{border-bottom:1px dashed #832424;}
 
	
	nav div.panel{float:none;}
	

}


/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:700px){
	
	    nav#mainNav{
	margin-top:0;
	}
	
header {
	background-image:url(../images/header.jpg);
	padding:0;
	margin:0;
	padding-top:30px;
	width:100%;
	height:120px;
}


h1{
	display:block;
	background-image:url(../images/logo2.svg);
	width:294px;
	height:64px;
	text-indent:-9999px;
	margin:0 auto 0;
	cursor:pointer;
}

h2{
	font-size:13px;
	margin:15px auto 20px;
	line-height:170%;
}


footer {

}

#footer_left{
	float:none;
	text-align:center;
	margin:0px auto;
	width:190px
}

.copyright{
margin:7px auto 0;
float:none;
text-align:center;
	font-size: 15px;
}


#footer_right{
	float:none;
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:36px;
	text-align:center;
}

.address{
margin:0 auto;
text-align:center;
}

.tel{
margin:-10px auto 0;
font-size:33px;
text-align:center;
}

.pagetop {
    display: block;
	width:52px;
	height:52px;
	float:none;
	margin:30px auto 10px;
	text-align:center;
}

h2{
	text-align:left;
}
	
}

@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}