@charset "utf-8";
/*##########################################################*/
/*  Page For UnderPage Use Style														*/
/*    Ver:1.00/001           																*/
/*    Date:2024/12/14        																*/
/*##########################################################*/
/*###################### Main PC sec #######################*/
/*################### Com div ###################*/
/* コンテンツ内共通 */
#main-content {
  margin-top:150px;
}
#main-content .sec02 {
  margin-top: 150px;
}
#main-content .sec02 .sec02-title h2 {
  font-size:25px;
}
#main-content .sec02 .sec02-title .sub-title {
  font-size:14px;
}
#main-content .sec03 {
  margin-top: 60px;
}
#main-content .sec03 h3 {
  font-weight: bold;
}
#main-content .sec03-detail {
  margin-top:10px;
  padding: 10px 0;
  border-top:solid 2px #d2cdc9;
  border-bottom:solid 2px #d2cdc9;
}
#main-content .sec03-detail .sec03-text {
  line-height: 2.2;
}

/* room,system共用 */
#main-content .sec02-col2-area01 {
  display: flex;
}
#main-content .sec02-col2-area01 .col2-L {
  width:100px;
  margin-right:50px;
}
#main-content .sec02-col2-area01 .col2-R {
  width:calc(100% - 100px - 50px);
}
#main-content .sec02-col2-area01 .col2-area01-list01 {
  display: flex;
  flex-wrap: wrap;
}
#main-content .sec02-col2-area01 .col2-area01-list01 dt,
#main-content .sec02-col2-area01 .col2-area01-list01 dd {
  padding: 15px 5px;
  box-sizing: border-box;
  border-bottom:solid 2px #d2cdc9;
  font-size:12px;
}
#main-content .sec02-col2-area01 .col2-area01-list01 dt {
  width:120px;
  margin-right:20px;
}
#main-content .sec02-col2-area01 .col2-area01-list01 dt:first-child,
#main-content .sec02-col2-area01 .col2-area01-list01 dt:first-child + dd {
  border-top:solid 2px #d2cdc9;
}
#main-content .sec02-col2-area01 .col2-area01-list01 dd {
  width:calc(100% - 120px - 20px);
}

/* rule,privacy policy,law共用 */
#page-ruletop #main-image,
#page-privacytop #main-image,
#page-lawtop #main-image {
  width: calc(100% - 40px);
  max-width: 1280px;
  margin-left: auto;
  margin-right:auto;
  text-align: center;
  
}
#page-ruletop #main-image img,
#page-privacytop #main-image img,
#page-lawtop #main-image img {
  max-width: 474px;
  margin-top:19%;
}

/* メインイメージ */
#main-image img {
  width: 100%;
}
/* lead */
#lead {
  text-align: center;
}
#lead h1 {
  font-size:40px;
}
#lead .lead-catch {
  margin-top:50px;
  font-size:23px;
}
#lead .lead-text {
  margin-top:15px;
  line-height: 2.4;
}

/*################### Each Section div ###################*/
/* roomページ */
#page-roomtop #facilitie .layout-2f {
  margin-top:60px;
  text-align: right;
}
#page-roomtop #facilitie .layout-1f {
  margin-top:60px;
}
#page-roomtop #facilitie .room-img {
  margin-top:150px;
}
#page-roomtop #interior .interior-img {
  margin-top:50px;
}
#page-roomtop #interior .interior-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 60px;
  row-gap: 75px;
}
#page-roomtop #interior .interior-list figcaption {
  margin-top:5px;
}

/* saunaページ */
#page-saunatop #sauna .sauna-slider li.slick-slide {
  margin-left: 25px;
}

/* systemページ */
#page-systemtop #meal.sec03 {
  margin-top: 60px;
}
#page-systemtop #inout-flow .flow-list li {
  margin-top:15px;
	text-indent: -1em;
	margin-left: 1em;
}

/* ruleページ */
#page-ruletop #inlink_button {
  margin-top:80px;
}
#page-ruletop #inlink_button .inlink-list {
  display: flex;
  justify-content:space-between;
}
#page-ruletop #inlink_button .inlink-list li {
  max-width: 400px;
  box-sizing: border-box;
  width:48%;
  padding: 5px 0;
  border: solid 2px #d3cfca;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}
