@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :gratis_dish.css
 author     :Ability Consultant
style info  :タイトル
=================================================================== */

/* -----------------------------------------------------------
	#pnav		料理ナビ
----------------------------------------------------------- */
#contents #pnav {
	margin: 1% 0 0;
	position: relative;
}

#contents #pnav ul {
	overflow: hidden;
}

#contents #pnav ul li {
	width: 50%;
	float: left;
	font-size: 110%;
	background: #fbf8f2;
	/* Old browsers */
	background: -webkit-linear-gradient(top, #fbf8f2, #eedfc5);
	background: -moz-linear-gradient(top, #fbf8f2, #eedfc5);
	background: -ms-linear-gradient(top, #fbf8f2, #eedfc5);
	background: -o-linear-gradient(top, #fbf8f2, #eedfc5);
	background: linear-gradient(to bottom, #fbf8f2, #eedfc5);
	line-height: 1.5em;
}

@media only screen and (max-width: 450px) {
  #contents #pnav ul li {
	font-size: 90%;
}
}
#contents #pnav ul li a {
	color: #63380e;
	background: url("../images/common/ic_arrow2.png") no-repeat 97% 50%;
	background-size: 4% auto;
	text-decoration: none;
	display: block;
	padding: 5% 8% 4% 3%;
	border-left: 1px solid #e8d1aa;
	border-bottom: 1px solid #e8d1aa;
}

#contents #pnav ul li.btn_villa {
	width: 100%;
	text-align: center;
}

#contents #pnav ul li.btn_villa a {
	background: url("../images/common/ic_arrow2.png") no-repeat 83% 50%;
	background-size: 2% auto;
	padding: 4% 10%;
	border-top: 1px solid #e8d1aa;
	border-right: 1px solid #e8d1aa;
}

#contents #pnav ul li.btn_gratis {
	width: 100%;
	text-align: center;
}

#contents #pnav ul li.btn_gratis a {
	background: url("../images/common/ic_arrow2.png") no-repeat 83% 50%;
	background-size: 2% auto;
	padding: 4% 10%;
	border-top: 1px solid #e8d1aa;
	border-right: 1px solid #e8d1aa;
}

#contents #pnav ul li.btn_kdouble a {
	border-right: 1px solid #e8d1aa;
}

#contents #pnav ul li.btn_dish, #contents #pnav ul li.btn_gratis_dish {
	width: 100%;
	text-align: center;
}

#contents #pnav ul li.btn_sweet a {
	background: url("../images/common/ic_arrow2.png") no-repeat 83% 50%;
	background-size: 2% auto;
	padding: 2% 10%;
	border-top: 1px solid #e8d1aa;
	border-right: 1px solid #e8d1aa;
}

#contents #pnav ul li.btn_mbali {
	width: 100%;
	text-align: center;
}

#contents #pnav ul li.btn_mbali a {
	background: url("../images/common/ic_arrow2.png") no-repeat 83% 50%;
	background-size: 2% auto;
	padding: 2% 10%;
	border-top: 1px solid #e8d1aa;
	border-right: 1px solid #e8d1aa;
}

.dish #contents #pnav ul li.btn_dish,
.gratis_dish #contents #pnav ul li.btn_gratis_dish{
	background: #e8bd75;
	/* Old browsers */
	background: -webkit-linear-gradient(top, #e8bd75, #b68023);
	background: -moz-linear-gradient(top, #e8bd75, #b68023);
	background: -ms-linear-gradient(top, #e8bd75, #b68023);
	background: -o-linear-gradient(top, #e8bd75, #b68023);
	background: linear-gradient(to bottom, #e8bd75, #b68023);
}


/* -----------------------------------------------------------
	汎用
----------------------------------------------------------- */
#contents table {
	margin: 0 3.3% 3%;
	border-bottom: 1px solid #757575;
	width: 93.4%;
	border-right: 1px solid #757575;
}

#contents table th {
	border-top: 1px solid #757575;
	border-left: 1px solid #757575;
	background-color: #080c0f;
	padding: 2% 0;
	font-weight: 200;
	min-width: 5em;
	vertical-align: middle;
}

#contents table td {
	border-top: 1px solid #757575;
	border-left: 1px solid #757575;
	background-color: #474849;
	padding: 2%;
}

/* -----------------------------------------------------------
	.con_din		夕飯のご案内
----------------------------------------------------------- */
#contents .con_din {
	margin: 6% 0 0;
	position: relative;
}

