.spot-list-wrapper{flex:1;height:fit-content;width:auto;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.spot-list-wrapper li:hover{opacity:.8}.spot-list{width:100%;height:100%;border-radius:5px;background-color:#f6fafd;display:flex;gap:10px}.spot-list.left{flex-direction:row-reverse}.spot-list-figure{position:relative}.spot-list-name{font-size:18px;font-weight:500;margin-bottom:5px!important;height:max-content;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:#1e73be}.spot-list-desc{margin:0 20px 0 0;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.spot-list-tag{flex-basis:40%;font-size:12px;height:auto;color:transparent}.spot-list-tag-span{color:#1e73be;display:inline-block}@media(min-width:0) and (max-width:511px){.spot-list{gap:5px}.spot-list-img{width:133px;height:109px;object-fit:cover;vertical-align:top}.spot-list-detail-div{padding:10px}.spot-list-name{font-size:14px}.spot-list-tag{font-size:10px}.spot-list-desc{font-size:10px;-webkit-line-clamp:3}}@media(min-width:512px) and (max-width:1023px){.spot-list{gap:10px}.spot-list-img{width:220px;height:100%;aspect-ratio:16 / 9;object-fit:cover;vertical-align:top}.spot-list-detail-div{padding:10px}.spot-list-desc{-webkit-line-clamp:3}}@media(min-width:1024px){.spot-list-img{width:290px;aspect-ratio:16 / 9;object-fit:cover;vertical-align:top}.spot-list-detail-div{padding:15px}}