
/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/



.top_superbox{
	position : relative ;
	width : 100%;
	padding-left : 54px ;
	padding-bottom : 100px ;
}


.inner1200gap.top{
	padding-bottom : 100px ;
}

.top_slide_superbox{
	width : 100% ;
	height : auto ;
	z-index : 2 ;
	margin-bottom : 30px ;
}
.top_slide_dummy{
	width : 100% ;
	height : auto ;
	z-index : 1 ;
}
.top_slide_superbox_spacer .top_slide_dummy{
	opacity : 0.0 ;
}

.top_slide{
	position : absolute ;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	height : auto ;
	z-index : 8 ;
	display : none ;
}



.top_contents_title{
	margin-bottom : 20px ;
	font-size : 28px ;
	text-align : center ;
}


.top_snavi_superbox{
	width : 100% ;
	z-index : 14 ;
}


.top_snavi_itembox.menu{
	background-image : url("../images/top/top_menu_menu.png");
}
.top_snavi_itembox.coupon{
	background-image : url("../images/top/top_menu_coupon.png");
}
.top_snavi_itembox.reserve{
	background-image : url("../images/top/top_menu_reserve.png");
}
.top_snavi_itembox.staff{
	background-image : url("../images/top/top_menu_staff.png");
}
.top_snavi_itembox.gallery{
	background-image : url("../images/top/top_menu_gallery.png");
}
.top_snavi_itembox.blog{
	background-image : url("../images/top/top_menu_blog.png");
}


.top_snavi_itembox{
	float : left ;
	width : 32.9% ;
	height : 196px ;
	background-size : cover;
	background-position : center center ;
	overflow : hidden ;
	margin-left : 0.65% ;
	margin-bottom : 10px ;
}
.top_snavi_itembox.first{
	margin-left : 0% ;
}

.top_snavi_itembox_overlay{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	background-color : rgba(0,0,0,0.5) ;
	z-index : 2;
	display : none ;
}

.top_snavi_itembox_story{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	padding : 80px 40px 0px 40px ;
	text-align : center ;
	color : #FFFFFF ;
	z-index: 3 ;
	display : none ;
}

.top_menu_spacer{
	width : 100% ;
	height : 10px ;
	z-index : 11;
	background-color : #FFFFFF ;
}



.top_newsbox{
	box-sizing: border-box ;
	float : left;
	width : 49% ;
	max-width : 594px ;
	height : 318px ;
	padding : 32px ;
	border : 1px solid #D7CFA3 ;
	background-color : #FFFFFF ;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.3) ;
	margin-top : 60px ;
	margin-bottom : 54px ;
}
.top_blogbox{
	box-sizing: border-box ;
	float : right ;
	width  : 49% ;
	max-width : 594px ;
	height : 318px ;
	padding : 32px ;
	border : 1px solid #D7CFA3 ;
	background-color : #FFFFFF ;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.3) ;
	margin-top : 60px ;
	margin-bottom : 54px ;
}

.top_news_title{
	width : 100% ;
	height : 30px ;
	line-height : 30px ;
	font-size : 25px ;
	font-weight : 600 ;
	margin-bottom : 20px ;
	padding-bottom : 10px ;
	border-bottom : 1px solid #67633A ;
	text-align : center ;
}

.top_news_itembox{
	width : 100% ;
	height : 50px ;
	margin-left : auto ;
	margin-right : auto ;
	margin-bottom : 10px ;
	border-bottom : 1px solid #D7CFA3 ;
}

.top_news_item_date{
	font-size : 11px ;
}
.top_news_item_title{
	font-size : 15px ;
}

.top_news_btn_more{
	position : absolute ;
	top : 10px ;
	right : 0px ;
	width : 60px ;
	height : auto ;
}




.top_gallery_title{
	width : 100% ;
	height : 40px ;
	line-height : 40px ;
	margin-bottom : 20px ;
	font-size : 28px ;
	text-align : center ;
	border-bottom : 1px solid #67633A ;
}



.top_gallery_superbox{
	width : 100% ;
	max-width : 1200px ;
	height : 230px ;
	margin-left : -1px ;
	margin-bottom : 40px ;
	border : 1px solid #67633A ;
}