#contents .con_din h3 {
	width: 38.90%;
	max-width: 249px;
	margin: 0 auto 3%;
}

#contents .con_din .flexslider-din {
	margin: 0 3.12%;
}

#contents .con_din .flexslider-din .slides {
	overflow: hidden;
}

#contents .con_din .flexslider-din .slides li {
	display: none;
}

#contents .con_din .flexslider-din .slides img {
	width: 100%;
}

#contents .con_din .flexslider-din .flex-control-nav {
	padding: 3% 0 4%;
	text-align: center;
	width: 100%;
}

#contents .con_din .flexslider-din .flex-control-nav li {
	display: inline;
	padding: 0 3%;
}

#contents .con_din .flexslider-din .flex-control-nav li a {
	overflow: hidden;
	background: none repeat scroll 0 0 #fff;
	border-radius: 20px 20px 20px 20px;
	color: #fff;
	font-size: 80%;
	width: 20px;
	height: 20px;
	display: inline-block;
	text-indent: -9999px;
	cursor: pointer;
}
#contents .con_din .btn_buff	{
	width: 93.4%;
	background: #b17a03;
	/* Old browsers */
	background: -webkit-linear-gradient(top, #b17a03, #73520a);
	background: -moz-linear-gradient(top, #b17a03, #73520a);
	background: -ms-linear-gradient(top, #b17a03, #73520a);
	background: -o-linear-gradient(top, #b17a03, #73520a);
	background: linear-gradient(to bottom, #b17a03, #73520a);
	border-radius: 5px;
	border: 2px solid #855e08;
	margin: 2% auto 2%;
	text-align:center;
}
#contents .con_din .btn_buff a {
	background-size: 9% auto;
	padding: 5% 0;
	color: #fff;
	text-decoration: none;
	display: block;
}

@media only screen and (max-width: 450px) {
  #contents .con_din .flexslider-din .flex-control-nav li a {
	border-radius: 15px 15px 15px 15px;
	width: 15px;
	height: 15px;
}
}
#contents .con_din .flexslider-din .flex-control-nav li .flex-active {
	background: none repeat scroll 0 0 #bb6d1f;
	color: #bb6d1f;
}

#contents .con_din .txt_catch {
	width: 85.47%;
	max-width: 547px;
	margin: 0 auto;
}

#contents .con_din .txt_det {
	margin: 4% 3.12%;
}

/* -----------------------------------------------------------
	.con_bre		朝食のご案内
----------------------------------------------------------- */
#contents .con_bre {
	margin: 7% 0 0;
	position: relative;
}

#contents .con_bre h3 {
	width: 39.68%;
	max-width: 254px;
	margin: 0 auto 3%;
}

#contents .con_bre .flexslider-bre {
	margin: 0 3.12%;
}

#contents .con_bre .flexslider-bre .slides {
	overflow: hidden;
}

#contents .con_bre .flexslider-bre .slides li {
	display: none;
}

#contents .con_bre .flexslider-bre .slides img {
	width: 100%;
}

#contents .con_bre .flexslider-bre .flex-control-nav {
	padding: 3% 0 4%;
	text-align: center;
	width: 100%;
}

#contents .con_bre .flexslider-bre .flex-control-nav li {
	display: inline;
	padding: 0 3%;
}

#contents .con_bre .flexslider-bre .flex-control-nav li a {
	overflow: hidden;
	background: none repeat scroll 0 0 #fff;
	border-radius: 20px 20px 20px 20px;
	color: #fff;
	font-size: 80%;
	width: 20px;
	height: 20px;
	display: inline-block;
	text-indent: -9999px;
	cursor: pointer;
}

