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

 file name  : facilities.css
 author     : Ability Consultant
 style info : 館内施設
=================================================================== */
.con_lnk ul, .con_faci .box_faci4 {
  max-width: 950px;
  margin: auto;
}
@media only screen and (max-width: 1024px) {
  .con_lnk ul, .con_faci .box_faci4 {
    width: 95%;
  }
}

.con_faci .box_faci1:after, .con_faci .box_faci2:after, .con_faci .box_faci3:after, .con_faci .box_faci4 ul:after, .con_faci .box_faci5:after {
  content: "";
  display: table;
  clear: both;
}

/* Animation */
/* Font size */
/*Vertical text */
/* -----------------------------------------------------------
	con_main
----------------------------------------------------------- */
.con_main {
  background: transparent url(../images/facilities/img_main.jpg) no-repeat center center;
  background-size: cover;
}

/* -----------------------------------------------------------
	con_lnk
----------------------------------------------------------- */
.con_lnk {
  padding: 45px 0;
  background: transparent url(../images/common/bg_lnk.jpg);
}
.con_lnk ul {
  text-align: center;
}
.con_lnk ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0  1em;
}
.con_lnk ul li a {
  text-decoration: none !important;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
  font-size: 100%;
}
.mouse .con_lnk ul li a:hover, .touch .con_lnk ul li a.touchstart {
  text-decoration: underline !important;
}
.touch .con_lnk ul li a {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_lnk ul li a.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.con_lnk p {
  text-align: center;
}
.con_lnk p select {
  max-width: 100%;
  padding: .5em;
}

/* -----------------------------------------------------------
	con_intro
----------------------------------------------------------- */
.con_intro {
  background: transparent url(../images/facilities/bg_intro.jpg) no-repeat center center;
  background-size: cover;
  height: 400px;
  position: relative;
  text-align: center;
  padding-top: 8em;
  margin-bottom: 80px;
}
.con_intro .box_intro {
  color: #fff;
}
.con_intro .box_intro .txt {
  margin-top: 1em;
  line-height: 2.5;
  font-size: 100%;
}

/* -----------------------------------------------------------
	con_faci
----------------------------------------------------------- */
.con_faci {
  background: transparent url(../images/hotspring/bg_hot.jpg) no-repeat top right;
  background-size: 37.92536%;
}
.con_faci .box_st {
  background: transparent url(../images/hotspring/bg_st.jpg) no-repeat top left;
  background-size: 32.49177%;
  text-align: center;
  padding: 140px 0 40px;
}
.con_faci .box_st h3 {
  margin-bottom: 25px;
}
.con_faci .box_st .txt {
  line-height: 1.8;
  font-size: 100%;
  color: #232323;
}
.con_faci .box_faci1 {
  max-width: 950px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 80px;
}
@media only screen and (max-width: 949px) {
  .con_faci .box_faci1 {
    width: 95%;
  }
}
.con_faci .box_faci1 .box_slide_1 {
  float: right;
  position: relative;
  width: 630px;
  height: 386px;
  overflow: hidden;
}
.con_faci .box_faci1 .box_slide_1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.con_faci .box_faci1 .box_slide_1 ul li {
  z-index: 10;
  opacity: 0;
  width: 630px;
  height: 386px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: anime 12s 0s infinite;
  animation: anime 12s 0s infinite;
}
.con_faci .box_faci1 .box_slide_1 ul li:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.con_faci .box_faci1 .box_slide_1 ul li:nth-child(2) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.con_faci .box_faci1 .box_slide_1 ul li:nth-child(3) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}
.con_faci .box_faci1 .box_slide_1 ul li img {
  width: 630px;
  height: 386px;
}
.con_faci .box_faci1 .box_info {
  float: left;
  width: 300px;
  margin-top: 60px;
}
@media only screen and (max-width: 949px) {
  .con_faci .box_faci1 .box_info {
    margin-top: 1em;
  }
}
.con_faci .box_faci1 .box_info .info {
  max-width: 300px;
  float: left;
}
@media only screen and (max-width: 949px) {
  .con_faci .box_faci1 .box_info .info {
    max-width: 500px;
  }
}
.con_faci .box_faci1 .box_info .info h3 {
  text-align: center;
  margin-bottom: 55px;
}
.con_faci .box_faci1 .box_info .info .txt {
  line-height: 1.8;
  font-size: 100%;
}
.con_faci .box_faci2 {
  background: transparent url(../images/facilities/bg_din.jpg);
  margin-bottom: 80px;
  padding-bottom: 30px;
}
.con_faci .box_faci2 .box_slide_2 {
  position: relative;
  width: 950px;
  height: 583px;
  overflow: hidden;
}
.con_faci .box_faci2 .box_slide_2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.con_faci .box_faci2 .box_slide_2 ul li {
  z-index: 10;
  opacity: 0;
  width: 950px;
  height: 583px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: anime 12s 0s infinite;
  animation: anime 12s 0s infinite;
}
.con_faci .box_faci2 .box_slide_2 ul li:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.con_faci .box_faci2 .box_slide_2 ul li:nth-child(2) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.con_faci .box_faci2 .box_slide_2 ul li:nth-child(3) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}
.con_faci .box_faci2 .box_slide_2 ul li img {
  width: 950px;
  height: 583px;
}
}
.con_faci .box_faci2 .box_info {
  width: 950px;
  text-align: center;
  margin-top: 10px;
}
.con_faci .box_faci2 .box_info .info {
  max-width: 500px;
  margin: 0 auto;
}
@media only screen and (max-width: 949px) {
  .con_faci .box_faci2 .box_info .info {
    max-width: 500px;
  }
}
.con_faci .box_faci2 .box_info .info h3 {
  margin-bottom: 20px;
}
.con_faci .box_faci2 .box_info .info .txt {
  line-height: 1.8;
  font-size: 100%;
  margin-bottom: 1em;
  text-align: left;
}
.con_faci .box_faci3 {
  max-width: 950px;
  margin: 0 auto;
  margin-bottom: 80px;
}
.con_faci .box_faci3 .box_slide_3 {
  float: right;
  position: relative;
  width: 630px;
  height: 386px;
  overflow: hidden;
}
.con_faci .box_faci3 .box_slide_3 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.con_faci .box_faci3 .box_slide_3 ul li {
  z-index: 10;
  opacity: 0;
  width: 630px;
  height: 386px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: anime 12s 0s infinite;
  animation: anime 12s 0s infinite;
}
.con_faci .box_faci3 .box_slide_3 ul li:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.con_faci .box_faci3 .box_slide_3 ul li:nth-child(2) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.con_faci .box_faci3 .box_slide_3 ul li:nth-child(3) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}
.con_faci .box_faci3 .box_slide_3 ul li img {
  width: 630px;
  height: 386px;
}
.con_faci .box_faci3 .box_info {
  float: left;
  width: 300px;
  margin-top: 60px;
}
@media only screen and (max-width: 949px) {
  .con_faci .box_faci3 .box_info {
    margin-top: 1em;
  }
}
.con_faci .box_faci3 .box_info .info {
  max-width: 300px;
  margin: 0 auto;
}
@media only screen and (max-width: 949px) {
  .con_faci .box_faci3 .box_info .info {
    max-width: 500px;
  }
}
.con_faci .box_faci3 .box_info .info h3 {
  text-align: center;
  margin-bottom: 55px;
}
.con_faci .box_faci3 .box_info .info .txt {
  line-height: 1.8;
  font-size: 100%;
}
.con_faci .box_faci4 {
  max-width: 950px;
  position: relative;
  z-index: 10;
  margin-bottom: 80px;
}
.con_faci .box_faci4 ul li {
  float: left;
  width: 460px;
}
.con_faci .box_faci4 ul li:first-child {
  margin-right: 30px;
}
.con_faci .box_faci4 ul li .photo {
  margin-bottom: 10px;
}
.con_faci .box_faci4 ul li .photo img {
  width: 460px;
}
.con_faci .box_faci4 ul li h3 {
  margin-bottom: 20px;
  text-align: center;
}
.con_faci .box_faci4 ul li .txt {
  font-size: 100%;
  line-height: 1.8;
  margin-bottom: 1em;
}
.con_faci .box_faci5 {
  max-width: 950px;
  margin: 0 auto;
  margin-bottom: 80px;
}
.con_faci .box_faci5 .box_slide_5 {
  float: left;
  position: relative;
  width: 630px;
  height: 386px;
  overflow: hidden;
}
.con_faci .box_faci5 .box_slide_5 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.con_faci .box_faci5 .box_slide_5 ul li {
  z-index: 10;
  opacity: 0;
  width: 630px;
  height: 386px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: anime 12s 0s infinite;
  animation: anime 12s 0s infinite;
}
.con_faci .box_faci5 .box_slide_5 ul li:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.con_faci .box_faci5 .box_slide_5 ul li:nth-child(2) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.con_faci .box_faci5 .box_slide_5 ul li:nth-child(3) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}
.con_faci .box_faci5 .box_slide_5 ul li img {
  width: 630px;
  height: 386px;
}
.con_faci .box_faci5 .box_info {
  float: right;
  width: 300px;
  margin-top: 60px;
}
@media only screen and (max-width: 949px) {
  .con_faci .box_faci5 .box_info {
    margin-top: 1em;
  }
}
.con_faci .box_faci5 .box_info .info {
  max-width: 300px;
  margin: 0 auto;
}
@media only screen and (max-width: 949px) {
  .con_faci .box_faci5 .box_info .info {
    max-width: 500px;
  }
}
.con_faci .box_faci5 .box_info .info h3 {
  text-align: center;
  margin-bottom: 55px;
}
.con_faci .box_faci5 .box_info .info .txt {
  line-height: 1.8;
  font-size: 100%;
}

/* -----------------------------------------------------------
  slide_animation 6 seconds
----------------------------------------------------------- */
/*slide_3*/
@-webkit-keyframes anime {
  0% {
    opacity: 0;
  }
  20.83% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  45.83% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes anime {
  0% {
    opacity: 0;
  }
  20.83% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  45.83% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}
@keyframes anime {
  0% {
    opacity: 0;
  }
  20.83% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  45.83% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}