@charset "UTF-8";
.movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}

.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 250701 TOPリニューアル + s4 */
.sp_none {
  display: none !important;
}

body,
.yu-min,
h2,
h3 {
  font-family: "Noto Serif JP", serif;
}

body {
  padding-top: 16.5333333333vw;
}

#page-home,
#page-home .content,
#page-home .c-m .wrapper,
#page-home .c-m .maincol {
  overflow: visible;
}

#page-home * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#page-home img {
  max-width: 100%;
  vertical-align: bottom;
}

.inner {
  width: 89.3333333333vw;
  margin-left: auto;
  margin-right: auto;
}

header {
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9000;
  background-color: #fff;
}
header * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
header img {
  vertical-align: bottom;
  max-width: 100%;
}
header .content_wrap {
  height: 16.5333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .content_wrap .left_content .logo_box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  color: inherit !important;
  text-decoration: none;
}
header .content_wrap .left_content .logo_box a .logo_wrap {
  width: 10.6666666667vw;
}
header .content_wrap .left_content .logo_box a .ttl_box {
  padding-top: 1.0666666667vw;
}
header .content_wrap .left_content .logo_box a .ttl_box p span {
  display: block;
  line-height: 1.3;
}
header .content_wrap .left_content .logo_box a .ttl_box p span.m_ttl {
  font-size: 3.7333333333vw;
  font-weight: 500;
  letter-spacing: 0.2666666667vw;
}
header .content_wrap .left_content .logo_box a .ttl_box p span.sub_ttl {
  margin-top: 0.2666666667vw;
  font-size: 2.1333333333vw;
}
header .content_wrap .right_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6.9333333333vw;
  color: #000;
}
header .content_wrap .right_content .to_reserve {
  font-size: 2.9333333333vw;
}
header .content_wrap .right_content .to_reserve a {
  text-decoration: none !important;
}
header .content_wrap .right_content .to_reserve a::before {
  margin-left: auto;
  margin-right: auto;
  content: "";
  display: block;
  width: 5.3333333333vw;
  height: 5.8666666667vw;
  background-image: url(../img/common_renew/ico_calendar.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 1.0666666667vw;
}
header .content_wrap .right_content .hm_btn {
  padding-top: 1.3333333333vw;
}
header .content_wrap .right_content .hm_btn .hm {
  width: 5.6vw;
  height: 4vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
header .content_wrap .right_content .hm_btn .hm span {
  display: block;
  width: 100%;
  height: 0.2666666667vw;
  position: absolute;
  left: 0;
  background-color: #000;
}
header .content_wrap .right_content .hm_btn .hm span:nth-child(1) {
  top: 0;
}
header .content_wrap .right_content .hm_btn .hm span:nth-child(2) {
  top: 1.8666666667vw;
}
header .content_wrap .right_content .hm_btn .hm span:nth-child(3) {
  bottom: 0;
}
header .content_wrap .right_content .hm_btn p {
  margin-top: 1.3333333333vw;
  font-size: 2.9333333333vw;
}

.hm_content {
  display: none;
  padding-top: 2.9333333333vw;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: #fff;
  overflow: auto;
  padding-bottom: 5.3333333333vw;
}
.hm_content .upper_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hm_content .upper_content .logo_box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  color: inherit !important;
  text-decoration: none;
}
.hm_content .upper_content .logo_box a .logo_wrap {
  width: 10.6666666667vw;
}
.hm_content .upper_content .logo_box a .ttl_box {
  padding-top: 1.0666666667vw;
}
.hm_content .upper_content .logo_box a .ttl_box p span {
  display: block;
  line-height: 1.3;
}
.hm_content .upper_content .logo_box a .ttl_box p span.m_ttl {
  font-size: 3.7333333333vw;
  font-weight: 500;
  letter-spacing: 0.2666666667vw;
}
.hm_content .upper_content .logo_box a .ttl_box p span.sub_ttl {
  margin-top: 0.2666666667vw;
  font-size: 2.1333333333vw;
}
.hm_content .upper_content .hm_close {
  width: 8.5333333333vw;
  height: 8.5333333333vw;
  position: relative;
}
.hm_content .upper_content .hm_close::before, .hm_content .upper_content .hm_close::after {
  content: "";
  display: block;
  position: absolute;
  width: 90%;
  height: 0.2666666667vw;
  left: 50%;
  top: 50%;
  background-color: #000;
}
.hm_content .upper_content .hm_close::before {
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.hm_content .upper_content .hm_close::after {
  -webkit-transform: translateX(-50%) rotate(135deg);
          transform: translateX(-50%) rotate(135deg);
}
.hm_content .page_nav {
  margin-top: 8vw;
}
.hm_content .page_nav ul li + li {
  margin-top: 4vw;
}
.hm_content .page_nav ul li a {
  font-size: 4vw;
  text-decoration: none;
}
.hm_content .btn_area {
  margin-top: 13.3333333333vw;
}
.hm_content .btn_area .btn_more a {
  width: 100%;
  font-size: 4.8vw;
}
.hm_content .btn_area .btn_more a::after {
  right: 8vw;
}
.hm_content .btn_area .to_tel {
  margin-top: 8vw;
}
.hm_content .btn_area .to_tel .sub_text {
  text-align: center;
  font-size: 3.7333333333vw;
}
.hm_content .btn_area .to_tel p.btn_more {
  margin-top: 1.3333333333vw;
}
.hm_content .btn_area .to_tel p.btn_more a span {
  position: relative;
  display: block;
  padding-left: 5.3333333333vw;
}
.hm_content .btn_area .to_tel p.btn_more a span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3.4666666667vw;
  height: 4.2666666667vw;
  background-image: url(../img/common_renew/ico_tel.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* 宿泊日・日程未定・人数・客室数の文字色 */
.directin-sp-form .directin-sp-form-input label .directin-sp-form-label,
.directin-sp-form .directin-sp-form-input label .directin-sp-form-checkbox-label,
.directin-sp-form .directin-sp-form-guest-room-input-group .directin-sp-form-guest-room-separator {
  color: #fff;
  font-size: 14px;
}

.directin-sp-form .directin-sp-form-input-group .directin-sp-form-input label .directin-sp-form-checkbox-label {
  font-size: 14px;
}

/* 検索ボタンの文字色と背景色 */
.directin-sp-form .directin-sp-form-submit-button button {
  color: #000;
  background: #EDDD8A;
}

.panel_area {
  background-color: #000;
  padding-top: 5.3333333333vw;
  padding-bottom: 5.3333333333vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.panel_area * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.panel_area img {
  max-width: 100%;
  vertical-align: bottom;
}
.panel_area .content_wrap.inner {
  width: auto;
}
.panel_area .content_wrap .ttl_wrap {
  padding-left: 16px;
  padding-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.3333333333vw;
}
.panel_area .content_wrap .ttl_wrap .ttl_deco {
  width: 21.3333333333vw;
}
.panel_area .content_wrap .ttl_wrap h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.3333333333vw;
}
.panel_area .content_wrap .ttl_wrap h2 span {
  display: block;
}
.panel_area .content_wrap .ttl_wrap h2 span.m_ttl {
  padding-top: 0.8vw;
  padding-bottom: 0.8vw;
  font-size: 3.7333333333vw;
  color: #eddd8a;
  border-top: 1px solid #eddd8a;
  border-bottom: 1px solid #eddd8a;
}
.panel_area .content_wrap .ttl_wrap h2 span.sub_ttl {
  font-size: 3.7333333333vw;
  color: #fff;
}
.panel_area .content_wrap .panel_wrap .s4_panel input[type=text] {
  height: 43px;
}
.panel_area .content_wrap .panel_wrap .s4_panel input,
.panel_area .content_wrap .panel_wrap .s4_panel select,
.panel_area .content_wrap .panel_wrap .s4_panel button {
  font-family: inherit;
}
.panel_area .content_wrap .panel_wrap p.cancel_text {
  text-align: center;
}
.panel_area .content_wrap .panel_wrap p.cancel_text a {
  color: #fff;
  font-size: 3.7333333333vw;
}

.mv {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.mv img {
  max-width: 100%;
}
.mv .logo_wrap {
  width: 45.3333333333vw;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.mv .logo_wrap img {
  width: 100%;
}
.mv .swiper_wrap .swiper_img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 133.3333333333vw;
}

#page-home #news {
  margin: 16vw auto 0;
  padding: 0;
  width: 89.3333333333vw;
}
#page-home #news h2.hd {
  margin-top: 0;
  margin-bottom: 13.3333333333vw;
  position: relative;
  padding-top: 0;
  font-size: 5.3333333333vw;
  padding-bottom: 2.1333333333vw;
}
#page-home #news h2.hd::before {
  content: "Information";
  font-size: 8vw;
  display: block;
  padding-bottom: 0.8vw;
}
#page-home #news h2.hd::after {
  width: 21.3333333333vw;
  height: 1px;
  margin: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  background-color: #00a0da;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#page-home #news .column {
  border: none;
}
#page-home #news .column + .column {
  margin-top: 6.4vw;
}
#page-home #news .column .column-inner {
  padding: 0;
  border: none;
}
#page-home #news .column .column-inner > * {
  display: none;
}
#page-home #news .column .column-inner > .plandetail {
  display: block;
}
#page-home #news .column .column-inner > .plandetail h3 {
  margin: 0;
  color: inherit;
}
#page-home #news .column .column-inner > .plandetail h3 a {
  padding: 0;
  padding-right: 8vw;
  padding-bottom: 4.8vw;
  border-bottom: 1px solid #333;
  color: inherit !important;
  text-decoration: none !important;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#page-home #news .column .column-inner > .plandetail h3 a::after {
  content: "";
  display: block;
  position: absolute;
  width: 2.6666666667vw;
  aspect-ratio: 1/1;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 1.6vw;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#page-home #news p.more {
  padding-top: 10.6666666667vw;
  margin: 0;
}
#page-home #news p.more a {
  margin-left: auto;
  margin-right: auto;
  width: 72vw;
  height: 16vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8vw;
  border: 1px solid #333;
  font-size: 3.7333333333vw;
  color: inherit !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}
