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

 file name  : facilities_lower
 author     : Ability Consultant
 style info : ～常夏プール（季節営業）～
=================================================================== */
.con_inf, .con_price, .con_notice {
  max-width: 1200px;
  margin: auto;
}
@media only screen and (max-width: 1199px) {
  .con_inf, .con_price, .con_notice {
    width: 91.66667%;
  }
}

.con_pho, .nfool {
  margin: auto;
}
@media only screen and (min-width: 1200px) {
  .con_pho, .nfool {
    padding: 0 5.72917%;
  }
}
@media print {
  .con_pho, .nfool {
    padding: 0 5.72917%;
  }
}
.ie8 .con_pho, .ie8 .nfool {
  padding: 0 5.72917%;
}
@media only screen and (max-width: 1199px) {
  .con_pho, .nfool {
    width: 91.66667%;
  }
}

@font-face {
  font-family: 'min-en_Regular';
  src: url(../css/font/min-en_Regular.woff) format("woff"), url(../css/font/min-en_Regular.ttf) format("opentype");
}
/* font-awesome */
/* -----------------------------------------------------------
	.con_int
----------------------------------------------------------- */
.con_int {
  margin: 80px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_int {
    margin: 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_int {
    margin: 10% 0;
  }
}
.con_int .title {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "Times New Roman", serif;
  font-size: 215%;
  margin-bottom: 15px;
  letter-spacing: .1em;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_int .title {
    font-size: 200%;
  }
}
@media only screen and (max-width: 767px) {
  .con_int .title {
    font-size: 143%;
  }
}
@media only screen and (max-width: 767px) {
  .con_int .title {
    margin-bottom: 3%;
  }
}
.con_int .txt {
  text-align: center;
  padding: 0 1em;
}
.con_int .sub_txt {
  margin-top: 60px;
  color: #00416c;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_int .sub_txt {
    margin-top: 7%;
  }
}
@media only screen and (max-width: 767px) {
  .con_int .sub_txt {
    margin-top: 7%;
  }
}
.con_int .sub_txt em {
  display: block;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_int .title {
    padding: 0 3%;
  }
  .con_int .txt {
    text-align: left;
  }
}

