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

 file name  : villa_common.css
 author     : Ability Consultant
 style info : ヴィラの共通部分
=================================================================== */
body {
  background: url(../images/common/bg02.jpg) repeat 0 0;
}

#header .con_title h2 .jp {
  margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
  #header .con_title h2 .jp {
    margin-bottom: 2%;
  }
}
#header .con_title h2 .en {
  font-family: 'Italianno', cursive;
  font-weight: normal;
  font-size: 154%;
  color: #fff;
}

/* -----------------------------------------------------------
	con_header_hotel
----------------------------------------------------------- */
.con_header_hotel .box_haeder {
  width: 610px;
}
.con_header_hotel .box_haeder .hnav02 {
  width: 380px;
}
.con_header_hotel .box_haeder .hnav02 li:first-child {
  border: 2px solid #318b8a;
}
.con_header_hotel .box_haeder .hnav02 li:first-child a {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwOGE4OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI2NzA2ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #308a89), color-stop(100%, #26706f));
  background: -moz-linear-gradient(#308a89, #26706f);
  background: -webkit-linear-gradient(#308a89, #26706f);
  background: linear-gradient(#308a89, #26706f);
}

.snav:after {
  background: #c2bfb9 !important;
}

/* -----------------------------------------------------------
	box_gnav, #gnav_clone
----------------------------------------------------------- */
.box_gnav > li.gnav, #gnav_clone > li.gnav {
  border-left: 1px solid #fff;
  border-right: 1px solid #c2bfb9;
  border-bottom: 1px solid #c2bfb9;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e4e4e4));
  background: -moz-linear-gradient(#fafafa, #e4e4e4);
  background: -webkit-linear-gradient(#fafafa, #e4e4e4);
  background: linear-gradient(#fafafa, #e4e4e4);
}
.box_gnav > li.gnav > a span, #gnav_clone > li.gnav > a span {
  color: #555;
  font-family: 'Italianno', cursive;
  font-weight: normal;
  font-size: 231%;
}
.box_gnav > li.gnav.gnav_logo, #gnav_clone > li.gnav.gnav_logo {
  background: #8f7240;
  width: 19.65%;
}
.box_gnav > li.gnav.gnav_logo img, #gnav_clone > li.gnav.gnav_logo img {
  width: 68.19338%;
}
.box_gnav > li.gnav.gnav_rsv, #gnav_clone > li.gnav.gnav_rsv {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzMmEyMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYzMWExMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #932a20), color-stop(100%, #631a13));
  background: -moz-linear-gradient(#932a20, #631a13);
  background: -webkit-linear-gradient(#932a20, #631a13);
  background: linear-gradient(#932a20, #631a13);
}
.box_gnav > li.gnav.gnav_rsv span, #gnav_clone > li.gnav.gnav_rsv span {
  color: #fff;
}
.box_gnav > li.gnav.gnav_rsv:after, #gnav_clone > li.gnav.gnav_rsv:after {
  background: #aa2114;
}

/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */
#footer .sitemap h4 {
  background: #ececec;
  border-color: #acacac;
}
@media only screen and (max-width: 767px) {
  #footer .sitemap h4 {
    background: none;
  }
}

/* -----------------------------------------------------------
	#fixnav-sp
----------------------------------------------------------- */
#fixnav-sp .hotel_name {
  width: 100%;
}
#fixnav-sp .hotel_name a {
  color: #fff;
  display: block;
  text-decoration: none;
  padding: 1em 0;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
  border: 5px solid #bb9554;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhODg0ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc0NWQzNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aa884f), color-stop(100%, #745d36));
  background: -moz-linear-gradient(#aa884f, #745d36);
  background: -webkit-linear-gradient(#aa884f, #745d36);
  background: linear-gradient(#aa884f, #745d36);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 85%;
}
#fixnav-sp .hotel_name a:before {
  content: "";
  background: url(../images/common/ic_g_w.png) no-repeat center/100% auto;
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  vertical-align: middle;
  margin-right: .3em;
}
#fixnav-sp ul.box_nav li {
  background: #8f7240;
}
#fixnav-sp ul.box_nav li a, #fixnav-sp ul.box_nav li span {
  border-left: 1px solid #a6854d;
}
#fixnav-sp .view_C, #fixnav-sp .view_G {
  display: none !important;
}

#menuList .lnkC, #menuList .lnkG {
  display: none !important;
}