.top_gallery_item{
	float : left ;
	width : calc( 100% / 6.001 ) ;
	height : 230px ;
	overflow : hidden ;
}
.top_gallery_item img{
	position : absolute ;
	top : 0px ;
	left : 0px ;
	width : auto ;
	height : 100% ;
}



.top_special_superbox{
	width : 100% ;
	max-width : 1200px ;
	height : auto ;
	margin-left : -1px ;
	margin-bottom : 40px ;
	border : 1px solid #67633A ;
}

.top_special_title{
	float : left ;
	width : 50% ;
	max-width : 600px ;
	height : auto ;
}

.top_special_image_dummy{
	position : relative ;
	width : 100% ;
	height : auto ;
	z-index : 1 ;
}

.top_special_image{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : auto ;
	z-index : 4 ;
}

.top_special_slidebox{
	float : left ;
	width : 50% ;
	max-width : 600px ;
}

.top_special_btnbox{
	position : absolute ;
	bottom : 0px ;
	right : 20px ;
	width : 640px ;
	height : 40px ;
	line-height : 40px ;
	margin-top : 4px ;
	text-align : right ;
	z-index : 14 ;
}

.top_special_btn{
	display : inline-block ;
	padding : 4px ;
	font-size : 0px ;
	border : 1px solid #000000 ;
	background-color : #FFFFFF;
	margin-left : 8px ;
	margin-right : 8px ;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	cursor : pointer ;
}
.top_special_btn.on{
	background-color : #000000 ;
}




.top_concept_superbox{
	width : calc( 100% - 20px ) ;
	max-width : 1200px ;
	height : auto ;
	margin-left : -1px ;
	margin-bottom : 40px ;
	padding : 10px ;
	border : 1px solid #67633A ;
}
.top_concept_inner{
	width : 100% ;
	height : auto ;
	padding-top : 20px ;
	padding-bottom : 20px ;
	background-image:  url("../images/top/top_concept_back.png");
}

.top_concept_title{
	width : 100% ;
	max-width : 926px ;
	height : auto ;
	line-height : 1.8em ;
	text-align : center ;
	font-size : 24px ;
	margin-bottom : 20px ;
	margin-left : auto ;
	margin-right : auto ;
	border-bottom : 1px solid #67633A ;
	padding-bottom: 20px ;
}
.top_concept_story{
	width : 100% ;
	max-width : 926px ;
	font-size : 15px ;
	margin-left : auto ;
	margin-right : auto ;
}


.top_shop_superbox{
	width : 100% ;
	height : auto ;
	margin-bottom : 40px ;
}

.top_shop_itembox{
	width : 100% ;
	max-width : 1200px ;
	padding-top : 20px ;
	padding-bottom : 20px ;
	margin-left: auto ;
	margin-right: auto ;
	border-bottom : 1px solid #C0B7A6 ;
}
.top_shop_itembox.first{
	border-top : 1px solid #C0B7A6 ;
}

.top_shop_item_image{
	float : left ;
	width : 31% ;
	max-width : 380px ;
	height : 160px ;
	overflow : hidden ;
}
.top_shop_item_image img{
	position : absolute ;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	height : auto ;
}
.top_shop_item_infobox{
	float : right ;
	width : 66% ;
	max-width : 800px ;
	height : 160px ;
}
.top_shop_item_name{
	font-size : 22px ;
}
.top_shop_item_tel{
	font-size : 29px ;
}
.top_shop_item_add{
	font-size : 14px ;
}
.top_shop_item_reserve{
	position : absolute ;
	bottom : 0px ;
	right : 0px ;
	width : 230px ;
	height : auto ;
}




.top_sns_superbox{
	width : 900px ;
	margin-top : 50px ;
	margin-left : auto ;
	margin-right : auto ;
}

.top_youtube{
	width : 700px ;
	height : auto ;
	margin-left : auto ;
	margin-right : auto ;
	margin-bottom : 52px ;
}

.top_facebook{
	float : left ;
	width :430px ;
	height : 300px ;
	margin-bottom : 52px ;
	overflow : hidden ;
}
.top_twitter{
	float : right ;
	width :430px ;
	height : 300px ;
	margin-bottom : 52px ;
	overflow : hidden ;
}
.top_facebook img,
.top_twitter img{
	width : 100% ;
	height : auto ;
}

