@charset "UTF-8";

/* ###########PCメニュー ########### */
#pc_header_outer {
	background: #fff;
	padding-bottom:50px;
}
@media (min-width:768px){
#pc_header_outer {
	padding-bottom:15px;
}
}

@media (min-width:992px) {
#pc_header_outer {
	padding-bottom:15px;	
}
}


@media (min-width: 768px) {	
#globalheader {
	display:none;
}	
#pc-nav {
	padding-top:20px;
}

/* ヘッダーレイアウト */
#pc_header {
	background: #fff;
	z-index: 3;
	max-width: 1080px;
	margin:0 auto;
}
#header1:after	{
	content: "";
	display: block;
	clear: both;
}
#tittle{
	float: left;
	width: 40%;
	padding-top:15px;
	text-align:left;
}
#telreserve{
	float:right;
	width: 60%;
	padding-top:10px;
}
#telreserve{
	text-align:right;
}
#telreserve p{
  display:inline-block;
}

/* タイトル */
#tittle h1{
	display: inline;
	font-weight:normal;
	font-size:12px;
	text-align:left;
	color: #3E3A39;
}

/*電話と予約 */
.tel1{
	display:inline;
	color:#3E3A39;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	margin-top:2px;
	margin-right:20px;
	letter-spacing:2px;
}
.fa-phone{
	color:#3E3A39;
	font-size:16px!Important;
	margin-right:10px;
}
.reserve {
	background-color:#cd683a;
	width:200px; 
	float: right;
	text-align:center;
	font-weight:normal;
	display:inline;
	margin-top:4px;
	-moz-border-radius: 5px;   
   -webkit-border-radius: 5px;
   border-radius:  5px; 
   color: #fff;
	font-size:13px; 
	font-weight:bold; 
}	
.reserve:visited { color:#fff;}
.reserve:hover { color:#fff; }
.reserve:active { color: #fff;}




/* ナビゲーション共通*/	
.pc-nav_menu a	{
	display: block;
	padding: 10px 30px;
	color: #3E3A39;
	text-decoration: none;
	text-align:center;
}
.pc-nav_menu p:first-child{
	font-size:19px;
}

.pc-nav_menu p:nth-child(2) {
	border-top:solid 1px #ccc;
	padding-top:5px;
	margin-top:5px;
	font-size: 15px;
}


.pc-nav_menu a:hover{
	color: #D8D8D7;
}
	

/* ナビゲーション固定なし  */	
#pc-nav {
	display: block !important;
}
#pc-nav ul	{
	margin: 0;
	padding: 0;
	list-style: none;
}
#pc-nav ul:after{
	content: "";
	display: block;
	clear: both;
}
	
#pc-nav li{
	float: left;
  width: 14.2857%;
  margin: 0;
  padding: 0;
  text-align:center;
} 
.logo img{
	margin-top:-50px;
	max-width:100px;
}
	
#pc-nav li:nth-child(4) > a:hover {
	background-color: #fff!important;
}


/* ナビゲーション固定あり  */
#fix_header{
	display: none;
	position: fixed;
	top: 0;
	z-index: 10;
	width: 100%;
	height:55px;
	background:#FFF;
	padding:10px 0;
	-webkit-font-smoothing: subpixel-antialiased;
	border-bottom:1px solid #        ;
}

#fix_header_wrap {
	max-width: 1090px;
	margin: 0 auto;
}

.pc-nav_menu2 a{
	padding: 0;
	padding-top:12px;
	letter-spacing:2px;
}
.pc-nav_menu2 p:first-child {
	padding-bottom:2px;
	margin-bottom:5px;
	font-size:16px;
}	
#pc-nav2 {
	display: block !important;
}

#pc-nav2 ul	{
	margin: 0;
	padding: 0;
	list-style: none;
}

#pc-nav2 ul:after	{
	content: "";
	display: block;
	clear: both;
}

#pc-nav2 li{
	float: left;
  width: 12%;
  margin: 0;
  padding: 0;
  text-align:center;
}
  
 #pc-nav2 li:last-child{
  width: 16%;
 text-align:right;
  margin-top:-8px;
}

/*電話と予約 */
.tel2{
	display:inline;
	color:#3E3A39;
	font-family: 'Lato', sans-serif;
	font-size:15px;
	letter-spacing:2px;
}

