.spot-grid-wrapper{display:flex;flex-wrap:wrap;gap:10px}.spot-grid{flex:1;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);background-color:#fff}.spot-grid:hover{background-color:#f6fafd;opacity:.8}.spot-grid>a{display:block;text-decoration:none;color:inherit}.spot-grid-img{width:100%;aspect-ratio:16 / 9;object-fit:cover;vertical-align:top}.spot-grid-address-wrapper{display:flex;align-items:center}.spot-grid-pin-icon{height:30px}.spot-grid-pref{color:#1e73be;font-weight:500;flex:none}.spot-grid-address{font-size:12px;margin-left:10px;color:#888;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.spot-grid-figure{margin:0;position:relative;width:100%}.spot-grid-figure object{position:absolute;z-index:1;right:5px;bottom:10px}.spot-grid-fav-wrap{width:30px;height:30px;position:relative}.spot-grid-detail-wrapper{padding:3px 3px 5px 3px}.spot-grid-star5-rating{display:block;position:relative;z-index:0;white-space:nowrap;width:fit-content;color:#ccc;margin-top:-5px;font-size:12px}.spot-grid-star5-rating::before,.spot-grid-star5-rating:after{content:'★★★★★'}.spot-grid-star5-rating:after{position:absolute;z-index:2;top:0;left:0;overflow:hidden;white-space:nowrap;color:#ffcf32}.spot-grid-star5-rating[data-rate="5"]:after{width:100%}.spot-grid-star5-rating[data-rate="4.5"]:after{width:90%}.spot-grid-star5-rating[data-rate="4"]:after{width:80%}.spot-grid-star5-rating[data-rate="3.5"]:after{width:70%}.spot-grid-star5-rating[data-rate="3"]:after{width:60%}.spot-grid-star5-rating[data-rate="2.5"]:after{width:50%}.spot-grid-star5-rating[data-rate="2"]:after{width:40%}.spot-grid-star5-rating[data-rate="1.5"]:after{width:30%}.spot-list-star5-rating[data-rate="1"]:after{width:20%}.spot-grid-tag{line-height:1.9}.spot-grid-tag-span{padding:0 3px;border:solid 1px #1e73be;color:#1e73be;background:#fff}.spot-grid-more-watch-btn{position:relative;padding:10px 100px;font-size:14px;border:solid 1px #333;border-radius:20px;color:inherit;text-decoration-line:none}.arrow-right{position:absolute;right:15px;top:12px;display:inline-block;width:8px;height:8px;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg)}@media(min-width:0) and (max-width:511px){.spot-grid{flex-basis:calc(50% - 10px);max-width:calc(50% - 10px);margin-bottom:5px}.spot-grid-name{margin:0;font-size:14px;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.spot-grid-tag{font-size:10px}.spot-grid-pin-icon{height:20px}.spot-grid-pref{color:#1e73be;font-weight:500;flex:none;font-size:14px}.spot-grid-address{font-size:10px;margin-left:5px;color:#888;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.spot-grid-star5-rating{font-size:10px}}@media(min-width:512px) and (max-width:1023px){.spot-grid{flex-basis:calc(50% - 10px);max-width:calc(50% - 10px);margin-bottom:5px}.spot-grid-name{margin:0;font-size:16px;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.spot-grid-tag{font-size:12px}}@media(min-width:1024px){.spot-grid{flex-basis:calc(25% - 10px);max-width:calc(25% - 10px);margin-bottom:10px}.spot-grid-name{margin:0;font-size:16px;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.spot-grid-tag{font-size:12px}}