@charset "utf-8";
/* JALパックならではのお部屋もございます！ */
.ctm_pageTtl[class*="hc"].stayTtl [class*="ttl"]{
  text-align: left;
}
.ctm_pageTtl[class*="hc"].stayTtl .heading{
  display: flex;
  align-items: center;
  padding: 0;
}
.ctm_pageTtl[class*="hc"].stayTtl .stayLabel{
  font-size: 1.2rem;
  display: inline-block;
  min-width: 70px;
  text-align: center;
  margin-right: .5em;
  background: #cc0000;
  color: #fff;
  padding: 3px 0;
}

@media (min-width: 740px) {
  #room_hwi .ttlLv1,
  #point_hwi .ttlLv1,
  #reccomend_hwi .ttlLv1{
    margin-top: 0;
    padding-top: 90px;
    position: relative;
  }
  #room_hwi .ttlLv1::before,
  #point_hwi .ttlLv1::before,
  #reccomend_hwi .ttlLv1::before{
    content: '';
    display: block;
    width: 1px;
    height: 1px;
    padding-top: 60px;
  }
  /* ネガティブマージンに被るクリック可能要素を保持するスタイル */
  .zIndex5{
    position: relative;
    z-index: 5;
  }
}

/* 見出しタイトル テキストラベル */
.ttlLv2 .heading span.stayLabel {
  font-size: 1.2rem;
  display: inline-block;
  min-width: 70px;
  text-align: center;
  background: #cc0000;
  color: #fff;
  padding: 3px 6px;
  line-height: 1.5;
}
.ttlLv2 .heading span.stayLabel.--applyLabel {
  background-color: #4472c4;
}

/* 右余白調整 */
span.--mgr-10 {
  margin-right: 10px;
}
span.--mgl-10 {
  margin-left: 10px;
}

/* テキスト背景色 */
.--hc-bgColor-wheat {
  background-color: #f5deb3;
}

/* COMING SOON */
.--comingsoon-wrap {
  padding: 30px 15px;
  border: solid #c00 2px;
  margin-top: 120px;
}
.--comingsoon-wrap div:not(:first-of-type) {
  margin-top: 20px;
}
.--comingsoon-wrap div:not(:first-of-type) .ctm_pageTtl .ttlLv2 .heading {
  background: linear-gradient(transparent 60%, #ffb1cb61 50%);
}
.--comingsoon-wrap .ctm_pageTtl .ttlLv1,
.--comingsoon-wrap .ctm_pageTtl .ttlLv2 {
  margin: 0;
  padding: 0;
}
.--comingsoon-wrap .ctm_pageTtl .ttlLv2 .heading {
  font-size: 2.0rem;
  font-weight: normal;
}
.--comingsoon-wrap .ctm_pageTtl .ttlLv2 .heading .--fontSize-001 {
  font-size: 3.0rem;
  font-weight: bold;
}
@media (max-width: 739px) {
  .--comingsoon-wrap {
    margin-top: 60px;
  }
  .--comingsoon-wrap .ctm_pageTtl .ttlLv1 .heading {
    font-size: 6.4vw;
  }
  .--comingsoon-wrap .ctm_pageTtl .ttlLv2 .heading {
    font-size: 4.2vw;
  }
  .--comingsoon-wrap .ctm_pageTtl .ttlLv2 .heading .--fontSize-001 {
    font-size: 6vw;
    font-weight: bold;
  }
  .--comingsoon-wrap div:not(:first-of-type) .ctm_pageTtl .ttlLv2 .heading {
      background: linear-gradient(transparent 0, #ffb1cb61 90%);
  }
}