@charset "UTF-8";
/* Hover animation */
/*　ボタン設定　*/
/* ===================================================================
CSS information

 file name  :copy.css
 author     :Ability Consultant
style info  :タイトル
=================================================================== */
/*----------------------------------------------------
	.con_mainimg	メインイメージ
----------------------------------------------------*/
#header .con_mainimg {
  background: url(../accomodations/images/img_main.jpg) center 0 no-repeat #7c6954;
}

/* -----------------------------------------------------------
	.con_main
----------------------------------------------------------- */
.con_main {
  margin-top: 50px !important;
  position: relative;
  min-height: 400px;
}
.con_main .img .caption {
  position: absolute;
  right: -5px;
  bottom: -5px;
  z-index: 2;
}

/* -----------------------------------------------------------
	.con_rooms
----------------------------------------------------------- */
.con_rooms {
  margin-top: 60px !important;
}
.con_rooms h3 {
  margin-bottom: 30px;
}
.con_rooms h3 span {
  display: inline-block;
  font-weight: normal;
}
.con_rooms h3 span.en {
  font-family: "EB Garamond", serif;
  font-size: 40px;
}
.con_rooms h3 span.jp {
  font-size: 15px;
  position: relative;
  top: 10px;
  padding-left: 40px;
  font-weight: normal;
  color: #7c6954;
}
.con_rooms h3 span.jp:before {
  content: ' ';
  position: absolute;
  top: -13px;
  left: 7px;
  width: 33px;
  height: 33px;
  background: url(../images/home/st_line_slash.png) no-repeat;
}

/* -----------------------------------------------------------
	.con_service
----------------------------------------------------------- */
.con_service {
  background: #f3ede6;
  padding: 40px 0;
  margin: 0 0 50px 0;
}
.con_service .con_inner {
  width: 900px;
  margin: 0 auto;
  overflow: hidden;
}
.con_service h3 span {
  display: inline-block;
  font-weight: normal;
}
.con_service h3 span.en {
  font-family: "EB Garamond", serif;
  font-size: 40px;
}
.con_service h3 span.jp {
  font-size: 15px;
  position: relative;
  top: 10px;
  padding-left: 40px;
  font-weight: normal;
  color: #7c6954;
}
.con_service h3 span.jp:before {
  content: ' ';
  position: absolute;
  top: -13px;
  left: 7px;
  width: 33px;
  height: 33px;
  background: url(../images/home/st_line_slash.png) no-repeat;
}
.con_service h4 {
  font-size: 130%;
  color: #24282f;
  position: relative;
  border: dotted 1px #b2b2b2;
  padding: 7px 7px 7px 45px;
  background: #f9f7f3;
  box-shadow: rgba(255, 255, 255, 0.8) 0px 0px 15px 5px inset;
  -webkit-box-shadow: rgba(255, 255, 255, 0.8) 0px 0px 15px 5px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.8) 0px 0px 15px 5px inset;
  margin-bottom: 30px;
  margin-bottom: 20px;
}
.con_service h4:before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 10px;
  width: 27px;
  height: 27px;
  margin-top: -13px;
  background: url(../images/common/ic_flower.png) center no-repeat;
  background-size: contain;
}
.con_service .wrp_amenity {
  margin-top: 30px;
}
.con_service .wrp_amenity .box_intro ul {
  overflow: hidden;
}
.con_service .wrp_amenity .box_intro ul li {
  float: left;
  width: 20%;
  text-align: center;
}
.con_service .wrp_amenity .box_intro ul li h5 {
  margin-top: 20px;
  font-size: 110%;
  color: #000000;
  margin-bottom: 10px;
}
.con_service .wrp_amenity .box_intro ul li .txt_link {
  margin-top: 15px;
}
.con_service .wrp_amenity .box_intro ul li .txt_link li {
  margin-left: 0.6em;
}
.con_service .wrp_amenity .box_detail {
  overflow: hidden;
  margin-top: 25px;
}
.con_service .wrp_amenity .box_detail .wrp_img_amenity {
  width: 60.7%;
  float: left;
  overflow: hidden;
}
.con_service .wrp_amenity .box_detail .wrp_img_amenity .clear_both {
  clear: both;
}
.con_service .wrp_amenity .box_detail .wrp_img_amenity .box_amenity {
  width: 48%;
  margin-left: 10px;
  padding-bottom: 20px;
  float: left;
}
.con_service .wrp_amenity .box_detail .wrp_img_amenity .box_amenity h5 {
  margin-top: 20px;
  font-size: 110%;
  color: #000000;
  text-align: center;
  margin-bottom: 10px;
}
.con_service .wrp_amenity .box_detail .list {
  float: right;
  width: 36.4%;
}
.con_service .wrp_amenity .box_detail .list li {
  padding: 5px 10px;
}
.con_service .wrp_amenity .box_detail .list li:nth-child(odd) {
  background: #fff;
}
.con_service .wrp_amenity .wrp_service {
  margin-top: 50px;
}
.con_service .wrp_amenity .wrp_service .box_list {
  overflow: hidden;
}
.con_service .wrp_amenity .wrp_service .box_list .list {
  width: 50%;
  float: left;
}
.con_service .wrp_amenity .wrp_service .box_list .list li {
  padding: 5px 10px;
}
.con_service .wrp_amenity .wrp_service .box_list .list li:nth-child(odd) {
  background: #fff;
}
.con_service .wrp_amenity .wrp_service .txt_link {
  padding-left: 10px;
  margin-top: 15px;
}
.con_service .wrp_amenity .wrp_service .txt_link i {
  margin-left: 0.6em;
}
