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

 file name  : facilities.css
 author     : Ability Consultant
 style info : ホテルのご案内
=================================================================== */
@font-face {
	font-family: YuGothicM;
	src: local("Yu Gothic Medium");
}
.con_map, .con_fcl_s {
	max-width: 1280px;
	margin: auto;
	width: 95%;
}

/*Animate */
.tit {
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 188%;
	line-height: 1em;
	letter-spacing: 0.1em;
	color: #000;
}

.logo_spa {
	width: 145px;
}
@media only screen and (max-width: 767px) {
  .logo_spa {
		width: 95px;
  }
}

.con_map {
	margin-top: 32px;
}
@media only screen and (max-width: 767px) {
  .con_map {
		margin-top: 5%;
  }
}
.con_map .i {
	text-align: center;
	margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  .con_map .i {
		margin-top: 1em;
  }
}

.con_fcl_s ul > li .t {
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 28px;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	color: #000;
	margin-top: -0.2em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fcl_s ul > li .t {
		font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .con_fcl_s ul > li .t {
		font-size: 1.2em;
  }
}
.con_fcl_s ul > li .txt_fcl_s {
	margin-top: 1em;
}
.con_fcl_s ul > li .btn_more {
	margin-top: 1em;
}
@media only screen and (min-width: 768px) {
  .con_fcl_s ul > li {
		display: flex;
		margin-top: 40px;
  }
  .con_fcl_s ul > li .i {
		width: 40%;
		margin-right: 3%;
  }
  .con_fcl_s ul > li .txt_s {
		margin-top: 32px;
  }
  .con_fcl_s ul > li > div {
		width: 57%;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .con_fcl_s ul > li .i {
		width: 40%;
  }
  .con_fcl_s ul > li .txt_s {
		margin-top: 24px;
  }
  .con_fcl_s ul > li > div {
		width: 57%;
  }
}

@media print {
  .con_fcl_s ul > li {
		display: flex;
		margin-top: 40px;
  }
  .con_fcl_s ul > li .i {
		width: 40%;
		margin-right: 3%;
  }
  .con_fcl_s ul > li .txt_s {
		margin-top: 32px;
  }
  .con_fcl_s ul > li > div {
		width: 57%;
  }
}
.ie8 .con_fcl_s ul > li {
	display: flex;
	margin-top: 40px;
}
.ie8 .con_fcl_s ul > li .i {
	width: 40%;
	margin-right: 3%;
}
.ie8 .con_fcl_s ul > li .txt_s {
	margin-top: 32px;
}
.ie8 .con_fcl_s ul > li > div {
	width: 57%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ie8 .con_fcl_s ul > li .i {
		width: 40%;
  }
  .ie8 .con_fcl_s ul > li .txt_s {
		margin-top: 24px;
  }
  .ie8 .con_fcl_s ul > li > div {
		width: 57%;
  }
}
@media only screen and (max-width: 767px) {
  .con_fcl_s ul {
		display: flex;
		flex-wrap: wrap;
  }
  .con_fcl_s ul > li {
		width: 48%;
		margin-top: 5%;
  }
  .con_fcl_s ul > li:nth-child(2n) {
		margin: 5% 0 0 4%;
  }
  .con_fcl_s ul > li > div {
		margin-top: 1em;
  }
  .con_fcl_s ul > li > div .txt_fcl_s {
		margin-top: 0.5em;
		line-height: 1.6em;
  }
  .con_fcl_s ul > li > div .txt_s {
		margin-top: 0.5em;
  }
  .con_fcl_s ul > li > div .btn_more {
		text-align: center;
  }
}
@media only screen and (min-width: 1025px) {
  .con_fcl_s ul {
		width: 58%;
		margin-left: auto;
  }
}
@media print {
  .con_fcl_s ul {
		width: 58%;
		margin-left: auto;
  }
}
.ie8 .con_fcl_s ul {
	width: 58%;
	margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fcl_s ul {
		width: 54%;
		margin-left: auto;
  }
}

.layout_primary_2c .kids {
	width: 100%;
}

@media only screen and (max-width: 767px) {
  .btn_style_line a {
		width: 100%;
  }
}