@charset "utf-8";
.hygge .rooms__subFv {
  margin-bottom: 103px;
}
.position--rel {
  position: relative;
}

.hygge__wrap {
  border-top: 1px solid #cbcbcb;
}
.hygge__inner {
  width: calc(100% - 20px);
  max-width: 877px;
  margin: 0 auto 0 0;
}
.hygge__decoration {
  position: absolute;
}
.hygge__decoration01 {
  bottom: 0;
  right: 120px;
  width: 153px;
}

/* what */
.hygge__what {
  width: calc(100% - 70px);
  max-width: 980px;
  padding-top: 79px;
  padding-bottom: 205px;
}
.hygge__what .low__subFlex {
  align-items: flex-start;
  max-width: 900px;
}
.hygge__what .low__subLft {
  width: 50%;
  max-width: 450px;
}
.hygge__what .low__subRgt {
  width: 50%;
  max-width: 461px;
  padding-top: 100px;
}
.hygge__what .low__subText:not(:last-child) {
  margin-bottom: 35px;
}
.hygge__decoration02 {
  top: 35px;
  right: 0;
  width: 14%;
  max-width: 123px;
  min-width: 73px;
}
.hygge__decoration03 {
  bottom: 150px;
  right: 35px;
  width: 20%;
  max-width: 173px;
  min-width: 105px;
}
.hygge__decoration04 {
  bottom: -85px;
  right: 280px;
  width: 16%;
  max-width: 139px;
  min-width: 84px;
}

/* shiretoko-hygge */
.hygge__shiretokoHygge {
  padding-top: 150px;
}
.hygge__shiretokoHygge .low__subFlex {
  flex-direction: row-reverse;
}
.hygge__shiretokoHygge .low__subLft {
  width: 255px;
}
.hygge__shiretokoHygge .low__subRgt {
  width: calc(100% - 275px);
  max-width: 483px;
}

/* hygge-moments */
.hygge__moments {
  padding-top: 130px;
  overflow-x: hidden;
}
.hygge__momentsSwiper .swiper-slide {
  width: 266px; /* 画像と同じ幅 */
}
.hygge__momentsHeading {
  font-size: 14px;
  font-family: "Libre Caslon Display", serif;
  font-weight: 400;
  padding-top: 13px;
  margin-bottom: 9px;
  line-height: 1.75;
  letter-spacing: 0.063em;
}
.hygge__momentsText {
  font-size: 12px;
  line-height: 1.75;
}

/* all-inclusive */
.hygge__allInclusive {
  padding-top: 125px;
  position: relative;
}
.hygge__allInclusive.hygge__inner {
  max-width: 1025px;
}
.hygge__allInclusive img {
  margin-bottom: 45px;
}
.hygge__allInclusive .low__subFlex {
  width: calc(100% - 20px);
  max-width: 615px;
  margin: 0 auto 0 0;
  align-items: flex-start;
}
.hygge__allInclusive .low__subLft {
  width: 180px;
  padding-top: 5px;
}
.hygge__allInclusive .low__subRgt {
  width: calc(100% - 180px);
  max-width: 250px;
}

.hygge__decoration05 {
  bottom: -50px;
  right: 20px;
  width: 21%;
  max-width: 163px;
  min-width: 90px;
}
.hygge__decoration06 {
  bottom: -150px;
  left: 0;
  width: 19%;
  max-width: 141px;
  min-width: 90px;
}

/* special-movie */
.hygge__specialMovie {
  padding-top: 173px;
}
.hygge__specialMovie.hygge__inner {
  max-width: 1025px;
}
/* youtube埋め込み ↓ */
.video-wrap {
  width: 100%;
  margin: 0 auto;
  padding-top: 543px;
  position: relative;
}
.video-wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
/* youtube埋め込み ↑ */

/* message */
.hygge__message {
  padding-top: 127px;
}
.hygge__message .low__subFlex {
  width: calc(100% - 20px);
  max-width: 866px;
  margin: 0 auto 0 0;
  align-items: flex-start;
}
.hygge__message .low__subLft {
  width: 245px;
  padding-top: 5px;
}
.hygge__message .low__subRgt {
  width: calc(100% - 245px);
  max-width: 570px;
}

@media screen and (max-width: 1440px) {
  /* youtube埋め込み ↓ */
  .video-wrap {
    padding-top: 56.2%;
  }
  /* youtube埋め込み ↑ */
}

@media screen and (max-width: 1100px) {
  .hygge__decoration05 {
    bottom: -140px;
  }
  .hygge__decoration06 {
    width: 16%;
  }
}

@media screen and (max-width: 1000px) {
  .hygge__decoration05 {
    width: 16%;
  }
  .hygge__decoration06 {
    width: 16%;
  }
}

@media screen and (max-width: 980px) {
  .low__item2Text {
    margin-bottom: 160px;
  }
  .hygge__decoration01 {
    bottom: -130px;
  }

  .hygge__what .low__subFlex {
    display: block;
  }

  .hygge__what .low__subLft {
    width: 100%;
    max-width: 100%;
  }
  .hygge__what .low__subRgt {
    width: 100%;
    padding-top: 40px;
    margin: 0 auto;
  }
  .hygge__decoration02 {
    top: 5px;
  }
  .hygge__decoration03 {
    bottom: 570px;
    right: 0;
  }
  .hygge__decoration04 {
    bottom: 0;
    right: auto;
    left: 0;
  }
}

@media screen and (max-width: 900px) {
  .hygge__allInclusive .low__subFlex,
  .hygge__message .low__subFlex {
    display: flex;
  }
  .hygge__what .low__subLft,
  .hygge__shiretokoHygge .low__subLft {
    width: 100%;
    margin-bottom: 40px;
  }
  .hygge__what .low__subLft {
    margin-bottom: 0;
  }
  .hygge__what .low__subRgt {
    width: 100%;
    max-width: 461px;
    margin: 0 auto;
  }
  .hygge__shiretokoHygge .low__subRgt {
    width: 100%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 750px) {
  .hygge__inner,
  .hygge__allInclusive .low__subFlex,
  .hygge__message .low__subFlex {
    width: 100%;
    margin: 0 auto;
  }
  .hygge__momentsSwiper .swiper-slide {
    width: 306px;
  }
  .hygge__wrap {
    width: calc(100% - 40px);
    max-width: 73.333vw;
    margin: 0 auto;
  }

  .hygge__what {
    padding-bottom: 155px;
  }
  .hygge__decoration01 {
    right: 20px;
  }
  .hygge__decoration04 {
    bottom: 20px;
  }
}

@media screen and (max-width: 640px) {
  .hygge__message .low__subFlex {
    display: block;
  }
  .hygge__message .low__subLft {
    width: 100%;
    padding-top: 0;
    margin-bottom: 40px;
  }
  .hygge__message .low__subRgt {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .hygge__wrap {
    max-width: 100%;
  }
  .hygge__allInclusive .low__subFlex {
    display: block;
  }
  .hygge__allInclusive .low__subLft {
    width: 100%;
    padding-top: 0;
    margin-bottom: 36px;
  }
  .hygge__allInclusive .low__subRgt {
    width: 100%;
    max-width: 100%;
  }

  .hygge__decoration03 {
    top: 390px;
    bottom: auto;
  }

  .hygge__decoration05 {
    bottom: 110px;
    right: 0;
  }
  .hygge__decoration06 {
    bottom: -160px;
  }
}

@media screen and (max-width: 400px) {
  .hygge__decoration03 {
    top: 445px;
  }
}

@media screen and (max-width: 327px) {
  .hygge__decoration03 {
    top: 480px;
  }
}