﻿@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap");html:has(.landing-page-body){scrollbar-gutter:stable}.landing-page-body .footer .links-list{display:flex;flex-direction:column;gap:8px;align-items:stretch;padding:16px}@media (min-width: 768px){.landing-page-body .footer .links-list{display:grid;grid-template-columns:1fr 1fr}}.landing-page-body .footer .links-list .links .title{font-weight:bold;font-size:1rem;line-height:3rem;color:#1f2124}.landing-page-body .footer .links-list .links ul{border-top:1px solid #e1e4e8}.landing-page-body .footer .links-list .links ul li a{font-size:0.875rem;line-height:3rem;color:#474a50;border-bottom:1px solid #e1e4e8;display:block}.landing-page-body .footer .copy-right{text-align:center;font-size:0.75rem;color:#474a50;padding:16px;border-top:#d1d5df 1px solid}.landing-page-main.summer-stays{padding:0}.landing-page-main.summer-stays section{padding:0}.landing-page-main.summer-stays .shippori-mincho{font-family:"Shippori Mincho", serif}.landing-page-main.summer-stays .go-to-top{bottom:30px;width:50px;height:50px;border-radius:25px;background-color:#fefefe;border:2px solid #cecece;color:#cecece;opacity:0;font-size:24px;filter:drop-shadow(0px 6px 20px rgba(0,0,0,0.1))}.landing-page-main.summer-stays .go-to-top:hover{border-color:#bc3933;color:#bc3933}.landing-page-main.summer-stays .go-to-top:active{color:#fefefe;background-color:#bc3933;border:none}.landing-page-main.summer-stays .background-stripe{background-image:linear-gradient(45deg, #bce3fb 16.66%, #e7f6ff 16.66%, #e7f6ff 50%, #bce3fb 50%, #bce3fb 66.66%, #e7f6ff 66.66%, #e7f6ff 100%);background-size:6px 6px}.landing-page-main.summer-stays .decorated-header{width:100%;height:50px;background-image:url(/assets/lp/summer-stays_thema-header-41c3c12506b723261f235ec4277c9ea63f99d1ec8cbcce053c9af00069f2ba9b.png);background-repeat:no-repeat;background-position:center;background-size:contain;text-align:center;padding-top:12px;color:#2f2a26;font-weight:800;font-size:1.5rem;line-height:2.1875rem;-webkit-text-stroke:4px #fff;text-stroke:4px #fff;paint-order:stroke fill}.landing-page-main.summer-stays .see-more-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 24px;font-size:1.25rem;font-weight:600;line-height:1.875rem}.landing-page-main.summer-stays .see-more-header .see-more-link{color:#2b85cc}.landing-page-main.summer-stays .fade-in{opacity:0;transform:translateY(40px);transition:opacity 1s ease-out, transform 1s ease-out}.landing-page-main.summer-stays .fade-in.is-visible{opacity:1;transform:translateY(0)}.landing-page-main.summer-stays .swiper .navigation-button{--swiper-navigation-size: 1rem;--swiper-navigation-color: #cecece;--swiper-navigation-top-offset: 33%;display:flex;align-items:center;justify-content:center;width:calc(var(--swiper-navigation-size) * 2);height:calc(var(--swiper-navigation-size) * 2);border-radius:50%;background-color:#fefefe;border:1px solid #cecece;opacity:0.75;filter:drop-shadow(0px 6px 20px rgba(0,0,0,0.1))}.landing-page-main.summer-stays .swiper .navigation-button:hover{opacity:1}.landing-page-main.summer-stays .swiper .navigation-button.swiper-button-disabled{display:none}.landing-page-main.summer-stays .hero{--hero-min-height: 600px;--hero-swiper-min-height: 460px;--hero-title-height: 170px;--hero-caption-height: 100px;position:relative;width:100%;height:var(--hero-min-height);overflow:hidden;display:flex;flex-direction:column;min-height:var(--hero-min-height)}@media (min-width: 768px){.landing-page-main.summer-stays .hero{height:calc(100vw * 0.58);max-height:80vh}}.landing-page-main.summer-stays .hero .swiper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;height:var(--hero-swiper-min-height)}.landing-page-main.summer-stays .hero .swiper .slide-image{object-fit:cover;display:block;animation:fv-zoom 20s linear both paused;animation-play-state:running;height:100%;width:100%;object-fit:cover}.landing-page-main.summer-stays .hero .swiper .slide-image.image01{object-position:100%}.landing-page-main.summer-stays .hero .swiper .slide-image.image02{object-position:83%}.landing-page-main.summer-stays .hero .swiper .slide-image.image03{object-position:83%}@media (min-width: 768px){.landing-page-main.summer-stays .hero .swiper{height:auto}}@media (max-width: 767px){.landing-page-main.summer-stays .hero .swiper .shadow-box{width:100%;z-index:1;position:absolute}.landing-page-main.summer-stays .hero .swiper .shadow-box.title{top:0;height:var(--hero-title-height);background:linear-gradient(180deg, rgba(0,0,0,0.4) 36.54%, rgba(115,115,115,0) 100%)}.landing-page-main.summer-stays .hero .swiper .shadow-box.caption{bottom:0;height:var(--hero-caption-height);background:rgba(0,0,0,0.4)}}.landing-page-main.summer-stays .hero .title-wrapper{z-index:10;height:var(--hero-title-height);position:relative;flex-shrink:0}@media (min-width: 768px){.landing-page-main.summer-stays .hero .title-wrapper{height:auto}}.landing-page-main.summer-stays .hero .title-wrapper .title{padding:36px 0 0 26px;width:85%}.landing-page-main.summer-stays .hero .title-wrapper .title img{width:100%;max-width:600px}.landing-page-main.summer-stays .hero .search-box-wrapper{margin-top:calc(var(--hero-swiper-min-height) - var(--hero-title-height) - var(--hero-caption-height));z-index:10;position:relative;flex-shrink:0}@media (min-width: 768px){.landing-page-main.summer-stays .hero .search-box-wrapper{margin-top:16px;max-width:500px;padding-left:42px;display:flex;flex-direction:column;gap:16px}}.landing-page-main.summer-stays .hero .search-box-wrapper .caption{font-weight:700;line-height:2rem;text-align:center;color:#ffffff;margin:0}@media (min-width: 768px){.landing-page-main.summer-stays .hero .search-box-wrapper .caption{text-align:left;font-size:1.5rem;-webkit-text-stroke:2px #00000030;text-stroke:2px #00000030;paint-order:stroke fill}}.landing-page-main.summer-stays .hero .search-box-wrapper .search-box{width:calc(100% - 30px);padding:16px;border-radius:8px;background-color:#ffffff;margin:0 auto;text-align:center}@media (min-width: 768px){.landing-page-main.summer-stays .hero .search-box-wrapper .search-box{width:400px;margin:0}}.landing-page-main.summer-stays .hero .search-box-wrapper .search-box form{margin:0;padding:0;display:flex;gap:16px;flex-direction:column}.landing-page-main.summer-stays .menu{width:100%;height:100px;background:#6d86a6}.landing-page-main.summer-stays .menu .menu-list{display:flex;height:100%;justify-content:center}.landing-page-main.summer-stays .menu .menu-list .menu-item{max-width:235px;flex:1;color:#ffffff;font-size:0.75rem;text-align:center}.landing-page-main.summer-stays .menu .menu-list .menu-item:hover{background-color:#8fbc8f}.landing-page-main.summer-stays .menu .menu-list .menu-item .menu-link{height:100%;padding:0 8px;display:flex;gap:8px;flex-direction:column;justify-content:center;align-items:center}.landing-page-main.summer-stays .menu .menu-list .menu-item .menu-link .menu-icon{width:50px}.landing-page-main.summer-stays .thema{height:320px;overflow:hidden;padding-top:24px}.landing-page-main.summer-stays .thema .swiper{width:100vw;max-width:fit-content;overflow:hidden;margin:16px auto 0 auto;padding-left:16px}.landing-page-main.summer-stays .thema .swiper .swiper-slide{width:180px;display:flex;flex-direction:column;gap:16px;margin-right:16px}.landing-page-main.summer-stays .thema .swiper .swiper-slide .slide-image{width:180px}.landing-page-main.summer-stays .category-list{padding:24px 16px;display:grid;justify-items:center}.landing-page-main.summer-stays .category-list .category{--category-item-width: clamp(144px, 37vw, 200px);max-width:calc((var(--category-item-width) + 16px) * 6 + 16px);width:100%;display:flex;flex-direction:column;gap:16px;margin-bottom:32px;overflow:hidden}.landing-page-main.summer-stays .category-list .category .swiper{width:100%;padding-left:16px}.landing-page-main.summer-stays .category-list .category .swiper .swiper-wrapper .swiper-slide{width:var(--category-item-width);margin-right:16px}.landing-page-main.summer-stays .category-list .category .swiper .swiper-wrapper .swiper-slide .listbox .img-squ{width:var(--category-item-width);height:var(--category-item-width)}.landing-page-main.summer-stays .category-list .category .swiper .swiper-wrapper .swiper-slide .listbox .img-squ img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:8px}.landing-page-main.summer-stays .category-list .category .swiper .swiper-wrapper .swiper-slide .listbox .list-text [class^="favorite_facility_"]{position:absolute;top:clamp(4px, calc(0.03 * var(--category-item-width)), 8px);right:clamp(4px, calc(0.03 * var(--category-item-width)), 8px);z-index:100;display:flex;align-items:center;justify-content:center}.landing-page-main.summer-stays .category-list .category .swiper .swiper-wrapper .swiper-slide .listbox .list-text [class^="favorite_facility_"] form{margin:0;padding:0}.landing-page-main.summer-stays .category-list .category .swiper .swiper-wrapper .swiper-slide .listbox .list-text [class^="favorite_facility_"] form button{width:clamp(24px, calc(0.2 * var(--category-item-width)), 44px);height:clamp(24px, calc(0.2 * var(--category-item-width)), 44px);display:block;margin:0;padding:0;background:rgba(31,33,36,0.3);border:1.5px solid #ffffff;backdrop-filter:blur(7.33333px);border-radius:50%}.landing-page-main.summer-stays .category-list .category .swiper .swiper-wrapper .swiper-slide .listbox .list-text [class^="favorite_facility_"] form button span{color:#ffffff;--fa-width: calc(0.1 * var(--category-item-width))}.landing-page-main.summer-stays .category-list .category .swiper .swiper-wrapper .swiper-slide .listbox .list-text [class^="favorite_facility_"]:has(svg[data-prefix="fas"]) form button{background:#fff}.landing-page-main.summer-stays .category-list .category .swiper .swiper-wrapper .swiper-slide .listbox .list-text [class^="favorite_facility_"]:has(svg[data-prefix="fas"]) form button span{color:#d52e25}.landing-page-main.summer-stays .category-list .category .swiper .swiper-wrapper .swiper-slide .listbox .list-text .list-text-area{font-size:clamp(0.75rem, calc(var(--category-item-width) * 0.08), 0.875rem);line-height:calc(clamp(0.75rem, calc(var(--category-item-width) * 0.08), 0.875rem) * 1.5);color:#6f737d;font-weight:300}.landing-page-main.summer-stays .category-list .category .swiper .swiper-wrapper .swiper-slide .listbox .list-text .list-text-headline{display:block;font-size:clamp(1rem, calc(var(--category-item-width) * 0.1), 1.25rem);line-height:calc(clamp(1rem, calc(var(--category-item-width) * 0.1), 1.25rem) * 1.5);font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-page-main.summer-stays .category-list .category .swiper .swiper-wrapper .swiper-slide .listbox .list-text .list-text-price{font-size:clamp(0.75rem, calc(var(--category-item-width) * 0.08), 0.875rem);line-height:calc(clamp(0.75rem, calc(var(--category-item-width) * 0.08), 0.875rem) * 1.5);font-weight:600;text-align:right}.landing-page-main.summer-stays .search-date{padding:24px 0;display:flex;flex-direction:column;gap:16px;align-items:center}.landing-page-main.summer-stays .search-date .search-box{width:calc(100% - 30px);padding:16px;border-radius:8px;background-color:#ffffff;margin:0 auto}.landing-page-main.summer-stays .search-date .search-box form{margin:0;padding:0}.landing-page-main.summer-stays .search-date .how-to-reserve{width:calc(100% - 30px);max-width:400px}.landing-page-main.summer-stays .search-area{padding:24px 0;display:flex;flex-direction:column;align-items:center;gap:16px}.landing-page-main.summer-stays .search-area .area-container{padding:0 16px;width:100%;max-width:850px}.landing-page-main.summer-stays .search-area .area-container .accordion{width:100%;font-family:sans-serif;overflow:hidden;border-top:1px solid #e1e4e8}.landing-page-main.summer-stays .search-area .area-container .accordion:last-child{border-bottom:1px solid #e1e4e8}.landing-page-main.summer-stays .search-area .area-container .accordion .accordion-header{display:flex;justify-content:space-between;align-items:center;padding:16px 8px;font-weight:bold;font-size:14px;cursor:pointer;list-style:none;user-select:none}.landing-page-main.summer-stays .search-area .area-container .accordion .accordion-header::-webkit-details-marker{display:none}.landing-page-main.summer-stays .search-area .area-container .accordion .accordion-header::after{content:"－";font-size:16px;color:#d52e25}.landing-page-main.summer-stays .search-area .area-container .accordion:not([open]) .accordion-header::after{content:"＋"}.landing-page-main.summer-stays .search-area .area-container .accordion .accordion-body{display:flex;flex-wrap:wrap;gap:4px;padding-bottom:16px}.landing-page-main.summer-stays .search-area .area-container .accordion .accordion-body .region-button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:76px;height:48px;background:#ffffff;border:1px solid rgba(31,33,36,0.15);border-radius:4px;font-size:0.875rem;box-shadow:0px 1px 2px rgba(31,33,36,0.08),0px 2px 5px rgba(31,33,36,0.04)}.landing-page-main.summer-stays .search-area .area-container .accordion .accordion-body .region-button:hover{background:#e8e8e8}.landing-page-main.summer-stays .columns-list{width:100%;padding:24px 16px;display:grid;justify-items:center;background:#f9f9fc;border-top:1px solid #d1d5df}.landing-page-main.summer-stays .columns-list .columns-wrapper{--column-item-width: clamp(168px, 43vw, 200px);display:flex;flex-direction:column;align-items:flex-start;gap:32px;overflow:hidden;max-width:calc((var(--column-item-width) + 16px) * 7 + 16px);width:100%}.landing-page-main.summer-stays .columns-list .columns-wrapper .columns{width:100%;display:flex;flex-direction:column;gap:16px;overflow:hidden}.landing-page-main.summer-stays .columns-list .columns-wrapper .columns .see-more-header .see-more-link{font-size:1rem}.landing-page-main.summer-stays .columns-list .columns-wrapper .columns .swiper{width:100%;padding-left:16px}.landing-page-main.summer-stays .columns-list .columns-wrapper .columns .swiper .swiper-wrapper .swiper-slide{width:var(--column-item-width);margin-right:16px;display:flex;flex-direction:column;gap:8px}.landing-page-main.summer-stays .columns-list .columns-wrapper .columns .swiper .swiper-wrapper .swiper-slide .blog-link{width:100%}.landing-page-main.summer-stays .columns-list .columns-wrapper .columns .swiper .swiper-wrapper .swiper-slide .blog-link .cover-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:8px;aspect-ratio:7 / 4}.landing-page-main.summer-stays .columns-list .columns-wrapper .columns .swiper .swiper-wrapper .swiper-slide .contents .blog-title{height:calc(clamp(1rem, calc(var(--column-item-width) * 0.1), 1.25rem) * 1.5 * 2 + 1px);line-height:calc(clamp(1rem, calc(var(--column-item-width) * 0.1), 1.25rem) * 1.5);font-size:clamp(1rem, calc(var(--column-item-width) * 0.1), 1.25rem);font-weight:600;display:-webkit-box;letter-spacing:0.03em;color:#1f2124;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2}.landing-page-main.summer-stays .columns-list .columns-wrapper .columns .swiper .swiper-wrapper .swiper-slide .contents .blog-date{font-weight:300;font-size:clamp(0.75rem, calc(var(--column-item-width) * 0.08), 0.875rem);line-height:calc(clamp(0.75rem, calc(var(--column-item-width) * 0.08), 0.875rem) * 1.5);display:flex;align-items:center;color:#6f737d;margin:0;padding:0}.landing-page-main.summer-stays .service-info{max-width:1100px;margin:0 auto;padding:32px;background:#f9f9fc;display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 768px){.landing-page-main.summer-stays .service-info{grid-template-columns:repeat(3, 1fr)}}.landing-page-main.summer-stays .service-info .info-button{background:#fff;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:16px;border-radius:8px;border:1px solid #e1e4e8;box-shadow:0px 1px 2px rgba(31,33,36,0.08),0px 2px 5px rgba(31,33,36,0.04)}.landing-page-main.summer-stays .service-info .info-button .caption{font-weight:bold;font-size:0.875rem;line-height:1rem}.landing-page-main.summer-stays .service-info .info-button .image{width:110px}@media (min-width: 768px){.landing-page-main.summer-stays .service-info .info-button{flex-direction:column-reverse;justify-content:space-around}}.landing-page-main.summer-stays .about{background:#f9f9fc;text-align:center;padding:16px 32px}.landing-page-main.summer-stays .about hr{width:300px;margin:16px auto}.landing-page-main.summer-stays .about .logo-text{height:1.5rem}.landing-page-main.summer-stays .about .caption{font-weight:bold}.landing-page-main.summer-stays .about .services{max-width:1100px;margin:16px auto 0 auto;padding:32px;display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch}@media (min-width: 768px){.landing-page-main.summer-stays .about .services{grid-template-columns:repeat(3, 1fr)}.landing-page-main.summer-stays .about .services h3{grid-column:span 3}}.landing-page-main.summer-stays .about .services .service{display:flex;flex-direction:column;align-items:center;padding:32px;gap:16px;background:#ffffff;border:1px solid #e5e7eb;box-shadow:0px 1px 2px rgba(31,33,36,0.08),0px 2px 5px rgba(31,33,36,0.04);border-radius:16px}.landing-page-main.summer-stays .about .services .service .header{font-weight:bold;font-size:1.25rem;line-height:1.875rem}.landing-page-main.summer-stays .about .services .service .description{word-break:keep-all;overflow-wrap:break-word;overflow-wrap:anywhere}