/* -----------------------------------------------------------
	.con_pho
----------------------------------------------------------- */
.con_pho {
  margin-top: 80px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_pho {
    margin-top: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .con_pho {
    margin-top: 5%;
  }
}
.con_pho li {
  float: left;
  width: 48.23529%;
  margin-left: 3.52941%;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_pho li {
    margin-bottom: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .con_pho li {
    margin-bottom: 5%;
  }
}
.con_pho li:nth-child(odd) {
  margin-left: 0;
}

/* -----------------------------------------------------------
	.nfool
----------------------------------------------------------- */
.nfool {
  margin-top: 50px;
  color: #fff;
  background-color: #000;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .nfool {
    margin-top: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .nfool {
    margin-top: 5%;
  }
}
.nfool h3 {
  font-weight: 400;
  color: #323232;
  text-align: center;
  line-height: 1.5;
  padding-top: 130px;
  color: #fff;
}
.nfool h3:before {
  content: "";
  background: #000;
  width: 1px;
  height: 1.5em;
  display: block;
  margin: auto;
  font-weight: 100;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-bottom: .3em;
}
.nfool h3 .en {
  display: block;
  font-family: 'min-en_Regular',serif;
  font-size: 272%;
  line-height: 1.1;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .nfool h3 .en {
    font-size: 272%;
  }
}
@media only screen and (max-width: 767px) {
  .nfool h3 .en {
    font-size: 215%;
  }
}
.nfool h3 .jp {
  display: block;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "Times New Roman", serif;
  font-size: 93%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .nfool h3 {
    padding-top: 13%;
  }
}
@media only screen and (max-width: 767px) {
  .nfool h3 {
    padding-top: 13%;
  }
}
.nfool h3:before {
  background-color: #fff;
}
.nfool .photo {
  margin-top: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .nfool .photo {
    margin-top: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .nfool .photo {
    margin-top: 5%;
  }
}
.nfool .box_txt {
  padding: 50px 0 130px;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .nfool .box_txt {
    padding: 10% 5%;
  }
}
@media only screen and (max-width: 767px) {
  .nfool .box_txt {
    padding: 10% 5%;
  }
}
.nfool .box_txt h4 {
  font-size: 215%;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "Times New Roman", serif;
  font-weight: 100;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .nfool .box_txt h4 {
    font-size: 179%;
  }
}
@media only screen and (max-width: 767px) {
  .nfool .box_txt h4 {
    font-size: 143%;
  }
}
.nfool .box_txt .txt {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .nfool .box_txt .txt {
    margin-top: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .nfool .box_txt .txt {
    margin-top: 5%;
  }
}
@media only screen and (max-width: 1199px) {
  .nfool .box_txt .txt {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .nfool .box_txt p {
    margin-top: 3%;
  }
}

/* -----------------------------------------------------------
	.con_inf
----------------------------------------------------------- */
.con_inf {
  margin: 124px auto 0;
}
@media only screen and (max-width: 767px) {
  .con_inf {
    margin: 5em auto 0;
  }
}
.con_inf h3 {
  font-weight: 400;
  color: #323232;
  text-align: center;
  line-height: 1.5;
}
.con_inf h3:before {
  content: "";
  background: #000;
  width: 1px;
  height: 1.5em;
  display: block;
  margin: auto;
  font-weight: 100;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-bottom: .3em;
}
.con_inf h3 .en {
  display: block;
  font-family: 'min-en_Regular',serif;
  font-size: 272%;
  line-height: 1.1;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_inf h3 .en {
    font-size: 272%;
  }
}
@media only screen and (max-width: 767px) {
  .con_inf h3 .en {
    font-size: 215%;
  }
}
.con_inf h3 .jp {
  display: block;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "Times New Roman", serif;
  font-size: 93%;
}
.con_inf .sub_txt {
  margin-top: 80px;
  font-size: 158%;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "Times New Roman", serif;
  font-weight: 100;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_inf .sub_txt {
    margin-top: 9%;
  }
}
@media only screen and (max-width: 767px) {
  .con_inf .sub_txt {
    margin-top: 7%;
  }
}
.con_inf .box_inf {
  margin-top: 55px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .con_inf .box_inf {
    margin-top: 10%;
  }
}
.con_inf .box_inf table {
  width: 100%;
}
.con_inf .box_inf dl {
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_inf .box_inf dl {
    padding-bottom: 2%;
  }
}
@media only screen and (max-width: 767px) {
  .con_inf .box_inf dl {
    padding-bottom: 10%;
  }
}
.con_inf .box_inf dl dt {
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_inf .box_inf dl dt {
    margin-bottom: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .con_inf .box_inf dl dt {
    margin-bottom: 2%;
  }
}
.con_inf .box_inf dl dd {
  text-align: left;
}
.con_inf .box_inf dl .right {
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .con_inf .box_inf {
    display: table;
  }
  .con_inf .box_inf dl {
    border-bottom: 1px solid #d9d9d9;
    display: table-cell;
  }
  .con_inf .box_inf .right dt {
    text-align: right;
  }
  .con_inf .box_inf .right dd {
    text-align: right;
  }
}
@media print {
  .con_inf .box_inf {
    display: table;
  }
  .con_inf .box_inf dl {
    border-bottom: 1px solid #d9d9d9;
    display: table-cell;
  }
  .con_inf .box_inf .right dt {
    text-align: right;
  }
  .con_inf .box_inf .right dd {
    text-align: right;
  }
}
.ie8 .con_inf .box_inf {
  display: table;
}
.ie8 .con_inf .box_inf dl {
  border-bottom: 1px solid #d9d9d9;
  display: table-cell;
}
.ie8 .con_inf .box_inf .right dt {
  text-align: right;
}
.ie8 .con_inf .box_inf .right dd {
  text-align: right;
}
.con_inf .memo {
  margin-top: 10px;
  margin-left: 1em;
}
@media only screen and (max-width: 767px) {
  .con_inf .memo {
    margin-top: 2%;
  }
}

/* -----------------------------------------------------------
	.con_price
----------------------------------------------------------- */
.con_price {
  margin-top: 130px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_price {
    margin-top: 10%;
  }
}
@media only screen and (max-width: 767px) {
  .con_price {
    margin-top: 10%;
  }
}
.con_price h4 {
  font-size: 158%;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "Times New Roman", serif;
  font-weight: 100;
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_price h4 {
    margin-bottom: 7%;
  }
}
@media only screen and (max-width: 767px) {
  .con_price h4 {
    margin-bottom: 5%;
  }
}
.con_price .box_price {
  width: 50%;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .con_price .box_price {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .con_price .box_price {
    float: left;
  }
}
@media print {
  .con_price .box_price {
    float: left;
  }
}
.ie8 .con_price .box_price {
  float: left;
}
.con_price .box_price li {
  border-bottom: 1px solid #d9d9d9;
  padding: 1% 4%;
  padding: 1% 4%;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .con_price .box_price li {
    padding: 2% 4%;
  }
}
.con_price .box_price li .menu {
  float: left;
}
.con_price .box_price li .pri {
  float: right;
}
.con_price .box_price li.null span {
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  .con_price .box_price {
    border-top: 1px solid #d9d9d9;
  }
}
@media print {
  .con_price .box_price {
    border-top: 1px solid #d9d9d9;
  }
}
.ie8 .con_price .box_price {
  border-top: 1px solid #d9d9d9;
}
@media only screen and (max-width: 767px) {
  .con_price h4 + .box_price {
    border-top: 1px solid #d9d9d9;
  }
}

/* -----------------------------------------------------------
	.con_notice
----------------------------------------------------------- */
.con_notice {
  margin-top: 110px;
  padding: 70px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f1f1f1;
  display: table;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_notice {
    margin-top: 10%;
  }
}
@media only screen and (max-width: 767px) {
  .con_notice {
    margin-top: 10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_notice {
    padding: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .con_notice {
    padding: 3%;
  }
}
.con_notice .title {
  font-size: 143%;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "Times New Roman", serif;
  width: 25%;
  vertical-align: top;
  font-weight: 100;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_notice .title {
    font-size: 136%;
  }
}
@media only screen and (max-width: 767px) {
  .con_notice .title {
    font-size: 129%;
  }
}
.con_notice .box_txt {
  float: right;
  display: table-cell;
}
.con_notice .box_txt p {
  margin-top: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_notice .box_txt p {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .con_notice .box_txt p {
    margin-top: 10%;
  }
}
.con_notice .box_txt p span {
  display: block;
  margin-bottom: 1%;
}
@media only screen and (min-width: 768px) {
  .con_notice .title {
    display: table-cell;
  }
  .con_notice .box_txt {
    display: table-cell;
  }
}
@media print {
  .con_notice .title {
    display: table-cell;
  }
  .con_notice .box_txt {
    display: table-cell;
  }
}
.ie8 .con_notice .title {
  display: table-cell;
}
.ie8 .con_notice .box_txt {
  display: table-cell;
}
@media only screen and (max-width: 767px) {
  .con_notice {
    padding: 7% 5%;
  }
  .con_notice .title {
    width: 100%;
    display: block;
    margin-bottom: 7%;
  }
  .con_notice .box_txt {
    font-size: 86%;
  }
  .con_notice .box_txt ul li {
    padding: 1% 0;
  }
}