.elementor-kit-7{--e-global-color-primary:#1F777F;--e-global-color-secondary:#2AA3AC;--e-global-color-text:#696054;--e-global-color-accent:#EDC4B8;--e-global-color-snfpaper:#F4F2EF;--e-global-color-snfpaperwrm:#EDE9E3;--e-global-color-snfkeypale:#EAF5F5;--e-global-color-snfkeydeep:#1B6E75;--e-global-color-snflink:#A34F33;--e-global-color-snflinkhov:#8C442C;--e-global-color-snfacchov:#E4AE9F;--e-global-color-snfacctint:#F7ECE7;--e-global-color-snftxtstrong:#494237;--e-global-color-snftxtmute:#6F675D;--e-global-typography-primary-font-family:"Shippori Mincho";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Shippori Mincho";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Noto Sans JP";--e-global-typography-accent-font-weight:400;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-animation-duration:1600ms;}.elementor-kit-7 e-page-transition{background-color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* === OSの「視差効果を減らす」設定への対応（2026-07-31） ===
   動きに弱い方の環境では、ページ遷移の白フェードと見出しの登場アニメーションを止める。
   Elementorの登場アニメーションは既定でこの設定を見ないため、ここで無効化する。 */
@media (prefers-reduced-motion: reduce){
  e-page-transition{ display:none !important; }
  .elementor-invisible{ visibility:visible !important; }
  .animated{ animation:none !important; }
  *,*::before,*::after{
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
    scroll-behavior:auto !important;
  }
}
/* 2026-10-03 日本語の折り返し（文節で折る・最後の行を短くしない） */
body .elementor-heading-title, body .jet-listing-dynamic-field__content, body .elementor-button-text, body .elementor-widget-text-editor, body .widget-image-caption{word-break:auto-phrase;text-wrap:pretty;line-break:strict}
body .elementor-heading-title{text-wrap:balance}

/* 2026-10-03 カードの名前（幅の狭いタイル）は字間を詰める */
@media(max-width:1024px){body .elementor .jet-listing-grid .jet-listing-dynamic-field__content,body .elementor .jet-listing-grid .elementor-heading-title{letter-spacing:.02em !important}}
@media(max-width:420px){body .elementor .elementor-element-snftile2 .elementor-heading-title,body .elementor .elementor-element-snftile3 .elementor-heading-title,body .elementor .elementor-element-snftile2 .jet-listing-dynamic-field__content,body .elementor .elementor-element-snftile3 .jet-listing-dynamic-field__content{font-size:17px !important}}

/* 2026-10-03 客室タイル・周辺カードの名前（狭い画面） */
@media(max-width:1024px){body .elementor .elementor-element.elementor-element.room-name .jet-listing-dynamic-field__content,body .elementor .elementor-element.elementor-element.spot-name .jet-listing-dynamic-field__content{letter-spacing:.02em !important;word-break:auto-phrase}}
@media(max-width:767px){body .elementor .elementor-element.elementor-element.room-name .jet-listing-dynamic-field__content{font-size:16px !important}body .elementor .elementor-element.elementor-element.spot-name .jet-listing-dynamic-field__content{font-size:17px !important}}

@media(max-width:767px){body .elementor-79 .elementor-element.elementor-element-snfroom .elementor-element-snfrmL .room-name .jet-listing-dynamic-field__content{font-size:clamp(14px,4.1vw,19px) !important;letter-spacing:.02em !important}}

/* 2026-10-05 文字が枠に切られる箇所の是正 */
body .elementor .elementor-element.elementor-element.room-desc,body .elementor .elementor-element.elementor-element.room-desc .jet-listing-dynamic-field,body .elementor .elementor-element.elementor-element.room-desc .jet-listing-dynamic-field__inline-wrap,body .elementor .elementor-element.elementor-element.room-desc .jet-listing-dynamic-field__content{height:auto !important;max-height:none !important;overflow:visible !important}
body .elementor .elementor-element.elementor-element.room-desc{line-height:1.75 !important}
@media(max-width:767px){body .elementor-79 .elementor-element.elementor-element.elementor-element-snfrmgrid,body .elementor-79 .elementor-element.elementor-element.elementor-element-snfrmR{flex-direction:column !important;gap:8px !important}body .elementor-79 .elementor-element.elementor-element.elementor-element-snfrmL,body .elementor-79 .elementor-element.elementor-element.elementor-element-snfrmR{width:100% !important;max-width:100% !important;flex:0 0 auto !important}body .elementor-79 .elementor-element.elementor-element.elementor-element-snfrmL > .elementor-element,body .elementor-79 .elementor-element.elementor-element.elementor-element-snfrmR > .elementor-element{width:100% !important;height:auto !important;aspect-ratio:4/3;flex:0 0 auto !important}body .elementor .elementor-element.elementor-element.elementor-element-nlrow{margin:0 !important;padding-left:0 !important;padding-right:0 !important}}
@media(max-width:767px){body .elementor-79 .elementor-element.elementor-element.elementor-element-snfrmgrid{grid-template-columns:1fr !important;display:grid !important;gap:8px !important}}
body .elementor .elementor-element.elementor-element.room-desc .jet-listing-dynamic-field__content{white-space:normal !important}
@media(max-width:767px){body .elementor .elementor-element.elementor-element.elementor-element-nlrow{grid-template-columns:96px minmax(0,1fr) !important;gap:14px !important;width:100% !important;box-sizing:border-box}body .elementor .elementor-element.elementor-element.elementor-element-nlrow > .elementor-element:last-child:not(.n-title):not(.n-date){display:none}}
@media(max-width:360px){body .elementor .elementor-element.elementor-element.elementor-element-nlrow{display:block !important}body .elementor .elementor-element.elementor-element.elementor-element-nlrow > .elementor-element{width:100% !important;max-width:100% !important;margin:0 0 6px !important}}
body .elementor-heading-title,body .jet-listing-dynamic-field__content{overflow-wrap:anywhere}

/* 2026-10-05 写真の上の暗い膜を極限まで薄く（白い文字と背景の明るさの比3.0を保てる一番薄い値・実測） */
html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-snfhero.elementor-element-snfhero::before{background:radial-gradient(ellipse 26% 64% at 86% 48%, rgba(10,48,54,0.350) 0%, rgba(10,48,54,0.315) 30%, rgba(10,48,54,0.193) 55%, rgba(10,48,54,0.070) 78%, rgba(10,48,54,0) 100%),radial-gradient(ellipse 42% 34% at 18% 63%, rgba(10,48,54,0.350) 0%, rgba(10,48,54,0.315) 30%, rgba(10,48,54,0.193) 55%, rgba(10,48,54,0.070) 78%, rgba(10,48,54,0) 100%),linear-gradient(180deg,rgba(10,48,54,.18) 0%,rgba(10,48,54,0) 16%,rgba(10,48,54,0) 84%,rgba(10,48,54,0.280) 100%) !important}@media(max-width:767px){html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-snfhero.elementor-element-snfhero::before{background:radial-gradient(ellipse 80% 22% at 30% 17%, rgba(10,48,54,0.450) 0%, rgba(10,48,54,0.405) 30%, rgba(10,48,54,0.248) 55%, rgba(10,48,54,0.090) 78%, rgba(10,48,54,0) 100%),radial-gradient(ellipse 115% 32% at 45% 72%, rgba(10,48,54,0.450) 0%, rgba(10,48,54,0.405) 30%, rgba(10,48,54,0.248) 55%, rgba(10,48,54,0.090) 78%, rgba(10,48,54,0) 100%),radial-gradient(ellipse 26% 7% at 86% 96%, rgba(10,48,54,0.495) 0%, rgba(10,48,54,0.446) 30%, rgba(10,48,54,0.272) 55%, rgba(10,48,54,0.099) 78%, rgba(10,48,54,0) 100%),linear-gradient(180deg,rgba(10,48,54,.18) 0%,rgba(10,48,54,0) 10%,rgba(10,48,54,0) 88%,rgba(10,48,54,0.360) 100%) !important}}
html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-snfreserve.elementor-element-snfreserve::after{background:radial-gradient(ellipse 52% 78% at 50% 50%, rgba(10,48,54,0.500) 0%, rgba(10,48,54,0.450) 30%, rgba(10,48,54,0.275) 55%, rgba(10,48,54,0.100) 78%, rgba(10,48,54,0) 100%) !important}@media(max-width:767px){html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-snfreserve.elementor-element-snfreserve::after{background:linear-gradient(180deg,rgba(10,48,54,0.400) 0%,rgba(10,48,54,0.400) 100%) !important}}
html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ttroot.elementor-element-ttroot::after{background:linear-gradient(to top, rgba(7,35,42,0.550) 0%, rgba(7,35,42,0.506) 45%, rgba(7,35,42,0.248) 62%, rgba(7,35,42,0) 80%) !important}@media(max-width:767px){html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ttroot.elementor-element-ttroot::after{background:linear-gradient(to top, rgba(7,35,42,0.650) 0%, rgba(7,35,42,0.598) 66%, rgba(7,35,42,0.293) 80%, rgba(7,35,42,0) 94%) !important}}
html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ascard.elementor-element-ascard::after{background:linear-gradient(0deg, rgba(14,58,62,0.500) 0%, rgba(14,58,62,0.460) 36%, rgba(14,58,62,0.225) 52%, rgba(14,58,62,0) 72%) !important}@media(max-width:767px){html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ascard.elementor-element-ascard::after{background:linear-gradient(0deg, rgba(14,58,62,0.500) 0%, rgba(14,58,62,0.460) 36%, rgba(14,58,62,0.225) 52%, rgba(14,58,62,0) 72%) !important}}
html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-snfabout.elementor-element-snfabout::after{background:none !important}
html body .elementor .elementor-element.elementor-element.elementor-element-snfhero .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-snfhero .jet-listing-dynamic-field__content,html body .elementor .elementor-element.elementor-element.elementor-element-snfabout .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-snfabout .jet-listing-dynamic-field__content,html body .elementor .elementor-element.elementor-element.elementor-element-snfreserve .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-snfreserve .jet-listing-dynamic-field__content,html body .elementor .elementor-element.elementor-element.elementor-element-ttroot .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-ttroot .jet-listing-dynamic-field__content,html body .elementor .elementor-element.elementor-element.elementor-element-ascard .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-ascard .jet-listing-dynamic-field__content{text-shadow:0 1px 2px rgba(0,0,0,.38),0 0 16px rgba(0,0,0,.32) !important}

html body .elementor .elementor-element.elementor-element.elementor-element-snfartrack .elementor-element.elementor-element.elementor-element.elementor-element-ascard.elementor-element-ascard::after{display:none !important;background:none !important}html body .elementor .elementor-element.elementor-element.elementor-element-snfartrack .elementor-element.elementor-element.elementor-element-ascard .jet-listing-dynamic-field__content{text-shadow:none !important}

/* 2026-10-05 ボタンの文字に影を付けない／お知らせの行の外側の余白を消す */
html body .elementor .elementor-button .elementor-button-text,html body .elementor .elementor-button{text-shadow:none !important}
html body .jet-listing-grid__item > .elementor.elementor-160{padding:0 !important;margin:0 !important}

/* 2026-10-05 About節：写真を明るくしたので文字の後ろだけ暗くする（比3.0を保てる一番薄い値） */
html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-snfabout.elementor-element-snfabout::after{background:radial-gradient(ellipse 36% 58% at 20% 38%, rgba(10,48,54,0.550) 0%, rgba(10,48,54,0.495) 30%, rgba(10,48,54,0.303) 55%, rgba(10,48,54,0.110) 78%, rgba(10,48,54,0) 100%),radial-gradient(ellipse 17% 56% at 75% 44%, rgba(10,48,54,0.550) 0%, rgba(10,48,54,0.495) 30%, rgba(10,48,54,0.303) 55%, rgba(10,48,54,0.110) 78%, rgba(10,48,54,0) 100%) !important}@media(max-width:767px){html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-snfabout.elementor-element-snfabout::after{background:linear-gradient(180deg,rgba(10,48,54,0.600) 0%,rgba(10,48,54,0.450) 50%,rgba(10,48,54,0.600) 100%) !important}}

/* 2026-10-05 About節の背景：差し替えた写真をブラウザに取り直させる（版つきURL） */
html body .elementor-79 .elementor-element.elementor-element.elementor-element-snfabout:not(.elementor-motion-effects-element-type-background),html body .elementor-79 .elementor-element.elementor-element.elementor-element-snfabout > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sakurano-familia.com/cms/wp-content/uploads/2026/07/about-beach_2026-07-31.jpg?v=20261005") !important}

/* 2026-10-05 About節：文字の後ろの暗がりと文字の影を外す（前川さんの判断） */
html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-snfabout.elementor-element-snfabout::after{background:none !important;display:none !important}
html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-snfabout.elementor-element-snfabout .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-snfabout.elementor-element-snfabout .elementor-button,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-snfabout.elementor-element-snfabout .elementor-button-text{text-shadow:none !important}

/* 2026-10-05 About節：文字の後ろに行ごとの白い帯・文字はロゴの青緑（前川さん承認・A案） */
html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-snfabout.elementor-element-snfabout .elementor-heading-title{display:inline !important;background:rgba(255,255,255,.78) !important;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.12em .55em !important;color:#1F777F !important;text-shadow:none !important;line-height:2.35 !important}
html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-snfabout.elementor-element-snfabout .elementor-element-snfaben .elementor-heading-title{color:#2F6F75 !important;line-height:2.2 !important}
html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-snfabout.elementor-element-snfabout .elementor-element-snfabmain .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-snfabout.elementor-element-snfabout .elementor-element-snfabside .elementor-heading-title{padding:.55em .14em !important}
html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-snfabout.elementor-element-snfabout .elementor-element-snfabmore .elementor-button{color:#1F777F !important;background:rgba(255,255,255,.78) !important;padding:6px 12px 9px !important;border-bottom-color:#1F777F !important}



/* 2026-10-06 フッターのメニュー：スマホ・タブレットでも折りたたまず、罫線つきの2列リストで並べる */
html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ftNav.elementor-element-ftNav .elementor-menu-toggle,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ftNav.elementor-element-ftNav .elementor-nav-menu--dropdown{display:none !important}
html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ftNav.elementor-element-ftNav .elementor-nav-menu--main{display:block !important}
@media(max-width:1024px){
 html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ftNav.elementor-element-ftNav{width:100% !important;max-width:100% !important;margin-top:8px}
 html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ftNav.elementor-element-ftNav .elementor-nav-menu{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:0 32px !important;border-top:1px solid rgba(105,96,84,.22)}
 html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ftNav.elementor-element-ftNav .elementor-nav-menu > li{border-bottom:1px solid rgba(105,96,84,.22)}
 html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ftNav.elementor-element-ftNav .elementor-item{display:flex !important;justify-content:space-between !important;align-items:center;padding:16px 2px !important;font-size:15px !important;letter-spacing:.06em !important;color:#494237 !important;background:none !important}
 html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ftNav.elementor-element-ftNav .elementor-item::after{content:"›" !important;position:static !important;width:auto !important;height:auto !important;background:none !important;color:#2AA3AC;font-size:16px;transition:transform .3s ease}
 html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ftNav.elementor-element-ftNav .elementor-item:hover::after{transform:translateX(4px)}
 html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ftNav.elementor-element-ftNav .elementor-item.elementor-item-active{color:#1F777F !important;background:none !important}
}
@media(max-width:767px){ html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ftNav.elementor-element-ftNav .elementor-nav-menu{grid-template-columns:repeat(2,1fr) !important;gap:0 24px !important} }

/* 2026-10-06 スマホの見出し帯：写真を下に横幅いっぱい・4:3で丸ごと見せる（細い帯だと何の写真か分からない） */
@media(max-width:929px){
 html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-rmahead.elementor-element-rmahead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nwhead.elementor-element-nwhead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nshead.elementor-element-nshead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ashead.elementor-element-ashead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-sphead.elementor-element-sphead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fahead.elementor-element-fahead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fchead.elementor-element-fchead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-cohead.elementor-element-cohead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-bfhead.elementor-element-bfhead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-pphead.elementor-element-pphead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-achead.elementor-element-achead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-arhead.elementor-element-arhead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-srhead.elementor-element-srhead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-abhead.elementor-element-abhead{background-size:100% auto !important;background-position:center bottom !important;background-repeat:no-repeat !important;padding-bottom:calc(75vw + 36px) !important}
 html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-rmahead.elementor-element-rmahead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nwhead.elementor-element-nwhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nshead.elementor-element-nshead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ashead.elementor-element-ashead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-sphead.elementor-element-sphead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fahead.elementor-element-fahead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fchead.elementor-element-fchead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-cohead.elementor-element-cohead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-bfhead.elementor-element-bfhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-pphead.elementor-element-pphead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-achead.elementor-element-achead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-arhead.elementor-element-arhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-srhead.elementor-element-srhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-abhead.elementor-element-abhead::before{background:linear-gradient(#EDE9E3 0,#EDE9E3 calc(100% - 75vw - 2px),rgba(237,233,227,0) calc(100% - 75vw + 28px),rgba(237,233,227,0) 100%) !important}
}
/* 2026-10-06 スマホのヘッダー：ロゴと予約ボタンがぶつかるので詰める */
@media(max-width:480px){
 html body .elementor .elementor-element.elementor-element-hdLogo svg,html body .elementor .elementor-element.elementor-element-hdLogo img{height:26px !important;width:auto !important}
 html body .elementor .elementor-element.elementor-element-hdCta .elementor-button{font-size:12px !important;padding:8px 13px !important;letter-spacing:.02em !important}
 html body .elementor .elementor-element.elementor-element-hdCta{margin-left:auto !important;margin-right:calc(clamp(20px,3vw,44px) + 18px) !important}
}
@media(max-width:480px){ html body .elementor .elementor-element.elementor-element-hdCta .elementor-button-text{font-size:0 !important} html body .elementor .elementor-element.elementor-element-hdCta .elementor-button-text::before{content:"予約";font-size:12px} }
/* 2026-10-06 フッターのメニュー：横幅いっぱいに */
@media(max-width:1024px){ html body .elementor .elementor-element.elementor-element-ftR{width:100% !important;flex:1 1 100% !important;max-width:100% !important} html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ftNav.elementor-element-ftNav{width:100% !important;flex:0 0 auto !important;align-self:stretch !important} }

/* 2026-10-06 スマホのヘッダー（続き）：予約ボタンと三本線の間を空ける／フッターのメニューを横幅いっぱいに（続き） */
@media(max-width:480px){html body .elementor-73 .elementor-element.elementor-element.elementor-element.elementor-element-hdCta.elementor-element-hdCta{margin-right:66px !important}html body .elementor-73 .elementor-element.elementor-element-hdCta .elementor-button{padding:9px 22px !important}}
@media(max-width:1024px){html body .elementor-76 .elementor-element.elementor-element.elementor-element-ftR{align-self:stretch !important;width:100% !important}html body .elementor-76 .elementor-element.elementor-element.elementor-element-ftTop{align-items:stretch !important}html body .elementor-76 .elementor-element.elementor-element.elementor-element-ftR > .elementor-element{align-self:flex-start}html body .elementor-76 .elementor-element.elementor-element.elementor-element.elementor-element-ftNav.elementor-element-ftNav{align-self:stretch !important;width:100% !important}}

@media(max-width:1024px){html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ftNav.elementor-element-ftNav .elementor-item::after{content:"›" !important;display:inline !important;opacity:1 !important;visibility:visible !important;width:auto !important;color:#2AA3AC !important}}

/* 2026-10-06 スマホの見出し帯：写真のぼかしを外す */
@media(max-width:929px){ html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-rmahead.elementor-element-rmahead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nwhead.elementor-element-nwhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nshead.elementor-element-nshead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ashead.elementor-element-ashead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-sphead.elementor-element-sphead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fahead.elementor-element-fahead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fchead.elementor-element-fchead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-cohead.elementor-element-cohead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-bfhead.elementor-element-bfhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-pphead.elementor-element-pphead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-achead.elementor-element-achead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-arhead.elementor-element-arhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-srhead.elementor-element-srhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-abhead.elementor-element-abhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-rmahead.elementor-element-rmahead::after,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nwhead.elementor-element-nwhead::after,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nshead.elementor-element-nshead::after,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ashead.elementor-element-ashead::after,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-sphead.elementor-element-sphead::after,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fahead.elementor-element-fahead::after,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fchead.elementor-element-fchead::after,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-cohead.elementor-element-cohead::after,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-bfhead.elementor-element-bfhead::after,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-pphead.elementor-element-pphead::after,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-achead.elementor-element-achead::after,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-arhead.elementor-element-arhead::after,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-srhead.elementor-element-srhead::after,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-abhead.elementor-element-abhead::after{-webkit-backdrop-filter:none !important;backdrop-filter:none !important} }

/* 2026-10-06 スマホで写真枠が20pxに潰れる不具合：縦並びのときに flex:1 1 0 で高さが0になっていた */
@media(max-width:900px){html body .elementor .elementor-element.elementor-element.sp-photo,html body .elementor .elementor-element.elementor-element.snf-sp-photo{flex:0 0 auto !important;height:auto !important}}

/* 2026-10-06 写真枠の潰れ：コンテナのクラスが出力されないためIDで指定し直す */
@media(max-width:900px){ html body .elementor .elementor-element.elementor-element.elementor-element-abph,html body .elementor .elementor-element.elementor-element.elementor-element-bfph,html body .elementor .elementor-element.elementor-element.elementor-element-snfbfph,html body .elementor .elementor-element.elementor-element.elementor-element-snffacph{flex:0 0 auto !important;height:auto !important} }

/* 2026-10-06 朝食のスライドの部品も高さが0になっていた */
@media(max-width:900px){html body .elementor .elementor-element.elementor-element.elementor-element-bfimg,html body .elementor .elementor-element.elementor-element.elementor-element-snfbfimg{height:auto !important;min-height:0 !important;flex:0 0 auto !important;position:relative !important}}
@media(max-width:900px){html body .elementor .elementor-element.elementor-element.elementor-element-bfph,html body .elementor .elementor-element.elementor-element.elementor-element-snfbfph{display:block !important;flex:none !important}}

/* 2026-10-06 客室の設備：区切り線は折り返すと行頭に残って崩れるので、小さな札（タグ）の並びに変える */
html body .elementor .elementor-element.elementor-element.elementor-element-rmamen .jet-listing-dynamic-repeater__items{display:flex !important;flex-wrap:wrap !important;gap:8px 8px !important}
html body .elementor .elementor-element.elementor-element.elementor-element-rmamen .jet-listing-dynamic-repeater__item{border:1px solid rgba(31,119,127,.28) !important;border-radius:999px !important;margin:0 !important;padding:4px 14px !important;background:#F4F8F8 !important;line-height:1.6 !important;font-size:14px !important}
html body .elementor .elementor-element.elementor-element.elementor-element-rmamen .jet-listing-dynamic-repeater__item::before,html body .elementor .elementor-element.elementor-element.elementor-element-rmamen .jet-listing-dynamic-repeater__item::after{display:none !important}

/* 2026-10-06 トップのAbout節：縦並び（1023px以下）では見出し（海と暮らすように、旅をする／凪）を本文の上に */
@media(max-width:1023px){html body .elementor-79 .elementor-element.elementor-element.elementor-element-snfabvt{order:-1 !important;margin:0 0 36px !important}}
@media(max-width:1023px){html body .elementor-79 .elementor-element.elementor-element.elementor-element-snfabvt{justify-content:flex-start !important;gap:18px !important;width:auto !important}html body .elementor-79 .elementor-element.elementor-element.elementor-element-snfabvt > .elementor-element{width:auto !important;margin:0 !important;flex:0 0 auto !important}}

/* 2026-10-06 QA：お知らせの一覧の外枠が overflow:clip で、題名の折り返しが切れていた */
html body .elementor .elementor-element.elementor-element.elementor-element-snfnwlist .jet-listing-grid,html body .elementor .elementor-element.elementor-element.elementor-element-snfnwlist .jet-listing-grid__items,html body .elementor-163 .jet-listing-grid,html body .elementor-163 .jet-listing-grid__items{overflow:visible !important;height:auto !important}

/* 2026-10-06 タブレット幅の見出し帯：写真は16:9（4:3だと縦に大きすぎる） */
@media(min-width:768px) and (max-width:929px){ html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-rmahead.elementor-element-rmahead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nwhead.elementor-element-nwhead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nshead.elementor-element-nshead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ashead.elementor-element-ashead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-sphead.elementor-element-sphead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fahead.elementor-element-fahead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fchead.elementor-element-fchead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-cohead.elementor-element-cohead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-bfhead.elementor-element-bfhead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-pphead.elementor-element-pphead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-achead.elementor-element-achead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-arhead.elementor-element-arhead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-srhead.elementor-element-srhead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-abhead.elementor-element-abhead{background-size:100% auto !important;padding-bottom:calc(56.25vw + 36px) !important;background-position:center bottom !important} html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-rmahead.elementor-element-rmahead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nwhead.elementor-element-nwhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nshead.elementor-element-nshead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ashead.elementor-element-ashead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-sphead.elementor-element-sphead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fahead.elementor-element-fahead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fchead.elementor-element-fchead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-cohead.elementor-element-cohead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-bfhead.elementor-element-bfhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-pphead.elementor-element-pphead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-achead.elementor-element-achead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-arhead.elementor-element-arhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-srhead.elementor-element-srhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-abhead.elementor-element-abhead::before{background:linear-gradient(#EDE9E3 0,#EDE9E3 calc(100% - 56.25vw - 2px),rgba(237,233,227,0) calc(100% - 56.25vw + 28px),rgba(237,233,227,0) 100%) !important} }

/* 2026-10-06 QA：スマホでお知らせの題名が画面の右端に接していた */
@media(max-width:767px){html body .elementor .elementor-element.elementor-element.elementor-element-nlrow{padding-right:20px !important;box-sizing:border-box !important;width:100% !important;max-width:100% !important}}


/* 2026-10-21 先方の依頼：客室紹介を最初の案（左に大1枚・右に2枚）へ戻し、文字の後ろの青を明るく */
html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ttroot.elementor-element-ttroot::after{background:linear-gradient(to top, rgba(31,128,160,0.86) 0%, rgba(31,128,160,0.76) 40%, rgba(31,128,160,0.30) 60%, rgba(31,128,160,0) 78%) !important}@media(max-width:767px){html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ttroot.elementor-element-ttroot::after{background:linear-gradient(to top, rgba(31,128,160,0.88) 0%, rgba(31,128,160,0.80) 64%, rgba(31,128,160,0.32) 80%, rgba(31,128,160,0) 94%) !important}}
/* 2026-10-21 旧ロゴ：文字は元の黒（トップの写真の上では従来どおり白） */
html body .elementor .elementor-element .snf-logo--old .snf-lg-t{fill:#000000}
/* 2026-10-21 About：冒頭の一文を小さく（42px→29px・下の本文16pxとの中間） */
html body .elementor-396 .elementor-element.elementor-element.elementor-element-abh1 .elementor-heading-title{font-size:clamp(21px,2vw,29px) !important;line-height:1.6 !important}

/* 2026-10-21 先方の依頼：「Room」の見出しを客室名（ハイロケーションツインルーム）と同じ大きさに。ほかの節の見出しもそろえる（スマホは従来の20px） */
@media(min-width:768px){html body .elementor-79 .elementor-element.elementor-element.elementor-element-snfrmhden .elementor-heading-title,html body .elementor-79 .elementor-element.elementor-element.elementor-element-snfbflbl .elementor-heading-title,html body .elementor-79 .elementor-element.elementor-element.elementor-element-snffaclbl .elementor-heading-title,html body .elementor-79 .elementor-element.elementor-element.elementor-element-snfarhden .elementor-heading-title,html body .elementor-79 .elementor-element.elementor-element.elementor-element-snfnwhden .elementor-heading-title,html body .snf-svc .snf-svc__en{font-size:clamp(24px,2.4vw,34px) !important;line-height:1.5 !important}}
/* 2026-10-21 メニューが8項目（Access を追加）になり、幅1280〜1440pxで中央のロゴに重なった。ロゴの手前に24px残るよう、間隔を画面幅で詰める */
@media(min-width:1201px){html body .elementor-73 .elementor-element.elementor-element.elementor-element-hdLinks .elementor-nav-menu--main > ul{gap:clamp(12px,calc((50vw - 584px) / 7),30px) !important}}
@media(min-width:1201px) and (max-width:1366px){html body .elementor-73 .elementor-element.elementor-element.elementor-element-hdLinks .elementor-nav-menu--main > ul{gap:clamp(12px,calc((50vw - 535px) / 7),30px) !important}}
@media(min-width:1201px) and (max-width:1280px){html body .elementor-73 .elementor-element.elementor-element.elementor-element-hdLinks .elementor-nav-menu--main > ul{gap:clamp(12px,calc((50vw - 509px) / 7),30px) !important}html body .elementor-73 .elementor-element.elementor-element.elementor-element-hdLinks .elementor-nav-menu--main .elementor-item{font-size:14px !important}}

/* 2026-10-21 About の表：「ウエルカムドリンク」が右の文字に接したので、見出しの欄を全行184pxにそろえる */
@media(min-width:601px){html body .elementor-396 .elementor-element.elementor-element.elementor-element-abt1,html body .elementor-396 .elementor-element.elementor-element.elementor-element-abt2,html body .elementor-396 .elementor-element.elementor-element.elementor-element-abt3,html body .elementor-396 .elementor-element.elementor-element.elementor-element-abt4,html body .elementor-396 .elementor-element.elementor-element.elementor-element-abt5,html body .elementor-396 .elementor-element.elementor-element.elementor-element-abt6,html body .elementor-396 .elementor-element.elementor-element.elementor-element-abt7,html body .elementor-396 .elementor-element.elementor-element.elementor-element-abt8{flex:0 0 184px !important;width:184px !important}}

/* 2026-10-21 斜体を使わない（地図の説明 figcaption が既定で斜体になっていた） */
html body em,html body i,html body cite,html body address,html body dfn,html body var,html body q,html body blockquote,html body figcaption,html body caption,html body .widget-image-caption{font-style:normal !important}

/* 2026-10-21 旧ロゴは2行で、スマホの26pxでは「Hotel」が読みにくい。予約ボタンとぶつからない範囲で大きく */
@media(max-width:480px){html body .elementor .elementor-element.elementor-element-hdLogo svg{height:40px !important;width:auto !important}}
@media(max-width:389px){html body .elementor .elementor-element.elementor-element-hdLogo svg{height:35px !important}}
@media(max-width:359px){html body .elementor .elementor-element.elementor-element-hdLogo svg{height:28px !important}}
/* 2026-10-21 タブレット幅で予約ボタンと三本線の間が8pxしかなかった。スマホ幅と同じく約30px空ける */
@media(min-width:481px) and (max-width:1200px){html body .elementor-73 .elementor-element.elementor-element.elementor-element.elementor-element-hdCta.elementor-element-hdCta{margin-right:66px !important}}

/* 2026-10-21 ロゴを「桜のマーク＋文字ロゴ」に（前川さんの判断・B案）。横に長くなった分、メニューの間隔とスマホでの高さを決め直す（ロゴの手前は24px以上） */
@media(min-width:1201px){html body .elementor-73 .elementor-element.elementor-element.elementor-element-hdLinks .elementor-nav-menu--main > ul{gap:clamp(11px,calc((50vw - 601px) / 7),30px) !important}}
@media(min-width:1201px) and (max-width:1366px){html body .elementor-73 .elementor-element.elementor-element.elementor-element-hdLinks .elementor-nav-menu--main > ul{gap:clamp(11px,calc((50vw - 552px) / 7),30px) !important}}
@media(min-width:1201px) and (max-width:1280px){html body .elementor-73 .elementor-element.elementor-element.elementor-element-hdLinks .elementor-nav-menu--main > ul{gap:clamp(11px,calc((50vw - 511px) / 7),30px) !important}html body .elementor .elementor-element.elementor-element-hdLogo svg{height:40px !important;width:auto !important}}
@media(max-width:480px){html body .elementor .elementor-element.elementor-element-hdLogo svg{height:36px !important;width:auto !important}}
@media(max-width:389px){html body .elementor .elementor-element.elementor-element-hdLogo svg{height:32px !important}}
@media(max-width:359px){html body .elementor .elementor-element.elementor-element-hdLogo svg{height:24px !important}}

/* 2026-10-21 前川さんの指摘：表の中の余白がそろっていない。行の間に入っていた約20pxの間隔をなくし、上下の余白を同じに、見出しと内容を行の中で上下中央にそろえる（About・朝食・アクセス） */
html body .elementor .elementor-element.elementor-element.elementor-element-abinfo,html body .elementor .elementor-element.elementor-element.elementor-element-bfinfo,html body .elementor .elementor-element.elementor-element.elementor-element-acL,html body .elementor .elementor-element.elementor-element.elementor-element-acR{--gap:0px !important;--row-gap:0px !important;gap:0 !important;row-gap:0 !important}
@media(min-width:601px){html body .elementor .elementor-element.elementor-element.elementor-element-abr1,html body .elementor .elementor-element.elementor-element.elementor-element-abr2,html body .elementor .elementor-element.elementor-element.elementor-element-abr3,html body .elementor .elementor-element.elementor-element.elementor-element-abr4,html body .elementor .elementor-element.elementor-element.elementor-element-abr5,html body .elementor .elementor-element.elementor-element.elementor-element-abr6,html body .elementor .elementor-element.elementor-element.elementor-element-abr7,html body .elementor .elementor-element.elementor-element.elementor-element-abr8,html body .elementor .elementor-element.elementor-element.elementor-element-bfr1,html body .elementor .elementor-element.elementor-element.elementor-element-bfr2,html body .elementor .elementor-element.elementor-element.elementor-element-acLr1,html body .elementor .elementor-element.elementor-element.elementor-element-acLr2,html body .elementor .elementor-element.elementor-element.elementor-element-acLr3,html body .elementor .elementor-element.elementor-element.elementor-element-acRr1,html body .elementor .elementor-element.elementor-element.elementor-element-acRr2,html body .elementor .elementor-element.elementor-element.elementor-element-acRr3{align-items:center !important}}

/* 2026-10-21 前川さんの指摘：スマホ（幅600px以下・見出しの下に内容が来る形）で見出しと内容の間が空きすぎ。約6pxに詰める（About・朝食・アクセス） */
@media(max-width:600px){html body .elementor .elementor-element.elementor-element.elementor-element-abti1 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abti2 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abti3 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abti4 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abti5 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abti6 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abti7 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abti8 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-bfti1 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-bfti2 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acLti1 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acLti2 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acLti3 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acRti1 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acRti2 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acRti3 .elementor-heading-title{padding-bottom:0 !important}html body .elementor .elementor-element.elementor-element.elementor-element-abdi1 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abdi2 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abdi3 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abdi4 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abdi5 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abdi6 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abdi7 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abdi8 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-bfdi1 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-bfdi2 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acLdi1 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acLdi2 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acLdi3 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acRdi1 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acRdi2 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acRdi3 .elementor-heading-title{padding-top:4px !important}}
@media(max-width:600px){html body .elementor .elementor-element.elementor-element.elementor-element-abti1 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abti2 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abti3 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abti4 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abti5 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abti6 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abti7 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abti8 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-bfti1 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-bfti2 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acLti1 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acLti2 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acLti3 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acRti1 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acRti2 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acRti3 .elementor-heading-title{line-height:1.6 !important}html body .elementor .elementor-element.elementor-element.elementor-element-abdi1 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abdi2 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abdi3 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abdi4 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abdi5 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abdi6 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abdi7 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-abdi8 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-bfdi1 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-bfdi2 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acLdi1 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acLdi2 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acLdi3 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acRdi1 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acRdi2 .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-acRdi3 .elementor-heading-title{padding-top:0 !important}}

/* 2026-10-21 前川さんの指摘：スマホでフッターのロゴの上下が空きすぎ。上端70→44px、ロゴの枠をロゴの高さに、住所の上の30pxをなくす */
@media(max-width:767px){html body .elementor-76 .elementor-element.elementor-element.elementor-element-ftRoot{padding-top:44px !important}html body .elementor-76 .elementor-element.elementor-element.elementor-element-ftLogo,html body .elementor-76 .elementor-element.elementor-element.elementor-element-ftLogo .elementor-widget-container,html body .elementor-76 .elementor-element.elementor-element.elementor-element-ftMark{line-height:0 !important;height:auto !important;min-height:0 !important}html body .elementor-76 .elementor-element.elementor-element.elementor-element-ftLogo .snf-logo-link{display:block !important}html body .elementor-76 .elementor-element.elementor-element.elementor-element-ftAddr{margin-top:0 !important}}
/* 2026-10-21 Room の客室の表：「設備」の札が2段になると見出しが上寄せだった。ほかの表と同じく上下中央に */
html body .elementor .elementor-element.elementor-element.elementor-element-rmr1,html body .elementor .elementor-element.elementor-element.elementor-element-rmr2,html body .elementor .elementor-element.elementor-element.elementor-element-rmr3,html body .elementor .elementor-element.elementor-element.elementor-element-rmr4,html body .elementor .elementor-element.elementor-element.elementor-element-rmr5,html body .elementor .elementor-element.elementor-element.elementor-element-rmr6,html body .elementor .elementor-element.elementor-element.elementor-element-rmr7,html body .elementor .elementor-element.elementor-element.elementor-element-rmr8{align-items:center !important}

/* 2026-10-21 前川さんの指摘：スマホの見出し帯で、写真の上のぼかしの境目が見える。切り替えの幅が30pxしかなかった。写真の高さの約1/3でなだらかに（全ページの見出し帯） */
@media(max-width:929px){html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-abhead.elementor-element-abhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-achead.elementor-element-achead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-arhead.elementor-element-arhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ashead.elementor-element-ashead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-bfhead.elementor-element-bfhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-cohead.elementor-element-cohead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fahead.elementor-element-fahead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fchead.elementor-element-fchead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nshead.elementor-element-nshead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nwhead.elementor-element-nwhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-pphead.elementor-element-pphead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-rmahead.elementor-element-rmahead::before{background:linear-gradient(#EDE9E3 0,#EDE9E3 calc(100% - 75vw - 1px),rgba(237,233,227,0.976) calc(100% - 75vw + 2.60vw),rgba(237,233,227,0.905) calc(100% - 75vw + 5.20vw),rgba(237,233,227,0.794) calc(100% - 75vw + 7.80vw),rgba(237,233,227,0.655) calc(100% - 75vw + 10.40vw),rgba(237,233,227,0.500) calc(100% - 75vw + 13.00vw),rgba(237,233,227,0.345) calc(100% - 75vw + 15.60vw),rgba(237,233,227,0.206) calc(100% - 75vw + 18.20vw),rgba(237,233,227,0.095) calc(100% - 75vw + 20.80vw),rgba(237,233,227,0.024) calc(100% - 75vw + 23.40vw),rgba(237,233,227,0.000) calc(100% - 75vw + 26.00vw),rgba(237,233,227,0) 100%) !important}}
@media(min-width:768px) and (max-width:929px){html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-abhead.elementor-element-abhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-achead.elementor-element-achead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-arhead.elementor-element-arhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ashead.elementor-element-ashead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-bfhead.elementor-element-bfhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-cohead.elementor-element-cohead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fahead.elementor-element-fahead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fchead.elementor-element-fchead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nshead.elementor-element-nshead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nwhead.elementor-element-nwhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-pphead.elementor-element-pphead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-rmahead.elementor-element-rmahead::before{background:linear-gradient(#EDE9E3 0,#EDE9E3 calc(100% - 56.25vw - 1px),rgba(237,233,227,0.976) calc(100% - 56.25vw + 1.80vw),rgba(237,233,227,0.905) calc(100% - 56.25vw + 3.60vw),rgba(237,233,227,0.794) calc(100% - 56.25vw + 5.40vw),rgba(237,233,227,0.655) calc(100% - 56.25vw + 7.20vw),rgba(237,233,227,0.500) calc(100% - 56.25vw + 9.00vw),rgba(237,233,227,0.345) calc(100% - 56.25vw + 10.80vw),rgba(237,233,227,0.206) calc(100% - 56.25vw + 12.60vw),rgba(237,233,227,0.095) calc(100% - 56.25vw + 14.40vw),rgba(237,233,227,0.024) calc(100% - 56.25vw + 16.20vw),rgba(237,233,227,0.000) calc(100% - 56.25vw + 18.00vw),rgba(237,233,227,0) 100%) !important}}

/* 2026-10-21 前川さんの指摘：PCの見出し帯の写真が何か分からない（朝食はグラスと机の角だけ）。写真を幅いっぱいに引き伸ばして左64%を覆っていたので、右端しか見えずぼけていた。写真は右側に高さいっぱいで置き、文字は左6割に収め、切り替えは文字のすぐ右から16%の幅でなだらかに。ぼかしはやめる（全ページの見出し帯） */
@media(min-width:930px){html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-abhead.elementor-element-abhead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-achead.elementor-element-achead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-arhead.elementor-element-arhead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ashead.elementor-element-ashead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-bfhead.elementor-element-bfhead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-cohead.elementor-element-cohead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fahead.elementor-element-fahead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fchead.elementor-element-fchead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nshead.elementor-element-nshead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nwhead.elementor-element-nwhead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-pphead.elementor-element-pphead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-rmahead.elementor-element-rmahead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-sphead.elementor-element-sphead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-srhead.elementor-element-srhead{background-size:auto 100% !important;background-position:right center !important;background-repeat:no-repeat !important;background-color:#EDE9E3 !important}html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-abhead.elementor-element-abhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-achead.elementor-element-achead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-arhead.elementor-element-arhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ashead.elementor-element-ashead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-bfhead.elementor-element-bfhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-cohead.elementor-element-cohead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fahead.elementor-element-fahead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fchead.elementor-element-fchead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nshead.elementor-element-nshead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nwhead.elementor-element-nwhead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-pphead.elementor-element-pphead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-rmahead.elementor-element-rmahead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-sphead.elementor-element-sphead::before,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-srhead.elementor-element-srhead::before{background:linear-gradient(90deg,#EDE9E3 0,#EDE9E3 60%,rgba(237,233,227,0.976) 61.6%,rgba(237,233,227,0.905) 63.2%,rgba(237,233,227,0.794) 64.8%,rgba(237,233,227,0.655) 66.4%,rgba(237,233,227,0.500) 68.0%,rgba(237,233,227,0.345) 69.6%,rgba(237,233,227,0.206) 71.2%,rgba(237,233,227,0.095) 72.8%,rgba(237,233,227,0.024) 74.4%,rgba(237,233,227,0.000) 76.0%,rgba(237,233,227,0) 100%),linear-gradient(180deg,rgba(237,233,227,.55) 0%,rgba(237,233,227,0) 22%) !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-abhead.elementor-element-abhead > .elementor-element,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-achead.elementor-element-achead > .elementor-element,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-arhead.elementor-element-arhead > .elementor-element,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-ashead.elementor-element-ashead > .elementor-element,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-bfhead.elementor-element-bfhead > .elementor-element,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-cohead.elementor-element-cohead > .elementor-element,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fahead.elementor-element-fahead > .elementor-element,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fchead.elementor-element-fchead > .elementor-element,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nshead.elementor-element-nshead > .elementor-element,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nwhead.elementor-element-nwhead > .elementor-element,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-pphead.elementor-element-pphead > .elementor-element,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-rmahead.elementor-element-rmahead > .elementor-element,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-sphead.elementor-element-sphead > .elementor-element,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-srhead.elementor-element-srhead > .elementor-element{max-width:min(720px,46vw) !important}}

/* 2026-10-21 前川さんの指摘：周辺の詳細ページ下「周辺のおすすめ」で英字と名前の間が空きすぎ（一覧は-14px、詳細だけ+8pxだった）。一覧と同じに */
html body .elementor-206 .elementor-element.elementor-element.elementor-element-sprelgrid .elementor-element-asen{margin-bottom:-14px !important}

/* 2026-10-21 前川さんの指示：周辺の詳細ページに、どんな所か・見どころ・ヒント・基本情報・Googleマップを足す（本文は各スポットの本文欄・テンプレート206に本文の枠） */
html body .snf-spot{max-width:760px;margin-top:clamp(26px,3vw,36px);color:#494237;font-family:'Inter','Noto Sans JP','Hiragino Kaku Gothic ProN',sans-serif}
html body .snf-spot__lead{font-size:16px;line-height:2.05;letter-spacing:.03em;margin:0 0 14px;color:#494237}
html body .snf-spot__h{font-family:'Shippori Mincho','Yu Mincho','Hiragino Mincho ProN',serif;font-size:clamp(19px,1.6vw,21px);font-weight:500;letter-spacing:.08em;line-height:1.6;color:#494237;margin:clamp(40px,4vw,52px) 0 18px;padding:0 0 12px;border-bottom:1px solid rgba(31,119,127,.25)}
html body .snf-spot__points{list-style:none;margin:0;padding:0;display:grid;gap:16px}
html body .snf-spot__points li{position:relative;margin:0;padding-left:18px;font-size:15.5px;line-height:1.85}
html body .snf-spot__points li::before{content:'';position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:#2AA3AC}
html body .snf-spot__points strong{display:block;font-weight:600;color:#1F777F;margin-bottom:2px}
html body .snf-spot__points span{display:block;color:#5E564B}
html body .snf-spot__tips{margin:0;padding:16px 18px;background:#F4F2EF;border-radius:4px;font-size:15.5px;line-height:1.95;color:#494237}
html body .snf-spot__info{margin:0;border-top:1px solid rgba(105,96,84,.22)}
html body .snf-spot__row{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;column-gap:16px;padding:15px 4px;border-bottom:1px solid rgba(105,96,84,.16)}
html body .snf-spot__row dt{margin:0;font-size:14px;font-weight:600;letter-spacing:.04em;line-height:1.7;color:#494237}
html body .snf-spot__row dd{margin:0;font-size:15px;line-height:1.85;color:#696054}
html body .snf-spot__row dd a{color:#1F777F;text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){html body .snf-spot__row{grid-template-columns:1fr;row-gap:2px;padding:14px 4px}}
html body .snf-spot__note{margin:14px 0 0;font-size:13.5px;line-height:1.8;color:#6F675D}
html body .snf-spot__map{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:4px;background:#EDE9E3}
html body .snf-spot__map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
@media(max-width:600px){html body .snf-spot__map{aspect-ratio:4/3}}
html body .snf-spot__maplink{margin:16px 0 0}
html body .snf-spot__maplink a{display:inline-flex;align-items:center;gap:28px;padding:0 0 8px;border-bottom:1px solid rgba(105,96,84,.42);color:#A34F33;font-size:15px;letter-spacing:.04em;text-decoration:none}
html body .snf-spot__maplink a::after{content:'›'}

/* 2026-10-21 詳細ページ（周辺・設備・お知らせ）のヒーローを画面の端まで。外枠（spwrap・fcwrap・nswrap）の左右10pxの余白から、帯だけはみ出させる。本文の余白は変えない */
html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-sphead.elementor-element-sphead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fchead.elementor-element-fchead,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nshead.elementor-element-nshead{margin-left:-10px !important;margin-right:-10px !important;width:calc(100% + 20px) !important;max-width:calc(100% + 20px) !important}
/* 2026-10-21 幅929px以下はヒーローに写真全体が出るので、本文の同じ写真（周辺・設備の詳細）を隠す */
@media(max-width:929px){html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-spimgw.elementor-element-spimgw,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fcimgw.elementor-element-fcimgw{display:none !important}}
/* 2026-10-21 写真を隠した幅では、説明文の上の余白（写真との間の34px）を外す */
@media(max-width:929px){html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-spdesc.elementor-element-spdesc,html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-fcdesc.elementor-element-fcdesc{margin-top:0 !important}}
/* 2026-10-21 お知らせの1行（テンプレート160。一覧とトップの両方）の投稿日を、枠の中で上下中央に */
html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-nldate.elementor-element-nldate{grid-row:1 / span 2 !important;align-self:center !important}
/* 2026-10-21 「英字・線・日本語・英文」のタイトルの間を詰める（前川さんの指示）。トップの Room・Area・News・Instagram と全ページ下の予約の帯 */
html body .elementor .elementor-element.elementor-element.elementor-element-snfrmhd.elementor-element-snfrmhd,html body .elementor .elementor-element.elementor-element.elementor-element-snfarhd.elementor-element-snfarhd,html body .elementor .elementor-element.elementor-element.elementor-element-snfnwhd.elementor-element-snfnwhd,html body .elementor .elementor-element.elementor-element.elementor-element-snfighd.elementor-element-snfighd{gap:0 !important;row-gap:0 !important;padding-bottom:0 !important}
html body .elementor .elementor-element.elementor-element.elementor-element-snfrmld.elementor-element-snfrmld,html body .elementor .elementor-element.elementor-element.elementor-element-snfarld.elementor-element-snfarld,html body .elementor .elementor-element.elementor-element.elementor-element-snfnwld.elementor-element-snfnwld,html body .elementor .elementor-element.elementor-element.elementor-element-snfigld.elementor-element-snfigld{gap:0 !important;row-gap:0 !important;padding-bottom:clamp(20px,2.4vw,34px) !important}
html body .elementor .elementor-element.elementor-element.elementor-element-snfrmlden.elementor-element-snfrmlden .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-snfarlden.elementor-element-snfarlden .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-snfnwlden.elementor-element-snfnwlden .elementor-heading-title,html body .elementor .elementor-element.elementor-element.elementor-element-snfiglden.elementor-element-snfiglden .elementor-heading-title{margin-top:10px !important}
html body .elementor .elementor-element.elementor-element.elementor-element-snfrsdsh.elementor-element-snfrsdsh{margin-top:-4px !important}
html body .elementor .elementor-element.elementor-element.elementor-element-snfrsen.elementor-element-snfrsen .elementor-heading-title{margin-top:-6px !important}
html body .elementor .elementor-element.elementor-element.elementor-element-snfrmld.elementor-element-snfrmld{padding-top:6px !important}
html body .elementor .elementor-element.elementor-element.elementor-element.elementor-element-snfrmlden.elementor-element-snfrmlden .elementor-heading-title{margin-top:17px !important}

/* === 2026-10-27 PCのメニューを、ロゴの左右に4つずつ（hdLinks＝左 Home/About/Room/Breakfast、hdLinksR＝右 Area/Access/News/Inquiry）===
   ロゴ（hdMark）は今までどおり真ん中に固定。左右のメニューはロゴの端から同じ距離（--snf-g）に置く。
   --snf-lh はロゴの横幅の半分（1281px以上 254px→127px、1201〜1280px 222px→111px）。1200px以下は三本線のまま */
html body .elementor-73 .elementor-element.elementor-element-02f5115 .elementor-element.elementor-element-hdLinksR{width:auto;flex:0 0 auto}
html body .elementor-73 .elementor-element.elementor-element-02f5115 .elementor-element-hdLinksR .elementor-nav-menu{display:flex;flex-wrap:nowrap}
html body .elementor-73 .elementor-element.elementor-element-02f5115 .elementor-element-hdLinksR .elementor-item{font-family:'Inter','Noto Sans JP','Hiragino Kaku Gothic ProN',sans-serif !important;font-size:16px !important;font-weight:500 !important;letter-spacing:.03em !important;padding:0 0 5px !important;position:relative}
html body .elementor-73 .elementor-element.elementor-element-02f5115 .elementor-element-hdLinksR .elementor-item::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:currentColor;transition:width .35s cubic-bezier(.2,.8,.2,1)}
html body .elementor-73 .elementor-element.elementor-element-02f5115 .elementor-element-hdLinksR .elementor-item:hover::after{width:100%}
@media(min-width:1201px){
  html body .elementor-73 .elementor-element.elementor-element-02f5115{--snf-lh:127px;--snf-g:48px;--snf-gap:32px}
  html body .elementor-73 .elementor-element.elementor-element-02f5115 .elementor-element.elementor-element.elementor-element-hdLinks,
  html body .elementor-73 .elementor-element.elementor-element-02f5115 .elementor-element.elementor-element.elementor-element-hdLinksR{position:absolute !important;top:50% !important;transform:translateY(-50%) !important;margin:0 !important;z-index:2}
  html body .elementor-73 .elementor-element.elementor-element-02f5115 .elementor-element.elementor-element.elementor-element-hdLinks{right:calc(50% + var(--snf-lh) + var(--snf-g)) !important;left:auto !important}
  html body .elementor-73 .elementor-element.elementor-element-02f5115 .elementor-element.elementor-element.elementor-element-hdLinksR{left:calc(50% + var(--snf-lh) + var(--snf-g)) !important;right:auto !important}
  html body .elementor-73 .elementor-element.elementor-element.elementor-element.elementor-element-hdLinks .elementor-nav-menu--main > ul,
  html body .elementor-73 .elementor-element.elementor-element.elementor-element.elementor-element-hdLinksR .elementor-nav-menu--main > ul{gap:var(--snf-gap) !important}
}
@media(min-width:1201px) and (max-width:1366px){
  html body .elementor-73 .elementor-element.elementor-element-02f5115{--snf-g:40px;--snf-gap:26px}
  html body .elementor-73 .elementor-element.elementor-element-02f5115 .elementor-element-hdLinksR .elementor-item{font-size:15px !important}
}
@media(min-width:1201px) and (max-width:1280px){
  html body .elementor-73 .elementor-element.elementor-element-02f5115{--snf-lh:111px;--snf-g:32px;--snf-gap:20px}
  html body .elementor-73 .elementor-element.elementor-element.elementor-element-hdLinksR .elementor-nav-menu--main .elementor-item{font-size:14px !important}
}
@media(max-width:1200px){
  html body .elementor-73 .elementor-element.elementor-element-02f5115 .elementor-element.elementor-element-hdLinksR{display:none !important}
}

/* 2026-10-27 左右のメニューを浮かせたので、予約ボタンが左に寄らないよう右端へ寄せる */
@media(min-width:1201px){
  html body .elementor-73 .elementor-element.elementor-element-02f5115 .elementor-element.elementor-element.elementor-element-hdCta{margin-left:auto !important}
}

/* 2026-10-27 メニューの並びの最後の見えない部品（::after）にも間隔が付き、左のメニューだけロゴから遠くなっていたので消す */
@media(min-width:1201px){
  html body .elementor-73 .elementor-element.elementor-element-02f5115 .elementor-element-hdLinks .elementor-nav-menu--main > ul::before,
  html body .elementor-73 .elementor-element.elementor-element-02f5115 .elementor-element-hdLinks .elementor-nav-menu--main > ul::after,
  html body .elementor-73 .elementor-element.elementor-element-02f5115 .elementor-element-hdLinksR .elementor-nav-menu--main > ul::before,
  html body .elementor-73 .elementor-element.elementor-element-02f5115 .elementor-element-hdLinksR .elementor-nav-menu--main > ul::after{content:none !important;display:none !important}
}

/* 2026-10-27 1367〜1599px は、ロゴとメニューの間を詰め、Inquiry と予約ボタンの間を空ける（予約ボタンがメニューの一部に見えないように） */
@media(min-width:1367px) and (max-width:1599px){
  html body .elementor-73 .elementor-element.elementor-element-02f5115{--snf-g:40px}
}

/* 2026-10-27 1367〜1439px は右側に収まりきらず、Inquiry と予約ボタンが4pxまで近づいていたので、1366px以下と同じ文字の大きさと間隔にする */
@media(min-width:1367px) and (max-width:1439px){
  html body .elementor-73 .elementor-element.elementor-element-02f5115{--snf-g:40px;--snf-gap:26px}
  html body .elementor-73 .elementor-element.elementor-element-02f5115 .elementor-element.elementor-element-hdLinks .elementor-item,
  html body .elementor-73 .elementor-element.elementor-element-02f5115 .elementor-element.elementor-element-hdLinksR .elementor-item{font-size:15px !important}
}

/* 2026-10-27 1281〜1366px はロゴが大きいまま画面が狭く、1281pxで Inquiry と予約ボタンが16pxまで近づいていたので、間を詰める */
@media(min-width:1281px) and (max-width:1366px){
  html body .elementor-73 .elementor-element.elementor-element-02f5115{--snf-g:32px;--snf-gap:22px}
}


/* === 2026-10-27 フッター：「Google Map」と「Instagram」を住所の下に横並びにし、左にアイコン（IconJar：地図のピン・Instagram）を付ける === */
html body .elementor-76 .elementor-element.elementor-element-ftLinks{--display:flex;--flex-direction:row;--flex-wrap:wrap;--align-items:center;--justify-content:flex-start;--gap:10px 28px;--row-gap:10px;--column-gap:28px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--width:auto;width:auto}
html body .elementor-76 .elementor-element.elementor-element-ftLinks .elementor-element{width:auto;flex:0 0 auto}
html body .elementor-76 .elementor-element-ftMap .elementor-button-text::before,
html body .elementor-76 .elementor-element-ftIg .elementor-button-text::before{content:"";display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:-3px;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
html body .elementor-76 .elementor-element-ftMap .elementor-button-text::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cpath fill='%23000' d='M8.5 0.5c-3.032 0-5.5 2.467-5.5 5.5 0 4.373 4.913 10.086 5.122 10.328l0.378 0.435 0.378-0.436c0.209-0.241 5.122-5.954 5.122-10.327 0-3.033-2.468-5.5-5.5-5.5zM8.5 15.215c-1.146-1.424-4.5-5.879-4.5-9.215 0-2.481 2.019-4.5 4.5-4.5s4.5 2.019 4.5 4.5c0 3.333-3.354 7.791-4.5 9.215zM8.5 3.139c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zM8.5 8.139c-1.103 0-2-0.897-2-2s0.897-2 2-2 2 0.897 2 2-0.897 2-2 2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cpath fill='%23000' d='M8.5 0.5c-3.032 0-5.5 2.467-5.5 5.5 0 4.373 4.913 10.086 5.122 10.328l0.378 0.435 0.378-0.436c0.209-0.241 5.122-5.954 5.122-10.327 0-3.033-2.468-5.5-5.5-5.5zM8.5 15.215c-1.146-1.424-4.5-5.879-4.5-9.215 0-2.481 2.019-4.5 4.5-4.5s4.5 2.019 4.5 4.5c0 3.333-3.354 7.791-4.5 9.215zM8.5 3.139c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zM8.5 8.139c-1.103 0-2-0.897-2-2s0.897-2 2-2 2 0.897 2 2-0.897 2-2 2z'/%3E%3C/svg%3E")}
html body .elementor-76 .elementor-element-ftIg .elementor-button-text::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='0.8' y='0.8' width='22.4' height='22.4' rx='6' ry='6'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M19.34,5.15a.5.5,0,1,1-1,0'/%3E%3Cpath d='M18.34,5.15a.5.5,0,0,1,1,0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='0.8' y='0.8' width='22.4' height='22.4' rx='6' ry='6'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M19.34,5.15a.5.5,0,1,1-1,0'/%3E%3Cpath d='M18.34,5.15a.5.5,0,0,1,1,0'/%3E%3C/svg%3E")}/* End custom CSS */