@charset "UTF-8";
.con_intro {
  max-width: 1100px;
  margin: auto;
}
@media only screen and (max-width: 1100px) {
  .con_intro {
    width: 95%;
  }
}

.con_stay, .img_banner, .con_shoping {
  max-width: 1020px;
  margin: auto;
}
@media only screen and (max-width: 1100px) {
  .con_stay, .img_banner, .con_shoping {
    width: 95%;
  }
}

.con_stay:after, .con_shoping:after {
  content: "";
  display: table;
  clear: both;
}

.ic_yel a:before {
  content: url("../images/common/ic_arr_yel.png");
  margin-right: 3px;
}

.ic_gre a:before {
  content: url("../images/common/ic_arr_gre.png") !important;
  margin-right: 3px;
}

/* ===================================================================
CSS information

 file name  :stay.css
 author     :Ability Consultant
style info  :コピー
=================================================================== */
/* -----------------------------------------------------------
	タイトル
----------------------------------------------------------- */
.page_title {
  width: 100%;
  height: 187px;
  text-align: center;
  position: relative;
  background: url(../stay/images/bg_title.jpg) #677231 no-repeat center center;
}
.page_title img {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  margin-top: -21px;
  margin-left: -157px;
  vertical-align: middle;
}

#contents .btn_yel {
  background: url("../images/common/bg_yel_zara.png") repeat left top;
  border-color: #b9a034;
  border-style: solid;
  width: 200px;
  width: 31.81818%;
  margin: 1.5em auto;
  padding: 0.6em 1em;
}
#contents .btn_yel a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  text-align: center;
  font-weight: normal;
}
#contents .btn_yel a:link, #contents .btn_yel a:visited, #contents .btn_yel a:hover, #contents .btn_yel a:active {
  text-decoration: none;
  color: #fff !important;
}
@media only screen and (min-width: 641px) {
  #contents .btn_yel {
    border-width: 3px;
  }
  #contents .btn_yel a {
    padding: 0.5em 1em;
  }
}
@media print {
  #contents .btn_yel {
    border-width: 3px;
  }
  #contents .btn_yel a {
    padding: 0.5em 1em;
  }
}
.ie8 #contents .btn_yel {
  border-width: 3px;
}
.ie8 #contents .btn_yel a {
  padding: 0.5em 1em;
}
@media only screen and (max-width: 640px) {
  #contents .btn_yel {
    border-width: 2px;
  }
  #contents .btn_yel a {
    padding: 1em .5em;
  }
}
#contents .btn_yel a:before {
  content: url("../images/common/ic_arr_yel.png");
  margin-right: 3px;
}
@media only screen and (max-width: 1100px) {
  #contents .btn_yel {
    width: 70%;
    padding: 0;
    border-width: 4px;
    margin: 1.5em auto;
    float: none;
  }
  #contents .btn_yel a {
    padding: 0.5em .5em;
  }
}

/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
.con_intro {
  margin: 0 auto;
}
.con_intro h3 {
  text-align: center;
  margin-bottom: 35px;
}
.con_intro .title_intro {
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .con_intro .title_intro {
    text-align: left;
  }
}

/* -----------------------------------------------------------
	.con_stay
----------------------------------------------------------- */
.con_stay {
  margin: 0 auto;
  overflow: hidden;
  padding-top: 40px;
}
.con_stay.con_garden h4 {
  margin-top: -45px;
}
.con_stay h4 {
  margin-bottom: 30px;
}
.con_stay .box_left {
  width: 30.39216%;
  float: left;
  margin-right: 1.56863%;
}
.con_stay .box_md {
  width: 33.92157%;
  float: left;
  text-align: right;
}
.con_stay .box_right {
  width: 33.92157%;
  float: right;
  margin-left: 0.19608%;
}
.con_stay .clearfix {
  clear: both;
  overflow: hidden;
}
.con_stay .box_btn {
  float: right;
}

.img_banner {
  margin: 70px auto 0;
}
@media only screen and (max-width: 640px) {
  .img_banner {
    margin: 2% 0 0;
  }
}

/* -----------------------------------------------------------
	.con_shoping
----------------------------------------------------------- */
.con_shoping {
  margin: 0 auto 30px;
  overflow: hidden;
}
.con_shoping .box_shoping {
  width: 42.64706%;
  float: left;
}
.con_shoping .box_shoping h4 {
  margin-bottom: 25px;
}
.con_shoping .box_checkout {
  width: 48.72549%;
  float: right;
}
.con_shoping .box_checkout h4 {
  margin-bottom: 25px;
  margin-left: -40px;
}
.con_shoping .box_checkout .txt {
  margin-top: -30px;
}

/* -----------------------------------------------------------
	responsive
----------------------------------------------------------- */
@media only screen and (max-width: 640px) {
  .con_stay {
    padding-top: 45px;
  }
  .con_stay.con_garden h4 {
    margin-top: -30px !important;
  }
  .con_stay .box_left, .con_stay .box_md {
    width: 49.01961%;
    margin-bottom: 15px;
    text-align: left;
    margin-right: 1.47059%;
    font-size: 100%;
  }
  .con_stay .box_md {
    width: 48.52941%;
    margin-bottom: 15px;
    text-align: right;
    margin-right: 0;
    float: right;
  }
  .con_stay .box_btn {
    float: inherit;
  }

  .con_shoping .box_shoping {
    width: 100%;
    float: inherit;
    text-align: center;
    clear: both;
    overflow: hidden;
    padding-top: 40px;
  }
  .con_shoping .box_shoping h4 {
    width: 49.01961%;
    float: left;
    margin-top: -30px;
  }
  .con_shoping .box_shoping p {
    width: 49.01961%;
    float: right;
  }
  .con_shoping .box_shoping .txt {
    float: left;
  }
  .con_shoping .txt {
    margin-top: 0 !important;
  }
  .con_shoping .box_checkout {
    float: inherit;
    margin-bottom: 15px;
    text-align: center;
    clear: both;
    overflow: hidden;
    width: 100%;
  }
  .con_shoping .box_checkout h4 {
    margin-left: 0;
    text-align: left;
    width: 60%;
  }
  .con_shoping .box_checkout p {
    text-align: left;
  }
}