@charset "utf-8";
/*##########################################################*/
/*  Page For Top Use Style  																*/
/*    Ver:1.00/001           																*/
/*    Date:2018/11/08        																*/
/*##########################################################*/
/*###################### Main PC sec #######################*/
/*################### Com div ###################*/
/* コンテンツ内共通 */
#main-content .sec02 {
  margin-top: 150px;
}
#main-content .sec02 .sec02-title h2 {
  text-align: center;
  font-size:27px;
}
#main-content .sec02-content {
  text-align: center;
}
#main-content .sec02-content .sec02-catch {
  margin-top:40px;
  font-size:25px;
}
#main-content .sec02-content .sec02-text {
  margin-top:20px;
  line-height: 2.4;
}

#main-content .sec02-content .sec02-link {
  margin-top:40px;
  font-size:15px;
}
#main-content .sec02-content .sec02-link a {
  text-decoration: underline;
}

/*################### Each Section div ###################*/
/* メインイメージ、スライダー */
/* ↓これを入れないと、Safariで他ページからトップページ内のアンカーリンク（about,access）飛び時に位置ずれする。 2024/12/17 */
#main-image .image-slide {
  height: 100vh;
}
#main-image .image-slide div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  margin: 0;  
}
#main-image .image-slide.pc {
  display: block;
}
#main-image .image-slide.pc .image01 {
  background-image:url("../../img/top01-ph110.jpg");
}
#main-image .image-slide.pc .image02 {
  background-image:url("../../img/top01-ph120.jpg");
}
#main-image .image-slide.pc .image03 {
  background-image:url("../../img/top01-ph130.jpg");
}
#main-image .image-slide.sp {
  display: none;
}
#main-image .image-slide.sp .image01 {
  background-image:url("../../img/top01-ph110sp.jpg");
}
#main-image .image-slide.sp .image02 {
  background-image:url("../../img/top01-ph120sp.jpg");
}
#main-image .image-slide.sp .image03 {
  background-image:url("../../img/top01-ph130sp.jpg");
}

#main-image .main-image-catch {
  position: absolute;
  bottom:60px;
  left: 0;
  width:100%;
}
#main-image .main-image-catch .lead {
  margin-top:45px;
  color:#fefcfc;
}

/* aboutセクション */
#main-content #about.sec02 {
  position: relative;
  margin-top: 0;
  color:#fff;
}
#main-content #about .sec02-onimg-warp {
  position: absolute;
  top:0;
  left:0;
  width:100%;
}
#main-content #about .sec02-title h2,
#main-content #about .sec02-content {
  text-align: left;
}
#main-content #about img {
  width: 100%;
}
#main-content #about .about-col2-area {
  display: flex;
  margin-top: 75px;
}
#main-content #about .about-col2-area .col2-L {
  width: calc(50% - 40px);
  margin-right: 40px;
}
#main-content #about .about-col2-area .col2-R {
  width: 50%;
  margin-top:47px;
}

/* roomセクション */
#main-content #room .room-img {
  margin-top:40px;
}
/* ↓これを入れないと、Safariで他ページからトップページ内のアンカーリンク（about,access）飛び時に位置ずれする。 2024/12/17 */
#main-content #room .room-slider {
  height:376px;
}
#main-content #room .room-slider li.slick-slide {
  margin-left:30px;
}

/* saunaセクション */
#main-content #sauna .sec02-title h2,
#main-content #sauna .sec02-content {
  text-align: left;
}
#main-content #sauna .sauna-col2-area {
  display: flex;
  justify-content:space-between;
  margin-top: 75px;
}
#main-content #sauna .sauna-col2-area .col2-L {
  width: 345px;
  margin-right: 20px;
}
#main-content #sauna .sauna-col2-area .col2-R {
  width: calc(100% - 345px - 20px);
  max-width: 735px;
}

/* systemセクション */
#main-content #system img {
  width: 100%;
}
#main-content #system.sec02 {
  position: relative;
  color:#fefefe;
}
#main-content #system .sec02-onimg-warp {
  position: absolute;
  top:0;
  left:0;
  width:100%;
}
#main-content #system .content-wrap {
  margin-top: 75px;
}
#main-content #system .sec02-content .sec02-link a {
  color:#fefefe;
}

