@charset "UTF-8";
/* =================================================================== Plan index(Room Category) =================================================================== */
/* CSS Document */
/* 画像サイズ調整 ---------------------------------------------------------------------------*/
/* フォントサイズ調整 ---------------------------------------------------------------------------*/
/* ブレークポイント ---------------------------------------------------------------------------*/
/*_____ font weight _______________*/
:root { --col_main: #34453f; --font_noto: 'Noto Serif JP', serif; }
/*---------------------------------------------------------------------------*/
@media screen and (min-width: 769px), print { .bnr-floating { position: fixed; right: 0; bottom: 0; width: 374px; height: 115px; z-index: 100; cursor: pointer; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out; -moz-transition: opacity 0.3s ease-out, visibility 0.3s ease-out; transition: opacity 0.3s ease-out, visibility 0.3s ease-out; }
  .bnr-floating.show { opacity: 1; visibility: visible; }
  .bnr-floating-close { position: absolute; width: 34px; height: 34px; right: 7px; top: -40px; border: 1px solid #393939; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; }
  .bnr-floating-inner { display: block; border-left: 4px solid #34453f; border-top: 4px solid #34453f; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -moz-box-shadow: 1px 1px 18px 1px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 18px 1px rgba(0, 0, 0, 0.2); }
  .bnr-floating-ctn { position: relative; }
  .bnr-floating-ctn:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 0; }
  .bnr-floating-ctn picture { position: relative; display: block; width: 100%; height: 100%; z-index: -1; }
  .bnr-floating-ttl { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; color: #fff; -webkit-padding-after: 10px; padding-block-end: 10px; }
  .bnr-floating-ttl .sm { -webkit-margin-after: 12px; margin-block-end: 12px; font-family: var(--font_noto); font-size: 1.5rem; line-height: 1; font-weight: 700; text-shadow: -10px 0px 20.79px rgba(0, 0, 0, 0.61); }
  .bnr-floating-ttl .lg { font-family: var(--font_noto); font-size: 2.2rem; line-height: 1; font-weight: 700; text-shadow: -10px 0px 20.79px rgba(0, 0, 0, 0.61); }
  .bnr-floating-tag { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; right: 0; bottom: 3px; -webkit-padding-before: 2px; padding-block-start: 2px; width: 120px; height: 26px; -webkit-padding-start: 10px; -moz-padding-start: 10px; padding-inline-start: 10px; background: var(--col_main); -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; overflow: hidden; }
  .bnr-floating-tag .txt { position: relative; -webkit-padding-end: 17px; -moz-padding-end: 17px; padding-inline-end: 17px; font-family: var(--font_noto); font-size: 1.2rem; font-weight: 500; line-height: 1; color: #fff; }
  .bnr-floating-tag .txt:after { content: ''; position: absolute; width: 6px; height: 9px; right: 0; top: 1px; bottom: 0; margin-block: auto; background-image: url("/common/images/banner/floating/ico-arrow.webp"); background-repeat: no-repeat; background-position: 0 0; -moz-background-size: 6px 9px; background-size: 6px 9px; } }
@media screen and (max-width: 768px) { .bnr-floating { position: fixed; right: 0; bottom: 0; width: 71.61458vw; height: 22.13542vw; z-index: 100; cursor: pointer; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out; -moz-transition: opacity 0.3s ease-out, visibility 0.3s ease-out; transition: opacity 0.3s ease-out, visibility 0.3s ease-out; }
  .bnr-floating.show { opacity: 1; visibility: visible; }
  .bnr-floating-close { position: absolute; width: 7.42188vw; height: 7.42188vw; right: 1.17188vw; top: -8.72396vw; border: 1px solid #393939; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; }
  .bnr-floating-inner { display: block; border-left: 0.78125vw solid #34453f; border-top: 0.78125vw solid #34453f; -moz-border-radius-topleft: 1.30208vw; border-top-left-radius: 1.30208vw; -moz-box-shadow: 0.13021vw 0.13021vw 2.34375vw 0.13021vw rgba(0, 0, 0, 0.2); box-shadow: 0.13021vw 0.13021vw 2.34375vw 0.13021vw rgba(0, 0, 0, 0.2); }
  .bnr-floating-ctn { position: relative; }
  .bnr-floating-ctn:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 0; }
  .bnr-floating-ctn picture { position: relative; display: block; width: 100%; height: 100%; z-index: -1; }
  .bnr-floating-ttl { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; color: #fff; -webkit-padding-after: 2.86458vw; padding-block-end: 2.86458vw; }
  .bnr-floating-ttl .sm { -webkit-margin-after: 2.08333vw; margin-block-end: 2.08333vw; font-family: var(--font_noto); font-size: 2.86458vw; line-height: 1; font-weight: 700; text-shadow: -1.30208vw 0vw 3.48047vw rgba(0, 0, 0, 0.52); }
  .bnr-floating-ttl .lg { font-family: var(--font_noto); font-size: 4.16667vw; line-height: 1; font-weight: 700; text-shadow: -1.30208vw 0vw 3.48047vw rgba(0, 0, 0, 0.52); }
  .bnr-floating-tag { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; right: 0; bottom: 0.39062vw; -webkit-padding-before: 0; padding-block-start: 0; width: 24.34896vw; height: 5.59896vw; -webkit-padding-start: 2.08333vw; -moz-padding-start: 2.08333vw; padding-inline-start: 2.08333vw; background: var(--col_main); -moz-border-radius-topleft: 1.30208vw; border-top-left-radius: 1.30208vw; overflow: hidden; }
  .bnr-floating-tag .txt { position: relative; -webkit-padding-end: 2.86458vw; -moz-padding-end: 2.86458vw; padding-inline-end: 2.86458vw; font-family: var(--font_noto); font-size: 2.60417vw; font-weight: 500; line-height: 1; color: #fff; }
  .bnr-floating-tag .txt:after { content: ''; position: absolute; width: 1.04167vw; height: 1.69271vw; right: 0; top: 0.13021vw; bottom: 0; margin-block: auto; background-image: url("/common/images/banner/floating/ico-arrow.webp"); background-repeat: no-repeat; background-position: 0 0; -moz-background-size: 1.04167vw 1.69271vw; background-size: 1.04167vw 1.69271vw; } }