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


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

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

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

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

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

/* ナビ */
#menu_pc li a	{
	font-family: 'Rasa', serif;
	color: #A37E39;
	font-style: italic;
	word-spacing: 2em;
}


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

@media (min-width:768px) {
/* ヘッダー */
header {
	background-color: #E2DCE5;
	height: 140px;
	background-image: url(../img/head-bg.jpg);  
}

#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: 5px;
	}
	
#tel{
	margin-top: 4px;
	float: right;
	width:33.333%;
	text-align:right;
	}

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

#reserve {
	background-color:#fff;
	width: 170px;
	float: right;
	text-align:center;
	font-weight:normal;
	border-radius:15px;    
  -webkit-border-radius:15px;    
  -moz-border-radius:15px; 
}

.reserve:link {
	font-weight:bold;
	font-size:15px;
	color: #A37E39;
	line-height:1.9;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; 
}
.reserve:visited {color:#A37E39;}
.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: 18px;
	text-decoration: none;
	letter-spacing: 0.2em;
}


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

#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:190px;
}
#logo{
	margin-top:8px;
	}

#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: 110px;
   height: auto;
 }
 
#tittle h1{
	text-align:left;
	line-height:1.4;
	position: absolute;
	top: 12px;
	left:145px;
	font-size:10px;
	color:#000;
}


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

#tel_text .fa{
	color:#000;
}

.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: #A37E39;
}
}
	


@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;
}
}