/* custom properties */
:root {
  --color-primary: #e61975;
  --color-secondary: #263e71;
  --color-link: #263e71;
  --color-hover: #e61975;
  --color-white: #fff;
  --color-black: #000;
  --color-gray: #666;
  --color-lightgray: #999;
  --color-maintext: #263e71;
  --color-subtext: #ff9bd2;
  --color-bg01: #fff1f9;
  --color-bg02: #263e71;
  --color-bg03: #ff9bd2;
  --font-family-sans-serif: "Noto Sans JP", sans-serif;
  --font-family-font-awesome: "Font Awesome 6 Free"; }

#contents #catchcopy {
  color: var(--color-white);
  font-weight: 700;
  background-color: var(--color-primary); }
  #contents #catchcopy .catchcopy_02 {
    padding: 0 2rem 1rem; }
#contents #sec_hero {
  width: 100%;
  aspect-ratio: 1;
  margin: 0 auto 4rem;
  /*.wp-block-cover {
    min-height: inherit !important;
    aspect-ratio: 1 !important;
    overflow: hidden;
  }*/ }
  #contents #sec_hero .sliderberg-slides-container,
  #contents #sec_hero .sliderberg-slide {
    min-height: inherit !important;
    aspect-ratio: 1 !important; }
  #contents #sec_hero .sliderberg-navigation-bar-bottom {
    display: none; }
  #contents #sec_hero .sliderberg-content-position-center-center .sliderberg-slide-content {
    place-self: end start; }
  #contents #sec_hero img {
    width: 100%;
    height: auto; }
#contents #sec_events {
  margin: 0 auto 4rem; }
#contents #sec_topics {
  margin: 0 auto 4rem;
  padding: 3rem 0 0;
  border-top: 2px dashed var(--color-primary); }
#contents #sec_access {
  margin: 0 auto 4rem;
  padding: 3rem 0 0;
  border-top: 2px dashed var(--color-primary); }
  #contents #sec_access .google_map {
    width: 100%; }
    #contents #sec_access .google_map iframe {
      width: 100%;
      height: 30rem; }
  #contents #sec_access .block_txt {
    margin: 2rem auto;
    text-align: center; }
    #contents #sec_access .block_txt p {
      margin: 0.5em 0 0; }
  #contents #sec_access .link_map a::after {
    content: "";
    display: block;
    height: 1.2rem;
    background-image: url("../img/arrow_01.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
#contents #sec_rooms {
  margin: 0 auto 6rem;
  padding: 3rem 0 0;
  border-top: 2px dashed var(--color-primary); }
  #contents #sec_rooms .room_list {
    padding: 0 2rem; }
    #contents #sec_rooms .room_list .room {
      position: relative;
      margin: 0 auto 4rem; }
      #contents #sec_rooms .room_list .room .room_ph {
        margin: 0 auto 2.4rem;
        border-width: 8px;
        border-style: solid;
        border-image: linear-gradient(125deg, #ff7bc4, #44a9ff) 1; }
        #contents #sec_rooms .room_list .room .room_ph .bomb {
          position: absolute;
          right: -2rem;
          bottom: 17%;
          z-index: 1;
          width: 38%;
          height: auto; }
      #contents #sec_rooms .room_list .room .txt {
        margin-bottom: 1rem;
        font-weight: 700; }
    #contents #sec_rooms .room_list #room_semisuite .room_ph {
      border-image: linear-gradient(125deg, #70c8ff 50%, #fff000) 1; }
    #contents #sec_rooms .room_list #room_deluxe .room_ph {
      border-image: linear-gradient(125deg, #fed530, #ff7bc4) 1; }
      #contents #sec_rooms .room_list #room_deluxe .room_ph .bomb {
        width: 30%;
        right: -1rem;
        bottom: -9%; }
    #contents #sec_rooms .room_list #room_standard .room_ph {
      border-image: linear-gradient(125deg, #cb8eff, #70c8ff) 1; }
      #contents #sec_rooms .room_list #room_standard .room_ph .bomb {
        width: 30%;
        right: -1rem;
        bottom: -9%; }

.swiper {
  width: 100%;
  height: 100%; }

.swiper-slide {
  text-align: center;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center; }

@media screen and (min-width: 1200px) {
  #contents #catchcopy {
    padding-top: 1rem; }
  #contents #sec_rooms {
    margin: 0 auto 8rem; }
    #contents #sec_rooms .room_list .room {
      margin: 0 auto 6rem; }
      #contents #sec_rooms .room_list .room .room_ph {
        border-width: 11px; } }