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


/* ---------- PCSP共通 ---------- */

/* タイトル */
#tittle {
	line-height:150%;
}

#tittle h1{
	display: inline;
	font-weight:normal;
	font-size:12px;
	text-align:left;
}

/* ロゴ */	 
#logo img{
	max-width:225px;
}
	
/* 電話 */
#tel p{
	margin-left:0px;
	font-family: 'Lato', sans-serif;
	display:inline;
}

#tel_text .fa{
	color:#221814;
	font-size:20px;
}	

/* ナビ */
#menu_pc li a	{
font-family: 'Lato', sans-serif;
color: #4C2800;
}


/* ---------- PCメニュー ---------- */

@media (min-width:768px) {
/* ヘッダー */
header {
  background-color: #F5F5F5;
  height: 140px;
  
}

#menu_pc_outer {
  position: absolute;
  width: 100%;
  top: 80px;
  height: 60px;
  background-color: rgba(255,255,255,0.9); 
  border-bottom: 1px solid #ddd;  

}

header.fixed #menu_pc_outer {
  position: fixed;
  top: 0px;
  z-index:2;
}

/*スマホ用メニュー消す */
#menubtn,
#menu_sp_outer{
	display: none;
}
 
/* インフォ */
#siteinfo:after{
	content: "";
	display: block;
	clear: both;
}

#tittle{
	float:left;
	width: 33.333%;
	text-align:left;
	margin-top:20px;
	}

#logo{
	float: left;
	width: 33.333%;
	margin-top:14px;
	}
	
#tel{
	margin-top: 4px;
	float: right;
	width:33.333%;
	text-align:right;
	}

#tel p{
	margin-left: 5px;
    font-size: 20px;
    letter-spacing: 1.4px;
	}

#reserve {
	background-color:#89AC37;
	width: 170px;
	float: right;
	text-align:center;
	font-weight:normal;
}

.reserve:link {
	font-weight:bold;
	font-size:15px;
	color: #fff;
	line-height:1.9;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; 
}
.reserve:visited {color:#fff;}
.reserve:hover { color:#fff; }
.reserve:active { color: #fff;}


/* ナビ */
#menu_pc{
	display: block !important;
	margin-top:15px;
}
#menu_pc ul	{
	 list-style: none;
	 text-align:right;	
}

#menu_pc li a	{
    font-size: 15px;
	text-decoration: none;
}


#menu_pc li{
	float: left;
	width: 16.666666%;
	text-align:center;	
}
  
#menu_pc li a:hover{
	color:#9A7842;
}

#menu_pc lic.current-menu-item a{
	color:#F3B480!important;
}
}


/* ---------- TABLERT メニュー ---------- */

@media (min-width: 768px)and (max-width:991px) {
	
header {
  height: 130px
}

#menu_pc_outer {
  top: 80px;
  height: 50px; 
}


#tittle h1{
	font-size:11px;
}

#logo{
	 margin-top:14px;
	}

#logo img{
	max-width:200px;
}

#tel p{
 	font-size:18px;
	}
	
.reserve{
	font-size:16px;

}

#reserve {
	width:160px; 
}	

#menu_pc {
 margin-top:10px;
}

}


/* ---------- SP メニュー ---------- */

@media (max-width: 767px) {
	


header{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index:3;
  background-color: rgba(255,255,255,0.9);
  height:50px;
}


#menu_pc_outer{
	display:none;
}


#logo {
   position: absolute;
   left: 8px;
   top: 7px !important;
   width: 125px;
   height: auto;
 }
 
#tittle h1{
	text-align:left;
	line-height:1.4;
	position: absolute;
	top: 12px;
	left:145px;
	font-size:10px;
}


.fa-phone{
	position: absolute;
	top: 10px;
	right:60px;
	font-size:30px!important;
	color:#221814;
}

.fa-phone:hover	{
	color:#221814;}

#tel a {
text-decoration: none;
}

	 
#tel p,.reserve{
	display: none;
	 }

/* トグルボタン */
#menubtn	{
	padding: 6px 12px;
	border: none;
	background-color:transparent;
	position: absolute;
	top:0px;
	right: 3px;
	cursor: pointer;
}

#menubtn:focus{
	outline: none;
}

.fa-bars{
	color:#221814;
	font-size:30px!important;
	}
	

.fa-bars:hover	{
	color:#221814;
	}

#menubtn span{
	display: inline-block;
	text-indent: -9999px;
}
		
/* ナビ */
#menu_sp	{
	display: none;
	
}

#menu_sp ul	{
	margin: 0;
	padding:0;
	list-style: none;
	width:100%;
	background-color:#fff;
	 z-index:1; 
	}
	

	
#menu_sp ul	{
	 float:none;
	 
}

#menu_sp .menu-menu-1-container li:first-child{
padding-top:50px;
margin-right: 0;
background-color: #fff;
}



#menu_sp li:nth-child(2),
#menu_sp li:nth-child(3),
#menu_sp li:nth-child(4),
#menu_sp li:nth-child(5),
#menu_sp li:nth-child(6),
#menu_sp li:nth-child(7){
	margin-right: 0;
	background-color: #fff;
	
	
}

#menu_sp li a	{
	display: block;
	padding: 10px;
	font-size: 15px;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	}

#menu_sp li {
	text-align: center;
	margin: 0 auto;
	float: none;
}

#menu_sp .menu-menu-1-container li a{
	color: #221814;
}


#menu_sp .menu-menu-1-container li:nth-child(1):hover ,
#menu_sp li:nth-child(2):hover ,
#menu_sp li:nth-child(3):hover ,
#menu_sp li:nth-child(4):hover ,
#menu_sp li:nth-child(5):hover,
#menu_sp li:nth-child(6):hover,
#menu_sp li:nth-child(7):hover{
	border-bottom:none;
}


#menu_sp .menu_sp_reserve > a {
	color:#fff;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

#menu_sp .menu_sp_reserve{
	width: 100%;
	background: #89AC37;
}
}
	


@media (max-width:991px) {
.smart991{
	display:none;
}
}

@media (max-width:480px) {
#logo {
   position: absolute;
   left: 7px;
   top: 7px !important;
   width: 110px;
 }
#tittle h1{	
	left:125px;
}
}

@media (max-width:374px) {
.smart374{
	display:none;
}
}