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

 file name  : stay.css
 author     : Ability Consultant
 style info : 過ごし方
=================================================================== */
.con_day_one .con_stay .box_stay:after, .con_day_two .con_stay .box_stay:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.con_day_one .con_stay .box_stay:after, .con_day_two .con_stay .box_stay:after {
  content: "";
  display: table;
  clear: both;
}

/* font-awesome */
#header {
  position: relative;
  z-index: 2;
}

#contents {
  position: relative;
  z-index: 1;
}

/* -----------------------------------------------------------
	.con_int
----------------------------------------------------------- */
.con_int {
  margin-top: 15px;
}
.con_int .txt {
  text-align: center;
  margin: 40px 0;
}
.con_int .box_link {
  letter-spacing: -.4em;
  width: 100%;
  -moz-box-shadow: 0px 9px 10px -5px rgba(201, 196, 193, 0.5);
  -webkit-box-shadow: 0px 9px 10px -5px rgba(201, 196, 193, 0.5);
  box-shadow: 0px 9px 10px -5px rgba(201, 196, 193, 0.5);
}
.con_int .box_link a {
  text-decoration: none !important;
  border-left: 1px solid #f4f1ef;
  border-bottom: 1px solid #f4f1ef;
  display: inline-block;
  letter-spacing: normal;
  width: 25%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  background: #fff;
  color: #7d7674 !important;
  line-height: 1.33;
  padding: 26px 0 31px;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
  font-size: 100%;
  position: relative;
  -moz-transition: background 0.35s, color 0.35s;
  -o-transition: background 0.35s, color 0.35s;
  -webkit-transition: background 0.35s, color 0.35s;
  transition: background 0.35s, color 0.35s;
}
.con_int .box_link a:after {
  content: "\f107";
  font-family: FontAwesome;
  margin-left: .5em;
  display: block;
  margin-left: 0;
  font-size: 129%;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -.5em;
}
.con_int .box_link a.txt_m {
  padding: 15px 0 25px;
}
.con_int .box_link a.border_left {
  border-left: 0;
}
.con_int .box_link a:first-child {
  border-left: none;
}
.con_int .box_link a:hover, .con_int .box_link a.active {
  background: #7d7674;
  color: white !important;
}

