@charset "UTF-8";


/*--------------------------------------------------------
  HEADER
--------------------------------------------------------*/

.stay #underHeader .underMV {
  background-image: url('/images/top/stay/slide01.jpg');
}



ul.roomTypeList {
  margin-bottom: 2rem;
}

ul.roomTypeList li {
  list-style-type: none;
  border-bottom:  dotted 1px #999;
  background: url('/images/icon-down.png') no-repeat 0.4rem 1rem;
  background-position: right;
  padding-right: 1.6rem;
  width: 100%;
  overflow: hidden;
}
ul.roomTypeList li a {
  padding: 0.4rem 1rem ;
  font-size: 1.2rem;
  display: flex;
  flex-wrap: nowrap;
}
ul.roomTypeList li a span {
  padding: 0 ;
  white-space: nowrap;
}
ul.roomTypeList li a span.roomTypeName {
  width: 24rem;
}
ul.roomTypeList li a span.roomTypeBrendth {
  width: 5rem;
  text-align: right;
}
ul.roomTypeList li a span.roomTypeNum {
  width: 6.5rem;
  text-align: right;
}


.scrl-hint {
  max-width:100%;
  overflow:auto;
}

@media screen and (max-width: 768px) {/*sp*/
  .scrl-hint {
    max-width:95%;
  }
  ul.roomTypeList li a span.roomTypeName {
    width: 15rem;
  }
}


.content-info h3 {
  font-size: 1.8rem;
}


/*
@media screen and (min-width: 961px)  and (max-width: 1279px) {
  #underContents .content.reverse {
    margin-top: -8rem;
  }
  #underContents .content .content-info-wrap,
  #underContents .content.reverse .content-info-wrap {
    margin-bottom: 32rem;
  }
  #underContents .content.reverse .content-info-wrap {
    bottom: -32rem;
  }
}

*/