#page-home #news p.more a::before {
  content: "";
  display: block;
  position: absolute;
  width: 5.3333333333vw;
  height: 1.6vw;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  right: 5.3333333333vw;
  top: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateY(-50%) skew(45deg);
          transform: translateY(-50%) skew(45deg);
}
#page-home #news p.more a::after {
  display: none;
}

.common_ttl {
  text-align: center;
}
.common_ttl span {
  display: block;
}
.common_ttl span.sub_ttl {
  font-size: 8vw;
}
.common_ttl span.m_ttl {
  font-size: 5.3333333333vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1.6vw;
  border-bottom: 1px solid #00A0DA;
}

.btn_more a {
  font-size: 3.7333333333vw;
  width: 72vw;
  height: 16vw;
  border-radius: 8vw;
  border: 1px solid #333;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: inherit;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn_more a::after {
  content: "";
  display: block;
  position: absolute;
  width: 5.3333333333vw;
  height: 1.6vw;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  right: 5.3333333333vw;
  top: 50%;
  -webkit-transform: translateY(-50%) skew(45deg);
          transform: translateY(-50%) skew(45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.top_content {
  margin-top: 29.3333333333vw;
  position: relative;
  z-index: 1;
}
.top_content + .top_content {
  margin-top: 29.3333333333vw;
}
.top_content .kv {
  position: sticky;
  top: 0;
  left: 0;
  padding-bottom: 3px;
  background-color: #fff;
  z-index: -1;
}
.top_content .content_area {
  position: relative;
  z-index: 1;
  padding-top: 13.3333333333vw;
  background-color: #fff;
  border-radius: 0 10.6666666667vw 0 0;
}
.top_content .content_area .content_wrap {
  margin-top: 10.6666666667vw;
  display: block;
}
.top_content .content_area .content_wrap.inner {
  width: auto;
}
.top_content .content_area .content_wrap .img_area {
  overflow: hidden;
  position: relative;
  min-height: 66.6666666667vw;
}
.top_content .content_area .content_wrap .img_area .swiper_wrap {
  width: 185.6vw;
  position: absolute;
  top: 0;
  right: 0;
}
.top_content .content_area .content_wrap .img_area .swiper-pagination {
  width: auto;
  top: auto;
  left: auto;
  right: 5.3333333333vw;
  bottom: 0vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6vw;
  height: 14px;
}
.top_content .content_area .content_wrap .img_area .swiper-pagination span {
  background-color: #333;
  opacity: 0.5;
  width: 1.3333333333vw;
  height: 1.3333333333vw;
  margin: 0;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.top_content .content_area .content_wrap .img_area .swiper-pagination span.swiper-pagination-bullet-active {
  width: 2.6666666667vw;
  height: 2.6666666667vw;
  opacity: 1;
}
.top_content .content_area .content_wrap .text {
  width: 89.3333333333vw;
  margin-top: 10.6666666667vw;
  margin-left: auto;
  margin-right: auto;
}
.top_content .content_area .content_wrap .text h3 {
  font-size: 4.8vw;
}
.top_content .content_area .content_wrap .text p.t_description {
  margin-top: 8vw;
  font-size: 3.7333333333vw;
  line-height: 2;
}
.top_content .content_area .content_wrap .text p.btn_more {
  margin-top: 10.6666666667vw;
}
.top_content .content_area .content_wrap .text p.btn_more a {
  margin-left: auto;
  margin-right: auto;
}

.top_movie {
  margin-top: 32vw;
}
.top_movie .movie_wrap {
  margin-top: 10.6666666667vw;
}
.top_movie .movie_wrap iframe {
  vertical-align: bottom;
  width: 100%;
  height: auto;
  aspect-ratio: 96/54;
}

.top_sns {
  margin-top: 26.6666666667vw;
}
.top_sns .photo_list {
  margin-top: 10.6666666667vw;
}
.top_sns .photo_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.top_sns .photo_list ul li {
  width: 50%;
}
.top_sns p.btn_more {
  margin-top: 10.6666666667vw;
}
.top_sns p.btn_more a {
  margin-left: auto;
  margin-right: auto;
  padding-left: 6.9333333333vw;
}
.top_sns p.btn_more a::before {
  content: "";
  display: block;
  position: absolute;
  left: 9.8666666667vw;
  top: 50%;
  width: 6.9333333333vw;
  height: 6.9333333333vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url(../img/common_renew/ico_insta.png);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.f_bnr {
  margin-top: 21.3333333333vw;
}
.f_bnr ul li + li {
  margin-top: 5.3333333333vw;
}

footer {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #00a0da;
  color: #fff;
  padding-bottom: 60px;
  padding-top: 10.6666666667vw;
  margin-top: 13.3333333333vw;
}
footer img {
  max-width: 100%;
  vertical-align: bottom;
}
footer * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
footer .content_wrap .left_content a {
  color: inherit !important;
  text-decoration: none !important;
}
footer .content_wrap .left_content .logo_box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.9333333333vw;
}
footer .content_wrap .left_content .logo_box a .logo_wrap {
  width: 12vw;
}
footer .content_wrap .left_content .logo_box a .ttl_box {
  padding-top: 0.5333333333vw;
}
footer .content_wrap .left_content .logo_box a .ttl_box p span {
  display: block;
  line-height: 1.3;
}
footer .content_wrap .left_content .logo_box a .ttl_box p span.m_ttl {
  font-size: 5.6vw;
  font-weight: 500;
  letter-spacing: 0.2666666667vw;
}
footer .content_wrap .left_content .logo_box a .ttl_box p span.sub_ttl {
  margin-top: 0.5333333333vw;
  font-size: 2.9333333333vw;
  letter-spacing: 0.2666666667vw;
}
footer .content_wrap .left_content .text {
  margin-top: 8vw;
}
footer .content_wrap .left_content .text h3 {
  font-size: 4.2666666667vw;
}
footer .content_wrap .left_content .text p.t_address {
  margin-top: 1.3333333333vw;
  font-size: 3.7333333333vw;
}
footer .content_wrap .right_content {
  margin-top: 8vw;
}
footer .content_wrap .right_content .f_nav a {
  color: #fff !important;
  text-decoration: none !important;
}
footer .content_wrap .right_content .f_nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.2vw 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 3.7333333333vw;
}
footer .content_wrap .right_content .f_nav ul li {
  width: 50%;
  padding-right: 1em;
}
footer .f_sns {
  margin-top: 10.6666666667vw;
}
footer .f_sns ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7.4666666667vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
footer .f_sns ul li {
  width: 6.1333333333vw;
}
footer .f_sns ul li img {
  width: 100%;
}
footer .copy {
  margin-top: 13.3333333333vw;
  text-align: center;
}
footer .copy small {
  font-size: 3.2vw;
}/*# sourceMappingURL=HPM_SP.css.map */