@charset "UTF-8";


/* WEB予約 */
.contact_img{ 
  padding: .7em 0 .7em 0 ;
  cursor: pointer;
  width:320px;
  background-color: #cd683a;
  text-decoration: none;
  text-align: center;
  -moz-border-radius: 5px;   
   -webkit-border-radius: 5px;
   border-radius:  5px; 
}

.contact_img2 a{
	 font-size:18px;
	 color: #fff;
	 text-decoration: none;
	}
	
.contact_img2 {
  display: inline-block;
  vertical-align: middle;
 
}
@media (max-width:320px){
.contact_img{ 
  width:260px;
}
}


/* 詳しくみる */
.hvr-border-fade{
  padding:  0;
  cursor: pointer;
  width:180px;
  text-decoration: none;
  text-align:center;
  background-color:#cd683a;
  -moz-border-radius: 5px;   
   -webkit-border-radius: 5px;
   border-radius:  5px; 
}


.more_icon_box a{
	font-weight:bold;
	font-size:12px;
	color: #fff;
	text-decoration: none;
}


.more_icon_box {
  display: inline-block;
  vertical-align: middle;
 }

@media (max-width:767px){
.more_icon_box {
	line-height:200%;
}
}



/* ボタンのホバー */
.hover_black{
	background-color:#fff;
}  



.reserve,
.hvr-border-fade,
.contact_img{ 
   -webkit-transition: background-color 0.3s;
   -moz-transition:  background-color 0.3s;
	-ms-transition:  background-color 0.3s;
	-o-transition:  background-color 0.3s;
	transition: background-color 0.3s;
}

.reserve:hover,
.contact_img:hover{ 
  background-color:#D9C4B3;
}

.hvr-border-fade:hover{ 
  background-color:#D9C4B3;
}





.fade{
	-webkit-transition: opacity 0.3s ;
	-moz-transition: opacity 0.3s ;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s ;
	transition: opacity 0.3s ;
	
}  

.fade:hover{
	filter: alpha(opacity=70);
	opacity: 0.7; 

}


.fourmenu_outer{
	-webkit-transition: opacity 0.3s ;
	-moz-transition: opacity 0.3s ;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s ;
	transition: opacity 0.3s ;
	-webkit-transform: translate3d(0, 0, 0);	
	
}  

.fourmenu_outer:hover{
	filter: alpha(opacity=70);
	opacity: 0.7;
}