@media only screen and (max-width: 450px) {
  #contents .con_bre .flexslider-bre .flex-control-nav li a {
	border-radius: 15px 15px 15px 15px;
	width: 15px;
	height: 15px;
}
}
#contents .con_bre .flexslider-bre .flex-control-nav li .flex-active {
	background: none repeat scroll 0 0 #bb6d1f;
	color: #bb6d1f;
}

#contents .con_bre .txt_catch {
	width: 62.5%;
	max-width: 400px;
	margin: 0 auto;
}

#contents .con_bre .txt_det {
	margin: 4% 3.12%;
}

/* -----------------------------------------------------------
	.con_dog		愛犬ブッフェ
----------------------------------------------------------- */
#contents .con_dog {
	margin: 6% 0 0;
	padding: 4% 0 2%;
	position: relative;
	background-color: #26282B;
}

#contents .con_dog h3 {
	width: 35.15%;
	max-width: 225px;
	margin: 0 auto 3%;
}

#contents .con_dog .photo {
	margin: 0 6.25%;
}

#contents .con_dog .photo img {
	width: 100%;
}

#contents .con_dog .txt_det {
	margin: 4% 6.25%;
}

#contents .con_dog table {
	margin: 0 6.25% 3%;
	width: 87.5%;
}
.none{
	display:none;
}

/* -----------------------------------------------------------
	.con_garuda		メインダイニング『ガルーダ』
----------------------------------------------------------- */
#contents .con_garuda {
	margin: 5% 0 10%;
	position: relative;
}

#contents .con_garuda h3 {
	width: 70.94%;
	max-width: 454px;
	margin: 0 auto 4%;
}

#contents .con_garuda .box_garuda {
	margin: 0 3.3% 4%;
	width: 93.4%;
	overflow: hidden;
}

#contents .con_garuda .box_garuda .photo {
	width: 40.3%;
	float: left;
}

#contents .con_garuda .box_garuda .txt_det {
	width: 56.16%;
	float: right;
}

.con_garuda .txt_det02{
	margin: 4% 3.12%;
}
/* -----------------------------------------------------------
	インドアビューボタン
----------------------------------------------------------- */
#dish #page #contents .con_res{
	text-align:center;
	padding:0 4% 0 ;
}


#dish #page #contents .btn_view{
	background: #b17a03;
	/* Old browsers */
	background: -webkit-linear-gradient(top, #b17a03, #73520a);
	background: -moz-linear-gradient(top, #b17a03, #73520a);
	background: -ms-linear-gradient(top, #b17a03, #73520a);
	background: -o-linear-gradient(top, #b17a03, #73520a);
	background: linear-gradient(to bottom, #b17a03, #73520a);
	border-radius: 5px;
	border: 2px solid #855e08;
	margin: 2% 0 2.5%;
}

#dish #page #contents .btn_view a {
	background: url("../images/common/ic_view.png") no-repeat 13% 50%;
	background-size: 9% auto;
	padding: 5% 0;
	color: #fff;
	text-decoration: none;
	display: block;
}

/* -----------------------------------------------------------
	アレルギーボタン
----------------------------------------------------------- */

.btn_allergy{
  padding-bottom: 30px;
  padding-top: 5px;
}

.btn_style02 > .inner_btn {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    height: 40px;
    text-align: center;
    font-size: 16px;
}

.btn_style02, .btn_style02:link {
    display: table;
    margin: 20px auto 0px auto;
    text-align: center;
    border-radius: 6px;
    width: 85%;
    background-color: #9c7015;
    text-decoration: none;
    color: #fff;
}

.btn_style02:hover{
  color: #fff;
}

.btn_style02 > .inner_btn::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: calc(50% - 8px);
    right: 10px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #fff;
}
/*----------------------------------------------------
	愛犬ブッフェ　ポップアップ
----------------------------------------------------*/
#contents #lnk_dogbuffet .con_dogbuffet .box_dogbuffet .txtarea .btn_buff{
	float:right;
	margin-top: 20px;
	}
	
.con_popup_stay {
	display: none;
}
.box_popup_stay {
	width: 100%;
	overflow: hidden;
}

.box_popup_stay .img_sp {
	width: 100%;
}