@charset "utf-8";

/***************************************************************
-----------------------------------------------------------------

	florent 2016 Renewal (responsive)
	/topページ用スタイルシート
	2016 by FLICKS
-----------------------------------------------------------------	
*************************************************************** */


/*------------------------------------------------------------
	基本
------------------------------------------------------------*/
#wrapper #photo-area {
	position: relative;
	height: 610px;
}

#wrapper #photo-area #g-navi {
	height: 510px;
	width: 250px;
	background: repeat-y left top;
	color: #FFFFFF;
	z-index: 5;
	position: absolute;
	left: 0px;
	top: 0px;
}

#wrapper #photo-area #camera_wrap_1 {
	background: #FAF5ED;
	height: 550px;
}

/*------------------------------------------------------------
	 
------------------------------------------------------------*/
#wrapper #banners {
	position: relative;
	height: 860px;
	width: 934px;
	margin-right: auto;
	margin-left: auto;
}
#banners li { 
	position: absolute;
	box-shadow: 1px 1px 8px #d3c8b0; /*CSS3*/
	-moz-box-shadow: 1px 1px 8px #d3c8b0; /* Firefox用*/
	-webkit-box-shadow: 1px 1px 8px #d3c8b0; /* Google Chrome, Safari用*/
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d3c8b0');
  
}
#banners #coupon {
	left: 0px;
	top: 162px;
}
#banners #style {
	top: 0px;
	right: 0px;
}
#banners #interior {
	left: 0px;
	top: 324px;
}
#banners #access {
	left: 303px;
	top: 324px;
}
#banners #blog {
	right: 0px;
	top: 324px;
}
#banners #information {
	right: 0px;
	top: 438px;
}
#banners #reserve {
	left: 0px;
	top: 550px;
}
#banners #menu {
	left: 303px;
	top: 550px;
}
#banners #staff {
	right: 0px;
	top: 550px;
}
#banners #shop {
	right: 0px;
	top: 670px;
	width: 100%;
	height: 90px;
}
#banners #orne {
	right: 0px;
	top: 780px;
}


/*------------------------------------------------------------
	 2016responsive化
------------------------------------------------------------*/

#wrapper #logo_sp {
	display: none;
}

.drawer.drawer--top #wrapper #sp_links {
	display: none;
}
.drawer.drawer--top .drawer-nav,.drawer-hamburger-icon {
	display: none !important;
}

/* ===========================================================

	スマホ用（600px以下）
	
============================================================ */
@media screen and (max-width : 600px) {


.drawer.drawer--top .drawer-nav,.drawer-hamburger-icon {
	display: block !important;
}

.sp {
	display: none;
}
#wrapper {
	width: auto;
	padding: 0px;
}
#wrapper #banners {
	width: auto;
	height: auto;
}
#wrapper #banners li {
	position: relative !important;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	width: 92%;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#wrapper #banners li img {
	width: 100%;
}
#wrapper #logo_sp {
	position: absolute;
	left: 36%;
	top: 82px;
	display: block;
	width: 50%;
}
#wrapper #logo_sp img {
	width: 60%;
	filter:alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;
}
#camera_wrap_1 {
 zoom: 36%;
	
}
#wrapper #photo-area {
	height: auto;
}
#wrapper #banners {
	clear: both;
}

/*---- 小さくする -----*/
#wrapper #photo-area.height_01 #camera_wrap_1 {
 zoom: 56%;
}
#wrapper #photo-area.height_01  #logo_sp {
	position: absolute;
	left: 32%;
	top: 138px;
	display: block;
	width: 64%;
}
/*------------------------------------------------------------
	
------------------------------------------------------------*/
.drawer.drawer--top #wrapper #sp_links {
	display: block;
	padding: 4%;
}
.drawer.drawer--top #wrapper #sp_links li a {
	text-decoration: none;
	font-size: 16px;
	padding: 16px 8px 16px 40px;
	display: block;
	background: url(../img/common/arrow_02.gif) no-repeat left center;
	border-bottom: 1px solid #dcd6c3;
	color: #837569;
}
.drawer.drawer--top #wrapper #footer {
	background: url(../img/common/footer/bg_sp.jpg);
	overflow: hidden;
	padding-bottom: 20px;
}
.drawer.drawer--top #wrapper #footer .tel {
	margin-bottom: 18px;
	padding: 8px;
}
.drawer.drawer--top .drawer-nav {
	display: block;
}

.tel a img {
	
}
#footer  {
	height:auto !important}

}
/*------------------------------------------------------------
	 menu
------------------------------------------------------------*/

.drawer.drawer--top .drawer-nav .drawer-menu li {
	background: url(none);
	font-size: 120%;
}
.drawer.drawer--top .drawer-nav .drawer-menu li a {
	text-decoration: none;
	padding: 14px 20px;
	display: block;
	border-bottom: 1px solid #DDD;
	background: url(../img/common/arrow_01.gif) no-repeat right center;
}
.drawer.drawer--top .drawer-nav .drawer-menu li a.drawer-brand {
	background: url(none);
}
.drawer.drawer--top .drawer-nav .drawer-menu li .drawer-brand {
	font: normal 32px Georgia, "Times New Roman", Times, serif;
}