#page-ruletop #inlink_button .inlink-list li a {
  display: block;
}
#page-ruletop #main-content .sec02 h2 {
  margin-bottom:45px;
  font-size:25px;
  font-weight: bold;
}
#page-ruletop #main-content .sec02 .h2-sub-title {
  font-weight: bold;
}
#page-ruletop #main-content .sec02 .h2-lead {
  margin-top:10px;
  padding: 15px;
  border: solid 2px #d3cfca;
  font-weight: bold;
}
#page-ruletop #main-content #clause.sec02 {
  margin-top:50px;
}
#page-ruletop #main-content #clause .clause-list {
  padding: 0 5px;
  list-style-position: inside;
}
#page-ruletop #main-content #clause .clause-list li {
	text-indent: -1em;
	margin-left: 1em;
  line-height: 2.0;
}
#page-ruletop #main-content #clause .clause-list p {
  line-height: 2.0;
}
#page-ruletop #main-content #clause .annotation {
  margin-top: 10px;
}
#page-ruletop #main-content #precautions .precautions-list {
  list-style-position: inside;
}
#page-ruletop #main-content #precautions .precautions-list li {
	text-indent: -1em;
	margin-left: 1em;
  line-height: 2.0;
}
#page-ruletop #main-content #precautions .precautions-list li:before {
  content: '○';
}

/* 特定商取引法に基づく表示ページ */
#page-lawtop #main-content #lead h1 {
  font-size:25px;
  font-weight: bold;
}
#page-lawtop #main-content .law-list {
  display: flex;
  flex-wrap:wrap;
  border-top:solid 1px #c0bcbc;
}
#page-lawtop #main-content .law-list dt,
#page-lawtop #main-content .law-list dd {
  padding:15px 0;
  border-bottom:solid 1px #c0bcbc;
}
#page-lawtop #main-content .law-list dt {
  width:10em;
  padding-right: 1em;
  font-weight: bold;
}
#page-lawtop #main-content .law-list dd {
  width:calc(100% - 10em - 1em);
}
#page-lawtop #main-content .law-list a {
  text-decoration: underline;
  color: #3e3e3e;
}

/* errorページ */
#page-errortop #main-content {
  margin-top:0;
  padding-top: 200px;
}
  
/*###################### Middle2 PC sec  #######################*/
@media (max-width:1200px){
  /*################### Each Section div ###################*/
  /* roomページ */
  #page-roomtop #interior .interior-list {
    column-gap: 5%;
    row-gap: 6.25%;
  }
}

/*###################### S-Phone sec #######################*/
@media (max-width : 768px) {
	/*################### Common Layout div ###################*/
  /* room,system共用 */
  #main-content .sec02-col2-area01 {
    display: block;
  }
  #main-content .sec02-col2-area01 .col2-L,
  #main-content .sec02-col2-area01 .col2-R {
    width:100%;
    margin-right:0;
  }
  #main-content .sec02-col2-area01 .col2-R {
    margin-top:50px;
  }
  
  /*################### Each Section div ###################*/
  /* roomページ */
  #page-roomtop #interior .interior-list {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
  }
  #page-roomtop #interior .interior-list img {
    width: 100%;
  }
  
  /* ruleページ */
  #page-ruletop #inlink_button .inlink-list {
    display: block;
  }
  #page-ruletop #inlink_button .inlink-list li {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top:40px;
  }
  #page-ruletop #inlink_button .inlink-list li:first-child {
    margin-top:0;
  }
}

/*###################### S-Phone sec #######################*/
@media (max-width : 480px) {
	/*################### Common Layout div ###################*/
  /* コンテンツ内共通 */
  #main-content {
    margin-top:75px;
  }
  #main-content .sec02 {
    margin-top: 75px;
  }

  /*################### Each Section div ###################*/
  /* roomページ */
  #page-roomtop #facilitie .col2-R {
    margin-top:20px;
  }
  #page-roomtop #facilitie .room-img {
    margin-top: 75px;
  }
  #page-roomtop #interior .interior-list {
    row-gap: 20px;
  }
  #page-roomtop #interior .interior-img {
    margin-top:20px;
  }
  
  /* saunaページ */
  #main-content #sauna .sauna-slider li.slick-slide img {
    width: 480px;
  }

  /* rule,privacy policy,law共用 */
  #page-ruletop #main-image img,
  #page-privacytop #main-image img,
  #page-lawtop #main-image img {
    margin-top:120px;
  }
}