/* line 6, home.scss */
#home .site_header.-fixed {
  transition: all 0.2s; }
  /* line 8, home.scss */
  #home .site_header.-fixed + .site_content {
    padding-top: 0 !important; }
/* line 12, home.scss */
#home .site_header:not(.-fixed) {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  box-shadow: none;
  background: none !important;
  color: var(--wp--preset--color--theme-white); }
  /* line 20, home.scss */
  #home .site_header:not(.-fixed) .site_logo {
    background-image: url(../../assets/images/hanayura-logo01-w.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }
    /* line 25, home.scss */
    #home .site_header:not(.-fixed) .site_logo img {
      opacity: 0; }
/* line 32, home.scss */
#home .main_block {
  padding-top: 0; }
/* line 36, home.scss */
#home .home_visual {
  position: relative; }
  @media screen and (max-width: 719px) {
    /* line 36, home.scss */
    #home .home_visual {
      height: 100vh;
      aspect-ratio: auto !important; } }
/* line 43, home.scss */
#home .home_visual::after {
  content: "";
  width: 100%;
  height: 12%;
  display: block;
  background: linear-gradient(rgba(252, 248, 237, 0) 0, #fcf8ed 80%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1; }
/* line 54, home.scss */
#home .wp-block-cover__inner-container {
  width: 100%;
  height: 100%;
  position: relative; }
  /* line 58, home.scss */
  #home .wp-block-cover__inner-container p {
    position: absolute;
    display: block;
    right: 0em;
    bottom: 1em; }
  /* line 64, home.scss */
  #home .wp-block-cover__inner-container .bn_members {
    position: absolute;
    display: block;
    left: 0em;
    bottom: 2em; }
  @media screen and (max-width: 719px) {
    /* line 71, home.scss */
    #home .wp-block-cover__inner-container .bn_members {
      right: 0em;
      text-align: right; } }
/* line 78, home.scss */
#home section.wp-block-group:not(:last-of-type) {
  margin-bottom: 10%; }
@media screen and (max-width: 719px) {
  /* line 82, home.scss */
  #home section.wp-block-group .sect_title {
    font-size: var(--wp--preset--font-size--xx-large); } }

/* line 90, home.scss */
#about .sect_head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100; }
/* line 98, home.scss */
#about .about_visual {
  overflow: hidden;
  max-width: 100%;
  background-image: linear-gradient(0deg, #fff 0%, #fff 100%);
  background-size: 50vw 40vh;
  background-position: right bottom;
  background-attachment: fixed;
  background-repeat: no-repeat; }
  /* line 107, home.scss */
  #about .about_visual .visual_list .visual {
    transition: all 0.2s; }
    /* line 109, home.scss */
    #about .about_visual .visual_list .visual.visual01 {
      width: 50%; }
      /* line 111, home.scss */
      #about .about_visual .visual_list .visual.visual01 .wp-block-image {
        padding: 30% 0 5%; }
    /* line 115, home.scss */
    #about .about_visual .visual_list .visual.visual02 {
      width: 30%; }
    /* line 118, home.scss */
    #about .about_visual .visual_list .visual.visual03 {
      margin-left: -20%;
      width: 20%; }
/* line 126, home.scss */
#about .sect_visual {
  gap: 0; }
@media screen and (max-width: 719px) {
  /* line 131, home.scss */
  #about .sect_visual .visual02 {
    margin-top: -15%;
    margin-right: -5vw;
    margin-left: auto;
    width: 50%; }
  /* line 137, home.scss */
  #about .sect_visual .visual03 {
    margin-left: -10vw;
    margin-bottom: -25%;
    width: 80%; } }
@media (min-width: 720px) {
  /* line 146, home.scss */
  #about .sect_visual .visual01 {
    position: relative;
    margin-right: -10%;
    margin-left: 20%;
    z-index: 10; }
  /* line 152, home.scss */
  #about .sect_visual .visual02 {
    margin-top: -37.5%;
    margin-bottom: 25%;
    margin-right: -5vw;
    margin-left: auto;
    width: 75%; } }
/* line 161, home.scss */
#about .sect_visual02 {
  width: 65%;
  margin: -13% 5% 0 auto; }
