.beach .hero img{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.beach .hero .over-title{z-index:1}.beach .hero .over-title img{max-height:min(300px,50vw);min-height:200px;-o-object-fit:contain;object-fit:contain;padding:var(--space-md)}.beach .hero .hero_image{background-position:50%;background-repeat:repeat;background-size:96px;background-size:min(7.5vw,96px);filter:brightness(.85)}.beach .hero .hero_image>div img{-o-object-position:35%;object-position:35%}.beach #access .flexbox>div,.beach #bathtype .flexbox>div,.beach #hotspring .flexbox>div{width:-webkit-fill-available;width:-moz-available;width:stretch}.beach #bathtype h3{color:var(--base-color-brown)}.beach #bathtype .bathtype__feature{background-color:var(--base-color-beige);margin:var(--space-xxs);margin-bottom:auto;padding:var(--space-xs)}.menu-fc_red{color:var(--buffet_red)}.menu-fc_pink{color:var(--buffet_pink)}.menu-fc_orange{color:var(--buffet_orange)}h2 .ff_serif_en{padding-bottom:var(--space-md)}.card-list.gridbox{align-items:start;gap:var(--space-md)}.card-list .card-item{display:grid;grid-row:span 2;grid-template-rows:subgrid;justify-items:center}.card-list .card-item>div{align-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(var(--base-rgb-white,255,255,255),.5);box-shadow:0 var(--space-xxs) var(--space-xxs) calc(var(--space-xxs)*-1) var(--base-color-dgray);max-width:95%;padding:var(--space-sm);position:relative;top:calc(var(--space-sm)*2.5*-1);z-index:1}.card-list .card-item>div h4{margin-bottom:var(--space-sm)}.card-list .card-item>div h4:before{content:attr(data-title);display:block;font-size:small;font-weight:400;margin-bottom:var(--space-xxs)}.content_area .intro h2,.content_area .intro p{text-shadow:0 0 var(--space-xxs) var(--base-color-white)}.content_area .menu{margin-bottom:var(--space-xl)}.content_area .menu h3:before{content:attr(data-title);display:block;font-size:var(--fs_16);font-weight:400}.content_area .text_notes{background-color:hsla(0,0%,100%,.65)}.content_area .menu__shadow{box-shadow:1px 1px 6px rgba(var(--base-rgb-dgray),.3)}ul.hotel_list.gridbox{gap:var(--space-xs)}ul.hotel_list.gridbox>li{border:1px solid var(--border-color);border-top:3px solid var(--base-color-sogo)}div.hotel_list .hotel_item p.txt_red{margin:var(--space-xs)}.hotellist__item.gridbox{border:initial;border-top:initial}.hotellist__item.gridbox .hotellist__image{grid-column:span 1}.hotellist__item.gridbox .hotellist__info,.hotellist__item.gridbox .htl_link{grid-column:span 4}.only-hotel-list{display:none}.block__useinfo-container>dl{background-color:var(--base-color-mint);display:grid;font-size:var(--fs-16);margin:auto;margin:var(--space-sm) var(--space-sm);max-width:100%;padding:var(--space-xs) var(--space-xs)}.beach-info>.beach-item{border-top:1px dotted var(--base-color-sogo);-moz-column-gap:var(--space-md);column-gap:var(--space-md);display:grid;font-size:var(--fs-16);grid-template-columns:auto max-content max-content;padding:var(--space-xs) 0}.beach-info>.beach-item>dt{display:flex;font-weight:700;gap:var(--space-sm);grid-row:1/-1;justify-content:space-between;margin:0;position:relative;white-space:nowrap}.beach-info>.beach-item>dd span>span,.beach-info>.beach-item>dd>span{display:inline-block}.beach-info>.beach-item>dd:nth-of-type(n+3){grid-column:1/-1}.beach-info>.beach-item:first-of-type>dd,.beach-info>.beach-item:first-of-type>dt{background-image:none;padding:0}@media (min-width:429px) and (max-width:768px){.beach-info>.beach-item{-moz-column-gap:var(--space-sm);column-gap:var(--space-sm);grid-template-columns:1fr 1fr}.beach-info>.beach-item dt{grid-column:1/-1}.beach-info>.beach-item dd:first-of-type{background-image:repeating-linear-gradient(180deg,currentColor,currentColor 1px,transparent 0,transparent 6px);background-position:100%;background-repeat:no-repeat;background-size:1px 100%;padding-right:var(--space-sm)}}@media (min-width:769px){.beach-info>.beach-item>dt:after{background-image:repeating-linear-gradient(90deg,currentColor,currentColor 2px,transparent 0,transparent 8px);content:"";height:2px;position:relative;top:.75em;width:-webkit-fill-available;width:-moz-available;width:stretch}}@media screen and (min-width:769px){.beach .gallery_grid img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.beach #access .txt_center,.beach #bathtype .txt_center,.beach #hotspring .txt_center{text-align:left}.beach #access p.word-break span,.beach #bathtype p.word-break span,.beach #hotspring p.word-break span{display:inline}.beach #access .flexbox>div,.beach #bathtype .flexbox>div,.beach #hotspring .flexbox>div{flex-basis:calc(50% - var(--space-sm)/2)}.beach #bathtype .order-1{order:2}.beach #bathtype .order-2{order:1}.beach #bathtype .order-3{order:3}.beach #bathtype .order-4{order:4}.beach #bathtype .txt_center{text-align:left}.beach #bathtype p.word-break span{display:inline}}@media screen and (max-width:768px){.card-list .card-item{align-items:center;flex-direction:row;justify-items:center}.card-list .card-item:nth-of-type(2n){flex-direction:row-reverse}.card-list .card-item>div,.card-list .card-item>p{display:block;width:100%}.card-list .card-item img{aspect-ratio:16/9;justify-self:center;margin:var(--space-lg);margin-bottom:auto;margin-top:auto;max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 25%;object-position:50% 25%}ul.hotel_list.gridbox.col2{grid-template-columns:repeat(3,1fr)}.hotellist__item.gridbox .hotellist__image,.hotellist__item.gridbox .hotellist__info,.hotellist__item.gridbox .htl_link{grid-column:1/-1}}@media (max-width:428px){.beach-info>.beach-item,.beach-info>.beach-item>dd,.beach-info>.beach-item>dt{display:block}.beach-info>.beach-item>dd:after,.beach-info>.beach-item>dt:after{display:none}}