.fa-phone2{
	font-size:15px!Important;
}

.reserve_fix {
	width:150px; 
	margin-top:2px;
}

/*スマホ用メニュー消す */
#menubtn,#header-nav_smartphone	{display: none;
}
}




@media (max-width:991px) {

#tel{
	display:none;
}	
#tittle{
	padding-top:10px;
}
#telreserve{
	padding-top:10px;
}
.logo img{
	margin-top:-20px;
	max-width:75px;
}
.reserve {
	width:120px;
}
.tel2,.fa-phone2{
	display:none!important;

}
.pc-nav_menu a	{
	padding: 0 15px;
	font-size: 13px;
	letter-spacing:0px;
}
.pc-nav_menu p {
	padding-bottom:2px;
	margin-bottom:2px;
	letter-spacing:0px;
}
.pc-nav_menu a:hover	{
	color: #D8D8D7;
}
#pc-nav2 li:last-child{
  margin-top:2px;
 }
#fix_header {
	height:35px;
}	
}



/* ########### スマホメニュー ########### */
/* ########### スマホメニュー ########### */
/* ########### スマホメニュー ########### */
/* ########### スマホメニュー ########### */
/* ########### スマホメニュー ########### */
/* ########### スマホメニュー ########### */
/* ########### スマホメニュー ########### */
/* ########### スマホメニュー ########### */
/* ########### スマホメニュー ########### */
/* ########### スマホメニュー ########### */
/* ########### スマホメニュー ########### */
/* ########### スマホメニュー ########### */
@media (max-width: 767px) {



#globalheader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 80px;
  background-color: #fff;
  z-index:3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

#header-nav {
  position: fixed;
  padding-top:80px;
  left: 0;
  top:80px;
  width: 100%;
  height: 140px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}


#tittle h1{
	display: inline;
	font-weight:normal;
	font-size:12px;
	text-align:left;
	line-height:160%;
	color: #3E3A39;
}
  
#tel_sp p{
	display:inline;
	margin-left:0px;
	color:#3E3A39;
	font-family: 'Lato', sans-serif;
}

.fa-phone{
	color:#cd683a;
}


#menu li a	{
font-family: 'Lato', sans-serif;
color: #3E3A39;
}



	
#header1, #pc-nav,#fix_header{
	display:none;
	 }
	 
	
#header-nav{
	display:none;
	 }
	 
#header-nav_smartphone{
display:block;
z-index:4;
}


#globalheader {
   height: 50px;
   overflow: visible;
   background-color: rgba(255,255,255,0.9);
 }


#logo {
   position: absolute;
   top:4px !important;
   left:6px;
   width:65px;
   height: auto;
 }
 
#tittle h1{
	text-align:left;
	line-height:1.4;
	position: absolute;
	top: 10px;
	left:90px;
	font-size:11px;
}


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


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

#tel a {
text-decoration: none;
}

	 

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




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


#menubtn:focus	{outline: none}

#menubtn i	{font-size: 30px;}


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


.fa-bars{
	color:#cd683a;
	}

#menubtn span	{display: inline-block;
	text-indent: -9999px}
	
	
/* ナビゲーションメニュー（縦並び） */

#menu_smart	{display: none}

#menu_smart ul	{
	margin: 0;
	padding:0;
	list-style: none;
	width:100%;
	background-color:#fff;
	}
	

	
#menu_smart ul	{
	 float:none;
	 
}
#menu_smart li:nth-child(1) {
padding-top:50px;
margin-right: 0;
background-color: #fff;
}



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

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

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

}

#menu_smart li a{
color: #3E3A39;
}



#menu_smart li:nth-child(1):hover ,
#menu_smart li:nth-child(2):hover ,
#menu_smart li:nth-child(3):hover ,
#menu_smart li:nth-child(4):hover ,
#menu_smart li:nth-child(5):hover,
#menu_smart li:nth-child(6):hover
{
 border-bottom:none;
}


#menu_smart li:last-child > a {
color:#fff;
font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

#menu_smart li:last-child {
width: 100%;
background: #cd683a;
color:#3E3A39;
}



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



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



@media (max-width:1180px) {
#pc_header {
	padding:0 15px;
}

}