@media screen and (max-width: 719px) {
  /* line 166, home.scss */
  #about .sect_visual02 {
    width: 90%;
    margin: -3% auto 0 auto; } }
/* line 172, home.scss */
#about h2 bdo {
  padding-bottom: 2vw; }

/* line 178, home.scss */
#rooms {
  margin-bottom: 30% !important; }
  /* line 180, home.scss */
  #rooms::after {
    content: '';
    display: block;
    width: 100%;
    padding-top: 24%; }
  /* line 186, home.scss */
  #rooms .photo_gallery {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-left: -7.5vw;
    margin-right: auto;
    margin-top: -12%;
    width: 105vw; }
    /* line 195, home.scss */
    #rooms .photo_gallery .slick-prev, #rooms .photo_gallery .slick-next {
      top: -20% !important; }
    /* line 198, home.scss */
    #rooms .photo_gallery .slick-prev {
      right: 9rem !important;
      left: auto !important; }
    /* line 202, home.scss */
    #rooms .photo_gallery .slick-next {
      right: 6rem !important; }
    /* line 205, home.scss */
    #rooms .photo_gallery .slick-track {
      display: flex;
      justify-content: flex-start;
      gap: 1em; }
    /* line 210, home.scss */
    #rooms .photo_gallery .slick-slide {
      float: none; }
    /* line 213, home.scss */
    #rooms .photo_gallery .wp-block-image {
      width: 33%;
      max-width: 450px; }
      /* line 216, home.scss */
      #rooms .photo_gallery .wp-block-image .wp-element-caption {
        font-size: var(--wp--preset--font-size--medium) !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1rem; }
  /* line 230, home.scss */
  #rooms h2 bdo {
    padding-bottom: 2vw; }

@media screen and (max-width: 719px) {
  /* line 236, home.scss */
  #rooms {
    margin-bottom: 60% !important; } }
/* line 241, home.scss */
#onsen,
#dishes {
  padding-bottom: 10vw !important; }
  /* line 244, home.scss */
  #onsen .grp_text,
  #dishes .grp_text {
    width: 60%;
    position: absolute;
    bottom: 0;
    right: 5vw;
    z-index: 1;
    padding-top: 3vw;
    padding-left: 5vw;
    padding-right: 4vw;
    padding-bottom: 3vw;
    border-radius: 2em 2em 2em 2em;
    margin: 0 !important; }
    /* line 258, home.scss */
    #onsen .grp_text .wp-block-column + .wp-block-column,
    #dishes .grp_text .wp-block-column + .wp-block-column {
      display: flex;
      justify-content: flex-end; }
    @media screen and (max-width: 719px) {
      /* line 263, home.scss */
      #onsen .grp_text .wp-block-column + .wp-block-column,
      #dishes .grp_text .wp-block-column + .wp-block-column {
        justify-content: flex-start; } }
  @media screen and (max-width: 719px) {
    /* line 269, home.scss */
    #onsen .grp_text,
    #dishes .grp_text {
      width: 90%;
      max-width: 90vw;
      position: relative;
      left: 0;
      right: auto;
      padding-top: 5vw;
      padding-left: 10vw;
      padding-right: 2vw;
      padding-bottom: 15vw;
      border-radius: 0em 2em 2em 0em; } }
  @media screen and (max-width: 719px) {
    /* line 283, home.scss */
    #onsen .bg-img,
    #dishes .bg-img {
      margin-top: -5vw; } }
  /* line 288, home.scss */
  #onsen h2 bdo,
  #dishes h2 bdo {
    padding-bottom: 2vw; }

@media screen and (max-width: 719px) {
  /* line 294, home.scss */
  #onsen {
    padding-bottom: 0 !important; } }
/* line 301, home.scss */
#facilities .wp-block-media-text__media img {
  border-radius: 50%; }
@media screen and (max-width: 719px) {
  /* line 307, home.scss */
  #facilities .wp-block-media-text > .wp-block-media-text__content {
    padding-left: 2.5rem; } }
@media (min-width: 720px) {
  /* line 314, home.scss */
  #facilities .wp-block-heading:has(bdo) bdo {
    margin-left: 0; } }
/* line 320, home.scss */
#facilities h2 bdo {
  padding-bottom: 2vw; }

