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

 file name  : facilities.css
 author     : Ability Consultant
 style info : コピー
=================================================================== */
/* -----------------------------------------------------------
	SLICK SLIDER
----------------------------------------------------------- */
/* -----------------------------------------------------------
	style common
----------------------------------------------------------- */
.title_page {
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  font-size: 185%;
  color: #000;
  text-align: center;
  font-weight: normal;
  margin-bottom: .7em;
}
.title_page span {
  display: inline-block;
  position: relative;
  letter-spacing: .1em;
}
.title_page span:before {
  content: "";
  width: 60px;
  height: 23px;
  background: url(../facilities/images/ic_tileft.png) 0 0 no-repeat;
  position: absolute;
  right: -3em;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 0;
}
.title_page span:after {
  content: "";
  width: 60px;
  height: 23px;
  background: url(../facilities/images/ic_tiright.png) 0 0 no-repeat;
  position: absolute;
  left: -3em;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 0;
}

h4 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  font-size: 170%;
  color: #44861c;
  font-weight: bold;
}

.btn_more {
  display: inline-block;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M4YzhjOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #c8c8c8));
  background: -moz-linear-gradient(#fefefe, #c8c8c8);
  background: -webkit-linear-gradient(#fefefe, #c8c8c8);
  background: linear-gradient(#fefefe, #c8c8c8);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFEFEFE', endColorstr='#FFC8C8C8');
  color: #4c4c4c;
  text-align: center;
  text-decoration: none;
  padding: .8em 2.5em;
  font-size: 108%;
  border: 1px solid #d7d7d7;
  padding: .7em .2em;
  display: block;
  text-decoration: none !important;
  font-size: 100%;
}
.btn_more:before, .btn_more:after {
  font-family: FontAwesome;
  vertical-align: baseline;
}
.btn_more > * {
  vertical-align: baseline;
  display: inline;
}
.btn_more:before {
  content: "";
  margin-right: .5em;
}
@media only screen and (max-width: 767px) {
  .btn_more {
    padding: .8em 0;
  }
}
.btn_more:hover {
  color: #4c4c4c;
}

.tbl_info {
  width: 100%;
  border: 1px solid #4f7310;
}
.tbl_info th {
  background: #4f7310;
  color: #FFF;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #FFF;
  padding: .8em .8em;
  text-align: center;
  width: 30%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .tbl_info th {
    width: auto;
  }
}
.tbl_info td {
  text-align: left;
  border-bottom: 1px solid #4f7310;
  padding: .8em .8em;
}

/* -----------------------------------------------------------
	#facilities
----------------------------------------------------------- */
#facilities .con_title h2 span {
  display: block;
  color: #FFF;
}
#facilities .con_title h2 span.jp {
  font-size: 308%;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  text-shadow: 2px -2px 3px rgba(0, 0, 0, 0.3), 2px 2px 3px rgba(0, 0, 0, 0.3), -2px 2px 2px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 767px) {
  #facilities .con_title h2 span.jp {
    font-size: 154%;
  }
}
#facilities .con_title h2 span.en {
  font-size: 108%;
  letter-spacing: 1px;
  text-shadow: 2px -2px 3px rgba(0, 0, 0, 0.3), 2px 2px 3px rgba(0, 0, 0, 0.3), -2px 2px 2px rgba(0, 0, 0, 0.3);
}

