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

 file name  : retreat.css
 author     : Ability Consultant
 style info : くつろぎSalon
=================================================================== */
#gnav {
  display: none;
}

#htlSide-A {
  top: 692px;
}

h4 {
  text-align: center;
}

/* -----------------------------------------------------------
	con_int
----------------------------------------------------------- */
.con_int {
  margin: 20px 0 15px;
  overflow: hidden;
  text-align: center;
}
.con_int .catch_int {
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
  font-size: 200%;
  letter-spacing: .2em;
  position: relative;
  margin: 30px 0;
  font-size: 20px;
}
.con_int .catch_int small {
  font-size: 74%;
  letter-spacing: normal;
}
.con_int .catch_int em {
  color: #85782c;
}
.con_int .txt {
  line-height: 2.5em;
}
.con_int .photo {
  margin-top: 40px;
}

/* -----------------------------------------------------------
	.box_all 里山リトリート list
----------------------------------------------------------- */
.box_all {
  margin-top: 100px;
}
.box_all .li_kutsu {
  width: 950px;
  margin: 0 auto 50px;
  overflow: hidden;
}
.box_all .li_kutsu li {
  overflow: hidden;
  float: left;
  width: 25%;
}
.box_all .li_kutsu li:last-child {
  margin: 0;
}
.box_all .li_kutsu li .tit {
  float: left;
  margin-bottom: 1.5%;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
  overflow: hidden;
  font-weight: normal;
}
.box_all .li_kutsu li .tit em {
  margin-right: 0.5em;
  display: inline-block;
  background-color: #a0a462;
  padding: 0.2em 0.5em;
  color: #fff;
  position: relative;
}
.box_all .li_kutsu li .tit em.plus {
  background-color: #cea95e;
  padding: 0.2em 1.2em 0.2em 0.5em;
}
.box_all .li_kutsu li .tit em span {
  position: absolute;
  top: 2px;
  right: .5em;
  font-size: 72%;
}
.box_all .li_kutsu li .tit_s {
  float: left;
  margin-bottom: 1.5%;
  width: 49.8%;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
  position: relative;
  overflow: hidden;
}
.box_all .li_kutsu li .tit_s em {
  margin-right: 0.5em;
  display: inline-block;
  background-color: #a0a462;
  padding: 0.2em 0.5em;
  color: #fff;
}
.box_all .li_kutsu li .tit_s em.plus {
  background-color: #cb920c;
  padding: 0.2em 1.5em 0.2em 0.5em;
}
.box_all .li_kutsu li .tit_s em span {
  position: absolute;
  top: 2px;
  left: 125px;
  font-size: 72%;
}
.box_all .li_kutsu li .st {
  font-size: 118%;
  color: #71761d;
  letter-spacing: -0.05em;
  margin-top: 13px;
}
.box_all .li_kutsu li .st em {
  font-size: 79%;
}
.box_all .li_kutsu li .sst {
  font-size: 111%;
  color: #71761d;
  margin-bottom: 5px;
  letter-spacing: -0.05em;
  margin-top: 13px;
}
.box_all .li_kutsu li .sst em {
  font-size: 79%;
}
.box_all .li_kutsu li .txt {
  margin-top: 10px;
}
.box_all .li_kutsu li:first-child {
  font-weight: bold;
  font-size: 125%;
  width: 100%;
  margin-bottom: 5px;
}
.box_all .li_kutsu li a {
  -moz-transition: opacity 200ms ease-in;
  -o-transition: opacity 200ms ease-in;
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
  text-decoration: none;
}
.mouse .box_all .li_kutsu li a {
  -moz-transition: opacity 200ms ease-in;
  -o-transition: opacity 200ms ease-in;
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
}
.box_all .li_kutsu li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.box_all .li_kutsu > .txt {
  clear: both;
  display: block;
}
.box_all .li_kutsu .sakura {
  width: 49.8%;
  float: left;
  margin-right: 3px;
}
.box_all .li_kutsu .sakura:last-child {
  margin: 0;
}
.box_all .li_kutsu .last {
  margin-right: 0;
}
.box_all .li_kutsu .sakura_sec {
  width: 100%;
}
.box_all .con_plus {
  margin-bottom: 3em;
}
.box_all .last {
  margin-bottom: 100px;
}