@charset "UTF-8";
/* ::::::::::  ラウンジ  :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
body {
  padding-top: 0;
  background: #230500;
}

@media (min-width: 1025px) {
  .globalHeader:not(.is_animation) {
    background: none;
    box-shadow: none;
  }
  .globalHeader:not(.is_animation) .headerNav .gnavList li:first-child {
    border-bottom-color: #fff;
  }
  .globalHeader:not(.is_animation) .headerNav .gnavList li:first-child img {
    display: none;
  }
  .globalHeader:not(.is_animation) .headerNav .gnavList li:first-child img.logo02 {
    display: block;
  }
  .globalHeader:not(.is_animation) .headerNav .gnavList a {
    color: #fff;
  }
  .globalHeader:not(.is_animation) .headerNav .lang dt {
    color: #fff;
  }
  .globalHeader:not(.is_animation) .headerNav .lang dt .icon_link {
    filter: brightness(0) invert(1);
  }
  .globalHeader:not(.is_animation) .menuBtnList .bookBtn span {
    background: #fff;
    color: #000;
  }
}

@media (min-width: 1025px) {
  .globalHeader {
    transition: all 0.3s;
  }
  .globalHeader .headerNav .gnavList li:first-child {
    transition: all 0.3s;
  }
  .globalHeader .headerNav .gnavList a {
    transition: all 0.3s;
  }
  .globalHeader .headerNav .lang dt {
    transition: all 0.3s;
  }
  .globalHeader .headerNav .lang dt .icon_link {
    transition: all 0.3s;
  }
  .globalHeader .menuBtnList .bookBtn span {
    transition: all 0.3s;
  }
}

.pageTitleArea {
  position: relative;
  padding: 0;
  width: 100%;
  max-width: none;
  height: 460px;
  z-index: 1;
}
@media (max-width: 767px) {
  .pageTitleArea {
    height: 350px;
  }
}
.pageTitleArea .kv {
  width: 100%;
}
.pageTitleArea .kv img {
  object-fit: cover;
  width: 100%;
  height: 460px;
}
@media (max-width: 767px) {
  .pageTitleArea .kv img {
    height: 350px;
  }
}
.pageTitleArea > div {
  margin-top: -0.75lh;
}
.pageTitleArea .en {
  color: #fff;
}
.pageTitleArea .enExc {
  color: #fff;
}
.secTitle02 {
  font-family: "ShipporiMinchoB1";
  color: #fff;
  font-size: 2.7rem;
  line-height: 1.8;
  margin: 0 0 24px;
}
@media (max-width: 1024px) {
  .secTitle02 {
    font-size: 1.7rem;
  }
}
.secTitle02.center {
  text-align: center;
}

.fade {
  position: relative;
  transform: translateY(10px);
  opacity: 0;
  transition: opacity 1s ease-in-out, filter 1s ease-in-out, transform 1s ease-in-out;
}
.fadein {
  transform: translateY(0);
  opacity: 1;
}

/* =========================================================
loungeIntro
========================================================= */
.loungeIntro {
  position: relative;
  color: #fff;
}
.loungeIntro .wrapper {
  padding-top: 160px;
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .loungeIntro .wrapper {
    padding-top: 100px;
  }
}
.loungeIntro .leadText {
  font-size: 1.7rem;
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 1024px) {
  .loungeIntro .leadText {
    font-size: 1.2rem;
    line-height: 2.2;
    text-align: left;
  }
}
.loungeIntro .photo {
  position: relative;
  display: block;
  border-radius: 0;
}
.loungeIntro .photo01 {
  max-width: 83.2%;
  margin: 88px auto 0;
}
@media (max-width: 767px) {
  .loungeIntro .photo01 {
    max-width: none;
    margin-top: 72px;
    margin-inline: calc(50% - 50vw);
  }
}
.loungeIntro .photo01 img {
  object-fit: cover;
  width: 100%;
  aspect-ratio: 930/491;
}
@media (max-width: 767px) {
  .loungeIntro .photo01 img {
    aspect-ratio: 293/210;
  }
}
.loungeIntro .photo02 {
  flex-grow: 1;
  margin: 0 calc(50% - 50vw) 0 auto;
}
@media (max-width: 767px) {
  .loungeIntro .photo02 {
    margin: 48px auto 0;
  }
}
.loungeIntro .photo02 img {
  object-fit: cover;
  width: 100%;
  aspect-ratio: 726/481;
}
@media (max-width: 767px) {
  .loungeIntro .photo02 img {
    aspect-ratio: 293/225;
  }
}
.loungeIntro .photo03 {
  position: absolute;
  left: 0;
  bottom: 180px;
  opacity: 0.42;
  width: 87%;
  z-index: -1;
  margin: 0;
  overflow: hidden;
  -webkit-mask-image: radial-gradient(circle, #000 40%, transparent 100%);
  mask-image: radial-gradient(circle, #000 40%, transparent 100%);
}
@media (max-width: 1024px) {
  .loungeIntro .photo03 {
    width: 280%;
    bottom: 40vw;
    left: -40vw;
  }
}
.loungeIntro .photo03::before, .loungeIntro .photo03::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  background: linear-gradient(to bottom, #230500 0%, rgba(35, 5, 0, 0) 100%);
  z-index: 1;
}
.loungeIntro .photo03::after {
  top: auto;
  bottom: 0;
  height: 40%;
  background: linear-gradient(to top, #230500 0%, rgba(35, 5, 0, 0) 100%);
}
.loungeIntro .photoWrap {
  margin: 210px 0 0;
  gap: 0 52px;
  max-width: 83.2%;
  margin-inline: auto;
}
@media (max-width: 1024px) {
  .loungeIntro .photoWrap {
    margin: 72px 0 0;
    max-width: 100%;
  }
}
.loungeIntro .photoWrap .textBlock {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  width: 90%;
}
@media (max-width: 767px) {
  .loungeIntro .photoWrap .textBlock {
    width: 100%;
  }
}
.loungeIntro .photoWrap .textBlock p:not([class]) {
  font-family: YuGothic, "游ゴシック", Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", Meiryo, "メイリオ", Verdana, sans-serif;
  font-size: 1.7rem;
  line-height: 1.8;
  margin-right: 3em;
}
@media (max-width: 1024px) {
  .loungeIntro .photoWrap .textBlock p:not([class]) {
    font-size: 1.2rem;
    margin-right: 0;
  }
}
.loungeIntro .leadText02 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.55;
  margin: 90px 0 24px;
}
@media (max-width: 1024px) {
  .loungeIntro .leadText02 {
    font-size: 1.7rem;
    margin: 0 0 16px;
  }
}

/* =========================================================
loungeInfo
========================================================= */
.loungeInfo {
  color: #fff;
}
.loungeInfo .wrapper {
  padding-top: 0;
}
.loungeInfo .pointList {
  display: flex;
  max-width: 70.2%;
  padding: 32px 0;
  background: #e6e6e6;
  color: #000;
}
@media (max-width: 1024px) {
  .loungeInfo .pointList {
    max-width: 100%;
    padding: 12px 0;
  }
}
.loungeInfo .pointList .listItem {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px 0;
  text-align: center;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.6;
  border-left: 1px solid #000;
  width: 33.3333333333%;
  min-height: 220px;
  padding-inline: 0.5em;
}
@media (max-width: 1024px) {
  .loungeInfo .pointList .listItem {
    gap: 8px 0;
    font-size: 1rem;
    min-height: 68px;
  }
}
.loungeInfo .pointList .listItem:first-child {
  border-left: none;
}
.loungeInfo .pointList .listItem .icon {
  height: auto;
}
.loungeInfo .pointList .listItem .icon.sea {
  height: 63px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767px) {
  .loungeInfo .pointList .listItem .icon.wifi {
    width: 32px;
  }
  .loungeInfo .pointList .listItem .icon.cake {
    width: 29px;
  }
  .loungeInfo .pointList .listItem .icon.sea {
    width: 48px;
    height: 35%;
    margin-top: 5%;
  }
}
.loungeInfo .pointListWrap {
  margin-inline: calc(50% - 50vw);
}
.loungeInfo .leadText {
  font-family: "ShipporiMinchoB1";
  font-size: 2.4rem;
  line-height: 1.55;
  margin-block: 90px 80px;
  text-align: right;
}
@media (max-width: 1024px) {
  .loungeInfo .leadText {
    font-size: 1.6rem;
    line-height: 2;
    margin-block: 56px 48px;
    text-align: center;
  }
}
.loungeInfo .photo {
  border-radius: 0;
  margin: 0;
}
.loungeInfo .photo img {
  object-fit: cover;
  width: 100%;
  aspect-ratio: 560/370;
}
.loungeInfo .photoWrap {
  display: flex;
  gap: 10px 5px;
  margin: 80px -4px;
}
@media (max-width: 1024px) {
  .loungeInfo .photoWrap {
    margin: 48px 0;
  }
}
@media (max-width: 767px) {
  .loungeInfo .photoWrap {
    flex-direction: column;
  }
}
.loungeInfo .info {
  width: calc(50% - 18px);
  border-left: 1px solid #fff;
  padding-left: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .loungeInfo .info {
    width: 100%;
    margin: 40px 0 0;
    border-left: none;
    padding-left: 0;
  }
  .loungeInfo .info:first-child {
    position: relative;
    margin: 0 0 48px;
  }
  .loungeInfo .info:first-child::after {
    content: "";
    position: absolute;
    top: calc(100% + 24px);
    left: 50%;
    transform: translateX(-50%);
    width: 90vw;
    height: 1px;
    background: #fff;
  }
}
.loungeInfo .info:nth-child(2) dt {
  width: 19.2%;
  min-width: 97px;
}
.loungeInfo .info.w100 {
  width: 100%;
  border-left: none;
}
.loungeInfo .info.w100 .note {
  font-size: 1.2rem;
}
@media (max-width: 1024px) {
  .loungeInfo .info.w100 .note {
    font-size: 1.1rem;
    margin: 56px 0 0;
  }
}
.loungeInfo .infoWrap {
  gap: 72px 0;
  flex-wrap: wrap;
  max-width: 98.3%;
  margin-inline: auto;
  margin-right: 0;
}
@media (max-width: 1024px) {
  .loungeInfo .infoWrap {
    display: block;
    max-width: 100%;
  }
}
.loungeInfo .infoDetail dt {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  margin-top: 0.5lh;
  color: #f09869;
  text-transform: capitalize;
}
.loungeInfo .infoDetail dt:first-child {
  margin-top: 0;
}
@media (max-width: 1024px) {
  .loungeInfo .infoDetail dt {
    font-size: 1.3rem;
  }
}
.loungeInfo .infoDetail dd {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.6;
}
@media (max-width: 1024px) {
  .loungeInfo .infoDetail dd {
    font-size: 1.2rem;
  }
}
.loungeInfo .infoDetail dd p.sub-time {
  font-size: 1.35rem;
}
@media (max-width: 1024px) {
  .loungeInfo .infoDetail dd p.sub-time {
    font-size: 1.2rem;
  }
}
.loungeInfo .infoDetail dd table th {
  text-align: left;
  padding-right: 2em;
}
.loungeInfo .infoDetail .time + dd,
.loungeInfo .infoDetail .floor + dd {
  font-size: 1.7rem;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .loungeInfo .infoDetail .time + dd,
  .loungeInfo .infoDetail .floor + dd {
    font-size: 1.3rem;
  }
}
.loungeInfo .infoDetail .row {
  display: flex;
  gap: 0 0.5em;
}
@media (max-width: 767px) {
  .loungeInfo .infoDetail .row {
    display: block;
  }
}
.loungeInfo .info .note {
  margin-bottom: 30px;
  margin-top: 5px;
}
@media (max-width: 1024px) {
  .loungeInfo .info .note {
    margin: 0.5lh 0 0;
    margin-bottom: 0;
  }
}
.loungeInfo .info .note2 {
  font-size: 1.2rem;
  padding-left: 1em;
  text-indent: -1em;
  margin-top: auto;
}
@media (max-width: 1024px) {
  .loungeInfo .info .note2 {
    margin-top: 20px;
    font-size: 1.1rem;
  }
}
.loungeInfoTitle {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 0.25em;
  font-family: "Lustria";
  font-size: 2.5rem;
  line-height: 1.3;
  margin: -16px 0 10px;
}
@media (max-width: 1024px) {
  .loungeInfoTitle {
    font-size: 2.2rem;
    margin: 0 0 8px;
  }
}
.loungeInfoTitle::before, .loungeInfoTitle::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  margin: 4px 0 0;
}
@media (max-width: 1024px) {
  .loungeInfoTitle::before, .loungeInfoTitle::after {
    width: 4px;
    height: 4px;
  }
}/*# sourceMappingURL=resort_lounge.css.map */