/* line 328, home.scss */
#sns .sns_navi .wp-block-button {
  height: 3.8em; }
  /* line 330, home.scss */
  #sns .sns_navi .wp-block-button > .wp-block-button__link {
    position: relative;
    letter-spacing: 0.1em; }
  /* line 334, home.scss */
  #sns .sns_navi .wp-block-button .wp-block-button__link::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0.25em;
    width: 1.5em;
    height: 1.5em;
    content: url("../../assets/images/arr-link-w.svg"); }
@media (min-width: 720px) {
  /* line 327, home.scss */
  #sns .sns_navi {
    font-size: 2vw;
    padding-right: var(--wp--preset--spacing--40);
    padding-left: var(--wp--preset--spacing--40); } }
/* line 352, home.scss */
#sns .sns_navi .icon .wp-block-button__link::before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 2.25em;
  width: 2.5em;
  height: 2.5em; }
@media screen and (max-width: 719px) {
  /* line 363, home.scss */
  #sns .sns_navi .icon .wp-block-button__link::before {
    margin: auto 0.75em;
    width: 1.25em;
    height: 1.25em; } }
/* line 371, home.scss */
#sns .sns_navi .fb .wp-block-button__link::before {
  content: "";
  background: url("../../assets/images/icon_fb.svg") no-repeat;
  background-position: 0 0;
  background-size: 100%; }
/* line 379, home.scss */
#sns .sns_navi .ig .wp-block-button__link::before {
  content: "";
  background: url("../../assets/images/icon_ig.svg") no-repeat;
  background-position: 0 0;
  background-size: 100%; }

/* line 391, home.scss */
#access .access_hokkaido > .wp-block-media-text__content {
  padding: 0; }
@media screen and (max-width: 719px) {
  /* line 390, home.scss */
  #access .access_hokkaido {
    overflow: hidden; }
    /* line 397, home.scss */
    #access .access_hokkaido > .wp-block-media-text__media img {
      position: relative;
      width: calc(10 / 9 * 110%); } }
@media (min-width: 720px) {
  /* line 404, home.scss */
  #access .access_hokkaido > .wp-block-media-text__media {
    padding-bottom: var(--wp--preset--spacing--40); }
    /* line 406, home.scss */
    #access .access_hokkaido > .wp-block-media-text__media img {
      position: relative;
      width: calc(100 / 66 * 80%); }
  /* line 411, home.scss */
  #access .access_hokkaido > .wp-block-media-text__content {
    position: relative;
    width: calc(100 / 34 * 40%); } }
/* line 417, home.scss */
#access .access_navi_grp {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90vw;
  height: 90vw;
  max-width: 450px;
  max-height: 450px; }
/* line 427, home.scss */
#access .access_navi .wp-block-button {
  max-width: 15em;
  height: 3em; }
  /* line 430, home.scss */
  #access .access_navi .wp-block-button:has(small) {
    margin-top: 1.5em; }
  /* line 433, home.scss */
  #access .access_navi .wp-block-button > .wp-block-button__link {
    text-align: left; }
    /* line 435, home.scss */
    #access .access_navi .wp-block-button > .wp-block-button__link small {
      display: block;
      width: 120%;
      text-align: center;
      position: absolute;
      bottom: 100%;
      right: 0;
      left: -2.25em;
      margin-bottom: 0.5em;
      font-size: var(--wp--preset--font-size--small); }
      /* line 445, home.scss */
      #access .access_navi .wp-block-button > .wp-block-button__link small::before, #access .access_navi .wp-block-button > .wp-block-button__link small::after {
        content: "";
        display: inline-block;
        margin: auto 0.5em;
        width: 0;
        height: 1.2em;
        border-left: solid 1px;
        vertical-align: bottom; }
      /* line 455, home.scss */
      #access .access_navi .wp-block-button > .wp-block-button__link small::before {
        transform: skewX(15deg); }
      /* line 458, home.scss */
      #access .access_navi .wp-block-button > .wp-block-button__link small::after {
        transform: skewX(-15deg);
        position: absolute; }

/* line 467, home.scss */
#access::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 80%;
  background-color: var(--wp--preset--color--theme-subcolor) !important; }

@media screen and (max-width: 719px) {
  /* line 479, home.scss */
  #access::after {
    height: 90%; } }

/*# sourceMappingURL=home.css.map */