.top_instagram{
	width : 100% ;
	height :auto ;
	margin-bottom : 52px ;
}
.top_sns_single{
	float : none ;
	margin-left: auto ;
	margin-right: auto ;
}



.top_group_superbox{
	width : 100% ;
	max-width : 1200px ;
	height : auto ;
	margin-top : 80px  ;
	margin-left :auto ;
	margin-right :auto ;
}
.top_group_left{
	float : left ;
	width : 290px ;
	height : 70px ;
	line-height : 70px ;
	text-align : center ;
	background-color : #EEDAAD ;
	color : #8A7D77 ;
	font-size : 25px ;
	font-weight : 600 ;
}
.top_group_right{
	float : left ;
	width : calc( 100% - 350px ) ;
	height : 70px ;
	padding-left : 30px ;
	padding-right : 30px ;
	line-height : 70px ;
	text-align : left ;
	background-color : #F5EBC2 ;
	color : #8A7D77 ;
	font-size : 15px ;
}

.top_group_right a,
.top_group_right a:link{
	padding-left :10px ;
	padding-right :10px ;
	color : #8A7D77 ;
}
.top_group_right a:hover{
	opacity : 0.6 ;
}



@media screen and (max-width: 1200px) {



}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 960px) {




.inner1200gap.top{
	padding-bottom : 100px ;
}

.top_slide_superbox{
	width : 640px ;
	margin-left : -30px ;
	margin-bottom : 30px ;
}
.top_slide_dummy{
}
.top_slide_superbox_spacer .top_slide_dummy{
}

.top_slide{
}



.top_contents_title{
	margin-bottom : 20px ;
	font-size : 32px ;
	text-align : center ;
}


.top_snavi_superbox{
}


.top_snavi_itembox.menu{
}
.top_snavi_itembox.coupon{
}
.top_snavi_itembox.reserve{
}
.top_snavi_itembox.staff{
}
.top_snavi_itembox.gallery{
}
.top_snavi_itembox.blog{
}


.top_snavi_itembox{
	float : none ;
	width : 580px ;
	height : 280px ;
	margin-left : auto ;
	margin-right : auto ;
	margin-bottom : 15px ;
}
.top_snavi_itembox.first{
	margin-left : auto ;
}

.top_snavi_itembox_overlay{
}

.top_snavi_itembox_story{
}

.top_menu_spacer{
}



.top_newsbox{
	float : none;
	width : 580px ;
	max-width : 580px ;
	height : auto ;
	padding : 28px ;
	border : 2px solid #D7CFA3 ;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.3) ;
	margin-top : 50px ;
	margin-bottom : 40px ;
}
.top_blogbox{
	float : none;
	width : 580px ;
	max-width : 580px;
	height : auto ;
	padding : 28px ;
	border : 2px solid #D7CFA3 ;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.3) ;
	margin-top : 0px ;
	margin-bottom : 80px ;
}

.top_news_title{
	height : 60px ;
	line-height : 60px ;
	font-size : 40px ;
	margin-bottom : 20px ;
	padding-bottom : 10px ;
	border-bottom : 1px solid #67633A ;
	text-align : center ;
}

.top_news_itembox{
	height : auto ;
	margin-left : auto ;
	margin-right : auto ;
	margin-bottom : 20px ;
	border-bottom : 2px solid #D7CFA3 ;
}

.top_news_item_date{
	font-size : 20px ;
}
.top_news_item_title{
	font-size : 24px ;
}

.top_news_btn_more{
	position : relative ;
	top : auto ;
	right : auto ;
	width : 160px ;
	height : auto ;
	margin-left : auto ;
	margin-right : auto ;
	margin-top : 40px ;
}




.top_gallery_title{
	margin-bottom : 20px ;
	padding-bottom : 15px ;
	font-size : 32px ;
	text-align : center ;
	border-bottom : 2px solid #67633A ;
}



.top_gallery_superbox{
	width : 576px ;
	height : 460px ;
	margin-left : 0px ;
	margin-bottom : 80px ;
	border : 2px solid #67633A ;
}

.top_gallery_item{
	width : 192px ;
	height : 230px ;
}
.top_gallery_item img{
}



.top_special_superbox{
	width : 100%px ;
	height : auto ;
	margin-left : 0px ;
	margin-bottom : 80px ;
	border : none ;
}

.top_special_title{
}

.top_special_image{
}

.top_special_slidebox{
	float : none ;
	width : 580px ;
	height : 290px ;
}

.top_special_btnbox{
	position : absolute ;
	bottom : 0px ;
	right : 20px ;
	width : 640px ;
	height : 40px ;
	line-height : 40px ;
	margin-top : 4px ;
	text-align : right ;
	z-index : 14 ;
}

.top_special_btn{
	display : inline-block ;
	padding : 4px ;
	font-size : 0px ;
	border : 1px solid #000000 ;
	background-color : #FFFFFF;
	margin-left : 8px ;
	margin-right : 8px ;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	cursor : pointer ;
}
.top_special_btn.on{
}




.top_concept_superbox{
	width : 556px ;
	height : auto ;
	margin-left : 0px ;
	margin-bottom : 80px ;
	padding : 10px ;
	border : 2px solid #67633A ;
}
.top_concept_inner{
	width : 516px ;
	height : auto ;
	padding-top : 40px ;
	padding-bottom : 40px ;
	padding-left : 20px ;
	padding-right : 20px ;
}

.top_concept_title{
	width : 100% ;
	height : auto ;
	line-height : 1.4em ;
	padding-bottom : 20px ;
	font-size : 30px ;
	margin-bottom : 40px ;
	border-bottom : 2px solid #67633A ;
}
.top_concept_story{
	width : 100% ;
	font-size : 22px ;
	line-height : 1.6em ;
}


.top_shop_superbox{
	width : 100% ;
	height : auto ;
	margin-bottom : 80px ;
}

.top_shop_itembox{
	width : 580px ;
	padding-top : 20px ;
	padding-bottom : 20px ;
	margin-left: auto ;
	margin-right: auto ;
	border-bottom : 2px solid #C0B7A6 ;
}
.top_shop_itembox.first{
	border-top : 2px solid #C0B7A6 ;
}

.top_shop_item_image{
	width : 100% ;
	height : auto ;
	max-width: 100%;
}
.top_shop_item_image img{
	position: static !important;
	width: 100% !important;
	height: auto !important;
	margin-top: 0px !important;
	margin-left: 0px !important;
}
.top_shop_item_infobox{
	width : 100% ;
	height : auto ;
	margin-top: 15px;
}
.top_shop_item_name{
	font-size : 28px ;
	margin-bottom:10px;
	line-height : 1.4em ;

}
.top_shop_item_tel{
	font-size : 28px ;
	margin-bottom:20px;
}
.top_shop_item_add{
	font-size : 20px ;
	margin-bottom:10px;

}
.top_shop_item_reserve{
	position : relative ;
	width : 360px ;
	height : auto ;
	margin-top : 20px ;
}




.top_sns_superbox{
	width : 580px ;
	margin-top : 50px ;
	margin-left : auto ;
	margin-right : auto ;
}


.top_youtube{
	width : 580px ;
	height : auto ;
	margin-left : auto ;
	margin-right : auto ;
	margin-bottom : 52px ;
}
.top_youtube iframe {
	width : 100% ;
}
.top_facebook{
	float : none;
	width :580px ;
	height : 400px ;
	margin: 0 auto 52px;
	text-align: center;
}
.top_twitter{
	float : none ;
	width :580px ;
	height : 400px ;
	margin-bottom : 52px ;
}

.top_instagram{
	width : 100% ;
	height :auto ;
	margin-bottom : 52px ;
}
.top_sns_single{
	float : none ;
	margin-left: auto ;
	margin-right: auto ;
}



.top_group_superbox{
	width : 580px ;
	height : auto ;
	margin-top : 80px  ;
	margin-left :auto ;
	margin-right :auto ;
}
.top_group_left{
	float : none ;
	width : 580px ;
	text-align : center ;
	font-size : 30px ;
	font-weight : 600 ;
}
.top_group_right{
	float : none ;
	width : 520px ;
	height : auto ;
	padding : 20px 30px ;
	line-height : 1.6em ;
	text-align : left ;
	font-size : 24px ;
}
.top_group_right a,
.top_group_right a:link{
	padding-left :10px ;
	padding-right :10px ;
}
.top_group_right a:hover{
	opacity : 0.6 ;
}










}