/* -----------------------------------------------------------
	.con_day_one
----------------------------------------------------------- */
.con_day_one, .con_day_two {
  margin-top: 50px;
}
.con_day_one h3, .con_day_two h3 {
  text-align: center;
}
.con_day_one .con_stay, .con_day_two .con_stay {
  margin-top: 85px;
  overflow: hidden;
}
.con_day_one .con_stay .photo, .con_day_two .con_stay .photo {
  position: relative;
  z-index: 1;
}
.con_day_one .con_stay .box_stay, .con_day_two .con_stay .box_stay {
  margin-top: 20px;
  position: relative;
  z-index: 2;
}
.con_day_one .con_stay .box_stay .st, .con_day_two .con_stay .box_stay .st {
  float: left;
}
.con_day_one .con_stay .box_stay > div, .con_day_two .con_stay .box_stay > div {
  float: right;
}
.con_day_one .con_stay .box_stay > div .btn, .con_day_two .con_stay .box_stay > div .btn {
  width: 120px;
  display: block;
  position: relative;
  margin-top: 10px;
}
.con_day_one .con_stay .box_stay > div .btn a, .con_day_two .con_stay .box_stay > div .btn a {
  text-align: center;
  display: block;
  font-size: 129%;
  color: #51391a !important;
  text-decoration: none;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
  font-weight: 600;
  padding: 10px 0;
  display: block;
  position: relative;
}
.con_day_one .con_stay .box_stay > div .btn a span:after, .con_day_two .con_stay .box_stay > div .btn a span:after {
  content: "\f105";
  font-family: FontAwesome;
  margin-left: .5em;
}
.con_day_one .con_stay .box_stay > div .btn a:before, .con_day_one .con_stay .box_stay > div .btn a:after, .con_day_two .con_stay .box_stay > div .btn a:before, .con_day_two .con_stay .box_stay > div .btn a:after {
  position: absolute;
  display: block;
  content: '';
  height: 0;
  width: 3px;
  background: #51391a;
}
.con_day_one .con_stay .box_stay > div .btn a:before, .con_day_two .con_stay .box_stay > div .btn a:before {
  left: 0;
  bottom: 0;
  -moz-transition: height 0.18s linear;
  -o-transition: height 0.18s linear;
  -webkit-transition: height 0.18s linear;
  transition: height 0.18s linear;
  -moz-transition-delay: 0.36s;
  -o-transition-delay: 0.36s;
  -webkit-transition-delay: 0.36s;
  transition-delay: 0.36s;
}
.con_day_one .con_stay .box_stay > div .btn a:after, .con_day_two .con_stay .box_stay > div .btn a:after {
  top: 0;
  right: 0;
  -moz-transition: height 0.18s linear;
  -o-transition: height 0.18s linear;
  -webkit-transition: height 0.18s linear;
  transition: height 0.18s linear;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
.con_day_one .con_stay .box_stay > div .btn:before, .con_day_one .con_stay .box_stay > div .btn:after, .con_day_two .con_stay .box_stay > div .btn:before, .con_day_two .con_stay .box_stay > div .btn:after {
  position: absolute;
  display: block;
  content: '';
  height: 3px;
  width: 0;
  left: 0;
  background: #51391a;
}
.con_day_one .con_stay .box_stay > div .btn:before, .con_day_two .con_stay .box_stay > div .btn:before {
  bottom: 0;
  width: 100%;
}
.con_day_one .con_stay .box_stay > div .btn:after, .con_day_two .con_stay .box_stay > div .btn:after {
  top: 0;
  -moz-transition: width 0.18s;
  -o-transition: width 0.18s;
  -webkit-transition: width 0.18s;
  transition: width 0.18s;
  -moz-transition-delay: 0.18s;
  -o-transition-delay: 0.18s;
  -webkit-transition-delay: 0.18s;
  transition-delay: 0.18s;
}
.con_day_one .con_stay .box_stay > div .btn:hover:before, .con_day_one .con_stay .box_stay > div .btn:hover:after, .con_day_two .con_stay .box_stay > div .btn:hover:before, .con_day_two .con_stay .box_stay > div .btn:hover:after {
  width: 100%;
}
.con_day_one .con_stay .box_stay > div .btn:hover:after, .con_day_two .con_stay .box_stay > div .btn:hover:after {
  -moz-transition: width 0.18s;
  -o-transition: width 0.18s;
  -webkit-transition: width 0.18s;
  transition: width 0.18s;
  -moz-transition-delay: 0.18s;
  -o-transition-delay: 0.18s;
  -webkit-transition-delay: 0.18s;
  transition-delay: 0.18s;
}
.con_day_one .con_stay .box_stay > div .btn:hover a:before, .con_day_one .con_stay .box_stay > div .btn:hover a:after, .con_day_two .con_stay .box_stay > div .btn:hover a:before, .con_day_two .con_stay .box_stay > div .btn:hover a:after {
  height: 100%;
}
.con_day_one .con_stay .box_stay > div .btn:hover a:before, .con_day_two .con_stay .box_stay > div .btn:hover a:before {
  -moz-transition: height 0.18s linear;
  -o-transition: height 0.18s linear;
  -webkit-transition: height 0.18s linear;
  transition: height 0.18s linear;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
.con_day_one .con_stay .box_stay > div .btn:hover a:after, .con_day_two .con_stay .box_stay > div .btn:hover a:after {
  -moz-transition: height 0.18s linear;
  -o-transition: height 0.18s linear;
  -webkit-transition: height 0.18s linear;
  transition: height 0.18s linear;
  -moz-transition-delay: 0.36s;
  -o-transition-delay: 0.36s;
  -webkit-transition-delay: 0.36s;
  transition-delay: 0.36s;
}
.con_day_one .con_stay .box_stay > div .btn a, .con_day_two .con_stay .box_stay > div .btn a {
  text-decoration: none !important;
}
.con_day_one .con_stay#link01, .con_day_one .con_stay#link05, .con_day_two .con_stay#link01, .con_day_two .con_stay#link05 {
  margin-top: 20px;
}

.con_day_two {
  margin-top: 100px;
}
.con_day_two .photo {
  float: left;
}
.con_day_two .txt {
  float: right;
}
.con_day_two .LOUNGE .txt {
  float: left;
}
.con_day_two .LOUNGE .photo {
  float: right;
}