#home .site_header.-fixed {
  transition: all 0.2s; }
  #home .site_header.-fixed + .site_content {
    padding-top: 0 !important; }
#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); }
  #home .site_header:not(.-fixed) .site_logo {
    filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(322deg) brightness(105%) contrast(100%); }
#home .main_block {
  padding-top: 0; }
@media screen and (max-width: 719px) {
  #home .home_visual {
    height: 100vh;
    aspect-ratio: auto !important; } }
#home section.wp-block-group:not(:last-of-type) {
  margin-bottom: 10%; }
@media screen and (max-width: 719px) {
  #home section.wp-block-group .sect_title {
    font-size: var(--wp--preset--font-size--xx-large); } }

#about .sect_head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100; }
#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; }
  #about .about_visual .visual_list .visual {
    transition: all 0.2s; }
    #about .about_visual .visual_list .visual.visual01 {
      width: 50%; }
      #about .about_visual .visual_list .visual.visual01 .wp-block-image {
        padding: 30% 0 5%; }
    #about .about_visual .visual_list .visual.visual02 {
      width: 30%; }
    #about .about_visual .visual_list .visual.visual03 {
      margin-left: -20%;
      width: 20%; }
#about .sect_visual {
  gap: 0; }
@media screen and (max-width: 719px) {
  #about .sect_visual .visual02 {
    margin-top: -25%;
    margin-right: -5vw;
    margin-left: auto;
    width: 50%; }
  #about .sect_visual .visual03 {
    margin-left: -10vw;
    margin-bottom: -25%;
    width: 80%; } }
@media (min-width: 720px) {
  #about .sect_visual .visual01 {
    position: relative;
    margin-right: -10%;
    margin-left: 20%;
    z-index: 10; }
  #about .sect_visual .visual02 {
    margin-top: -37.5%;
    margin-bottom: 25%;
    margin-right: -5vw;
    margin-left: auto;
    width: 75%; } }
#about .sect_visual02 {
  width: 65%;
  margin: -13% 5% 0 auto; }
@media screen and (max-width: 719px) {
  #about .sect_visual02 {
    width: 90%;
    margin: -3% auto 0 auto; } }

#rooms {
  margin-bottom: 40% !important; }
  #rooms::after {
    content: '';
    display: block;
    width: 100%;
    padding-top: 24%; }
  #rooms .photo_gallery {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: -12%;
    width: 70vw; }
    #rooms .photo_gallery .wp-block-image .wp-element-caption {
      font-size: var(--wp--preset--font-size--medium) !important; }
  #rooms h2 bdo {
    padding-bottom: 2vw; }

@media screen and (max-width: 719px) {
  #rooms {
    margin-bottom: 50% !important; } }
#onsen, #dishes {
  padding-bottom: 10vw !important; }
  #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; }
    #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) {
      #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) {
    #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) {
    #onsen .bg-img, #dishes .bg-img {
      margin-top: -5vw; } }
  #onsen h2 bdo, #dishes h2 bdo {
    padding-bottom: 2vw; }

@media screen and (max-width: 719px) {
  #onsen {
    padding-bottom: 0 !important; } }
#dishes .photo_gallery {
  left: 0; }
#dishes .sect_visual {
  text-align: right; }

#facilities .wp-block-media-text__media img {
  border-radius: 50%; }
@media screen and (max-width: 719px) {
  #facilities .wp-block-media-text > .wp-block-media-text__content {
    padding-left: 2.5rem; } }
@media (min-width: 720px) {
  #facilities .wp-block-heading:has(bdo) bdo {
    margin-left: 0; } }
#facilities h2 bdo {
  padding-bottom: 2vw; }

#sns .sns_navi .wp-block-button {
  height: 3.8em; }
  #sns .sns_navi .wp-block-button > .wp-block-button__link {
    position: relative;
    letter-spacing: 0.1em; }
  #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) {
  #sns .sns_navi {
    font-size: 2vw;
    padding-right: var(--wp--preset--spacing--40);
    padding-left: var(--wp--preset--spacing--40); } }
#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) {
  #sns .sns_navi .icon .wp-block-button__link::before {
    margin: auto 0.75em;
    width: 1.25em;
    height: 1.25em; } }
#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%; }
#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%; }

#access .access_hokkaido > .wp-block-media-text__content {
  padding: 0; }
@media screen and (max-width: 719px) {
  #access .access_hokkaido {
    overflow: hidden; }
    #access .access_hokkaido > .wp-block-media-text__media img {
      position: relative;
      width: calc( 10 / 9 * 110% ); } }
@media (min-width: 720px) {
  #access .access_hokkaido > .wp-block-media-text__media {
    padding-bottom: var(--wp--preset--spacing--40); }
    #access .access_hokkaido > .wp-block-media-text__media img {
      position: relative;
      width: calc( 100 / 66 * 80% ); }
  #access .access_hokkaido > .wp-block-media-text__content {
    position: relative;
    width: calc( 100 / 34 * 40% ); } }
#access .access_navi_grp {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90vw;
  height: 90vw;
  max-width: 450px;
  max-height: 450px; }
#access .access_navi .wp-block-button {
  max-width: 15em;
  height: 3em; }
  #access .access_navi .wp-block-button:has(small) {
    margin-top: 1.5em; }
  #access .access_navi .wp-block-button > .wp-block-button__link {
    text-align: left; }
    #access .access_navi .wp-block-button > .wp-block-button__link small {
      display: block;
      text-align: center;
      position: absolute;
      bottom: 100%;
      right: 0;
      left: -1em;
      margin-bottom: 0.5em;
      font-size: var(--wp--preset--font-size--small); }
      #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; }
      #access .access_navi .wp-block-button > .wp-block-button__link small::before {
        transform: skewX(15deg); }
      #access .access_navi .wp-block-button > .wp-block-button__link small::after {
        transform: skewX(-15deg);
        position: absolute; }

#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) {
  #access::after {
    height: 90%; } }
#surrounding-area {
  position: relative;
  padding-left: 0;
  padding-right: 0; }
  #surrounding-area h2,
  #surrounding-area div.wp-block-buttons {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  #surrounding-area .surrounding-area-imgs {
    width: 100vw;
    transform: translateY(50%); }
    @media screen and (max-width: 600px) {
      #surrounding-area .surrounding-area-imgs {
        transform: translateY(20%); } }
    #surrounding-area .surrounding-area-imgs figure.wp-block-gallery {
      justify-content: space-between;
      align-items: start;
      height: auto; }
      @media screen and (max-width: 600px) {
        #surrounding-area .surrounding-area-imgs figure.wp-block-gallery {
          justify-content: end;
          flex-wrap: wrap; }
          #surrounding-area .surrounding-area-imgs figure.wp-block-gallery:first-of-type {
            margin-left: -10px; }
          #surrounding-area .surrounding-area-imgs figure.wp-block-gallery figure.wp-block-image {
            max-width: calc((80% - var(--wp--preset--spacing--30)) / 2); } }
    #surrounding-area .surrounding-area-imgs .wp-block-gallery img {
      object-fit: contain;
      aspect-ratio: auto; }
  #surrounding-area .wp-block-button__link.has-theme-white-color.has-text-color.has-link-color.wp-element-button {
    padding-right: 3rem; }
    #surrounding-area .wp-block-button__link.has-theme-white-color.has-text-color.has-link-color.wp-element-button::after {
      content: url(../../assets/images/arr-link_blank-w.svg);
      width: 1em;
      height: 1em; }

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