/* accessセクション */
#main-content #access.sec02 {
  margin-top:0;
  padding-top:150px;
}
#main-content #access .map {
  margin-top:30px;
}
#main-content #access .address {
  margin-top:15px;
  text-align: center;
}

#main-content #access .transportation {
  text-align: center;
}
#main-content #access .transportation .mode {
  margin-top: 40px;
}
#main-content #access .transportation .mode:first-child {
  margin-top: 15px;
}
#main-content #access .transportation .mode .sec02-text {
  line-height: 2.2;
}
#main-content #access .transportation .mode .car-notice {
  display: inline-block;
  margin-top: 10px;
  padding: 5px 0;
  border-top:solid 1px #94908c;
  border-bottom:solid 1px #94908c;
}

/*###################### Middle2 PC sec  #######################*/
@media (max-width:1200px){
  /*################### Each Section div ###################*/
  /* aboutセクション */
  /* systemセクション */
  #main-content #about .sec02-onimg-warp,
  #main-content #system .sec02-onimg-warp {
    top:50%;
    transform: translateY(-50%);
  }
  #main-content #about .about-col2-area,
  #main-content #system .content-wrap {
    margin-top: 0;
  }
  #main-content #about .about-col2-area .col2-R {
    margin-top: 0;
  }
}

/*###################### Middle2 PC sec  #######################*/
@media (max-width:960px){
  /*################### Each Section div ###################*/
  /* aboutセクション */
  #main-content .sec02-content .sec02-catch {
    margin-top:20px;
  }
  #main-content #about .about-col2-area .col2-L {
    width: calc(40% - 20px);
    margin-right: 20px;
  }
  #main-content #about .about-col2-area .col2-R {
    width: 60%;
  }
  
  /* systemセクション */
  #main-content #system .sec02-content .sec02-link {
    margin-top: 20px;
  }
}

/*###################### S-Phone sec #######################*/
@media (max-width : 768px) {
	/*################### Common Layout div ###################*/
  /* コンテンツ内共通 */
  #main-content .sec02 .col2-area {
    display: block;
  }
  #main-content .sec02 .col2-area .col2-L,
  #main-content .sec02 .col2-area .col2-R {
    width: 100%;
    margin-left: 0;
  }
  #main-content .sec02 .col2-area .col2-R {
    margin-top: 40px;
  }

  /*################### Each Section div ###################*/
  /* aboutセクション */
  #main-content #about .about-col2-area {
    display: block;
  }
  #main-content #about .about-col2-area .col2-L,
  #main-content #about .about-col2-area .col2-R {
    width: 100%;
    margin-right: 0;
  }
  #main-content #about img {
    height:430px;
    width: auto;
    object-fit: cover;
  }
  
  /* saunaセクション */
  #main-content #sauna .sauna-col2-area {
    display: block;
  }
  #main-content #sauna .sauna-col2-area .col2-L,
  #main-content #sauna .sauna-col2-area .col2-R {
    width: 100%;
    margin-right: 0;
  }
  #main-content #sauna .sauna-col2-area .col2-R {
    margin-top:20px;
  }
  
  /* systemセクション */
  #main-content #system img {
    height:440px;
    width: auto;
    object-fit: cover;
  }
}

/*###################### S-Phone sec #######################*/
@media (max-width : 600px) {
  /*################### Each Section div ###################*/
  /* aboutセクション */
  #main-content #about img {
    height: auto;
    width: 100%;
    min-height: 600px;
  }

  /* systemセクション */
  #main-content #system img {
    height: auto;
    width: 100%;
  }
}

/*###################### S-Phone sec #######################*/
@media (max-width : 480px) {
	/*################### Common Layout div ###################*/
  /* コンテンツ内共通 */
  #main-content .sec02 {
    margin-top: 75px;
  }
  
  /*################### Each Section div ###################*/
  /* メインイメージ、スライダー */
  #main-image .image-slide.pc {
    display: none;
  }
  #main-image .image-slide.sp {
    display: block;
  }

  /* aboutセクション */
  #main-content .sec02-content .sec02-catch {
    font-size:20px;
  }
  
  /* accessセクション */
  #main-content #access.sec02 {
    padding-top:75px;
  }
}