@charset "UTF-8";
/* ===================================================================
CSS information
file name  : soine.css
author     : Abilive
style info : お子様の添い寝について
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
#htlSide-A {
  position: absolute;
  left: 0;
  top: 804px;
  margin-top: -85px;
}

.con_intro,
.con_soine,
.con_amenity {
  max-width: 950px;
  margin-left: auto;
}

.header:before {
  content: '';
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  width: 100%;
  height: 350px;
  background-image: url(../images/common/bg_header.jpg);
  background-size: contain;
  background-position: left top;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.header:after {
  content: '';
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  width: 100%;
  height: 332px;
  background-image: url(../images/common/bg_header.jpg);
  background-size: contain;
  background-position: left top;
  background-repeat: no-repeat;
  position: absolute;
  top: 166px;
  left: 0;
  z-index: -1;
}

.con_title {
  margin-bottom: 155px;
  position: relative;
}
.con_title:before {
  content: '';
  width: 100%;
  height: 180px;
  background-color: #fff;
  position: absolute;
  bottom: -180px;
  left: 0;
  z-index: -1;
}
.con_title:after {
  content: '';
  display: inline-block;
  width: 162%;
  height: 155px;
  background-color: #fff;
  background-image: url(https://www.ole-inn.com/rktn/images/common/bg_wi_wa.png);
  background-size: auto;
  background-position: center bottom;
  background-repeat: repeat;
  position: absolute;
  bottom: -55px;
  left: -357px;
  z-index: -1;
}
.con_title .box_title img {
  position: relative;
}
.con_title .box_title:before {
  content: '';
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  width: 100%;
  max-width: 425px;
  height: 0;
  padding-bottom: 21%;
  background-image: url(https://www.ole-inn.com/rktn/images/common/bg_header.jpg);
  background-size: contain;
  background-position: right top;
  background-repeat: no-repeat;
  position: absolute;
  top: 98%;
  right: 0;
  z-index: 0;
}

.con_intro .box_intro table {
  width: 55%;
  margin: 50px auto;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  font-size: 150%;
  letter-spacing: 0.1rem;
}
.con_intro .box_intro table tr {
  height: 40px;
}
.con_intro .box_intro table tr td:last-child {
  padding-left: 7.5%;
}
.con_intro .box_intro p {
  font-size: 120%;
  text-align: center;
  line-height: 2em;
}

.con_soine {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  margin-top: 90px;
  letter-spacing: 0.25rem;
}
.con_soine .soine_img_ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 450px;
  height: 70px;
  margin: 0 auto 40px auto;
  border-radius: 50px;
  background: #d4eaf7;
  font-size: 150%;
}
.con_soine .bed-size_tbl {
  width: 62.5%;
  margin: 50px auto;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  font-size: 120%;
}
.con_soine .bed-size_tbl tr {
  width: 100%;
  height: 50px;
}
.con_soine .bed-size_tbl tr th {
  text-align: right;
  vertical-align: middle;
  padding-right: 65px;
}
.con_soine .bed-size_tbl tr:first-child td {
  padding-bottom: 5px;
  text-align: left;
  vertical-align: bottom;
}
.con_soine .bed-size_tbl tr:last-child td {
  padding-top: 5px;
  text-align: left;
  vertical-align: top;
}
.con_soine p {
  text-align: right;
  font-size: 125%;
}

.con_amenity {
  width: 90%;
  margin-top: 50px;
  margin-bottom: 50px;
  background: url(../../files/images/common/bg_bk_wa.png);
  color: #fff;
  letter-spacing: 0.1rem;
}
.con_amenity .box_amenity {
  padding: 60px 25px;
}
.con_amenity .box_amenity .st_h5_c {
  margin-bottom: 30px;
}
.con_amenity .box_amenity .amenity_contents {
  display: flex;
}
.con_amenity .box_amenity .amenity_contents div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 40%;
  align-items: center;
}
.con_amenity .box_amenity .amenity_contents div img {
  width: 85%;
}
.con_amenity .box_amenity .amenity_contents div > p {
  width: 80%;
  margin-top: 10px;
  text-align: center;
}
.con_amenity .box_amenity .amenity_contents p {
  width: 60%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
}
.con_amenity .box_amenity .amenity_contents p span {
  display: block;
  margin: 15px 0;
  line-height: 1.5rem;
}
.con_amenity .box_amenity .amenity_contents p span.caution {
  position: relative;
  margin-left: 15px;
  font-size: 93.33%;
}
.con_amenity .box_amenity .amenity_contents p span.caution::before {
  content: "※";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15px;
  margin: auto;
}
.con_amenity .box_amenity .amenity_contents p span:first-child, .con_amenity .box_amenity .amenity_contents p span:nth-child(2) {
  font-size: 110%;
}
.con_amenity .box_amenity .amenity_contents p span .indent {
  display: block;
  margin-top: 0.25rem;
  padding-left: 1rem;
  font-size: 1rem;
}