/* -----------------------------------------------------------
	.con_map
----------------------------------------------------------- */
.con_map {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_map {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .con_map {
    margin-bottom: 4em;
  }
}
.con_map .box_map {
  border: 1px solid #4f7310;
}
.con_map .txt_info {
  margin-top: 1em;
}

/* -----------------------------------------------------------
	.con_facilities
----------------------------------------------------------- */
.con_facilities {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_facilities {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .con_facilities {
    margin-bottom: 2em;
  }
}
.con_facilities .box_facilities {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_facilities .box_facilities {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .con_facilities .box_facilities {
    margin-bottom: 3em;
  }
}
.con_facilities .box_facilities .img {
  margin-bottom: 1em;
}
.con_facilities .box_facilities .box_txt {
  width: 65%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .con_facilities .box_facilities .box_txt {
    width: 100%;
    margin-bottom: 3%;
  }
}
.con_facilities .box_facilities .box_btn {
  float: right;
  width: 195px;
}
@media only screen and (max-width: 767px) {
  .con_facilities .box_facilities .box_btn {
    width: 100%;
    padding: 0 5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.con_facilities .box_facilities h4 {
  display: inline-block;
  margin-right: 1.5em;
}
.con_facilities .box_facilities p {
  display: inline-block;
  line-height: 2;
}
.con_facilities .box_fac_sub {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_facilities .box_fac_sub {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .con_facilities .box_fac_sub {
    margin-bottom: 3em;
  }
}
.con_facilities .box_fac_sub .box_left {
  width: 63.63636%;
  float: left;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_facilities .box_fac_sub .box_left {
    width: 52%;
  }
}
@media only screen and (max-width: 767px) {
  .con_facilities .box_fac_sub .box_left {
    width: 100%;
    margin-bottom: 3%;
  }
}
.con_facilities .box_fac_sub .box_right {
  width: 32.90909%;
  float: right;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_facilities .box_fac_sub .box_right {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .con_facilities .box_fac_sub .box_right {
    width: 100%;
  }
}
.con_facilities .box_fac_sub.right .box_left {
  float: right;
}
.con_facilities .box_fac_sub.right .box_right {
  float: left;
}
.con_facilities .box_fac_sub h4 {
  margin-bottom: .7em;
}
.con_facilities .box_fac_sub p.txt {
  margin-bottom: 1.5em;
}
.con_facilities .box_fac_sub .img_s img {
  width: 100%;
}

/* -----------------------------------------------------------
	.box_shop
----------------------------------------------------------- */
.box_shop {
  overflow: hidden;
  *zoom: 1;
}
.box_shop ul {
  overflow: hidden;
  *zoom: 1;
}
.box_shop ul li {
  width: 48.18182%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .box_shop ul li {
    width: 100%;
    margin-bottom: 3em;
  }
}
.box_shop ul li:last-child {
  float: right;
}
.box_shop ul li .img {
  margin-bottom: .5em;
}
.box_shop ul li .img img {
  width: 100%;
}
.box_shop ul li h4 {
  margin-bottom: .5em;
}
.box_shop ul li .txt_desc {
  margin-bottom: 1em;
}
@media only screen and (min-width: 768px) {
  .box_shop ul li .btn_more {
    width: 200px;
  }
}
@media print {
  .box_shop ul li .btn_more {
    width: 200px;
  }
}
.ie8 .box_shop ul li .btn_more {
  width: 200px;
}

/* -----------------------------------------------------------
	.con_information
----------------------------------------------------------- */
.con_info {
  /* @include clearfix; */
  background: #f2f2eb;
  padding: 1.81818%;
}
@media only screen and (max-width: 767px) {
  .con_info {
    padding: 4%;
  }
}
.con_info .box_img {
  margin-bottom: 1em;
}
.con_info .wrp_info {
  display: flex;
}
@media only screen and (max-width: 1100px) {
  .con_info .wrp_info {
    display: block;
  }
}
.con_info .wrp_info .box_txt {
  width: 78%;
  /* float: left; */
  overflow: hidden;
  *zoom: 1;
  /* h4 {
  	float: left;
  	margin-right: 1.5em;
  } */
}
@media only screen and (max-width: 1100px) {
  .con_info .wrp_info .box_txt {
    width: 100%;
    margin-bottom: 1.5em;
    /* float: none; */
  }
}
.con_info .wrp_info .box_txt p {
  /* float: left;
  display: inline-block; */
  line-height: 2;
}
.con_info .wrp_info .box_btn_wine {
  width: 22%;
  /* float: right; */
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_info .wrp_info .box_btn_wine {
    width: 250px;
    margin: auto;
    /* float: none; */
  }
}
@media only screen and (max-width: 767px) {
  .con_info .wrp_info .box_btn_wine {
    width: 100%;
    padding: 0 5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.con_info .wrp_info .box_btn_wine a {
  display: block;
  font-size: 108%;
  color: #FFF;
  text-align: center;
  background: linear-gradient(#820e6c, #470932);
  box-sizing: border-box;
  padding: 1em .5em;
}
