.spotpage{--brand:#4a86e8;--brand-d:#2f63c7;--gg:#34a853;--blue:#4285f4;--red:#ea4335;--yellow:#fbbc04;--ink:#202124;--sub:#5f6368;--line:#e6e8eb;--radius:14px;--shadow:0 1px 3px #3c404329,0 4px 14px #3c404314;max-width:1180px;margin:0 auto;padding:0 24px}.spotpage .crumb{color:var(--sub);flex-wrap:wrap;gap:7px;padding:14px 0 0;font-size:12px;display:flex}.spotpage .crumb a{color:var(--brand-d)}.spotpage .crumb i{color:#b6bcc4;font-style:normal}.spotpage .spot{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;grid-template-columns:200px 1fr;gap:0;margin:14px 0;display:grid;position:relative;overflow:hidden}.spotpage .spot img{-o-object-fit:cover;object-fit:cover;width:100%;height:150px}.spotpage .spot .si{padding:16px 18px}@media (width>=561px){.spotpage .spot>img{width:200px;height:100%;min-height:0;position:absolute;top:0;left:0}.spotpage .spot>.si{grid-column:2}}.spotpage .spot .si h3{margin:0 0 6px;font-size:16px}.spotpage .spot .si h3 a{color:var(--ink);text-decoration:none}.spotpage .spot .si h3 a:hover{color:var(--brand-d)}.spotpage .spot .si p{color:var(--sub);margin:0 0 8px;font-size:13.5px}.spotpage .spot .si .m{color:#9aa0a6;font-size:12px}@media (width<=560px){.spotpage .spot{grid-template-columns:1fr}.spotpage .spot img{height:180px}}.olist-hero{padding:28px 0 10px}.olist-hero h1{color:var(--ink);margin-bottom:10px;font-size:28px;font-weight:900}.olist-hero .lead{color:var(--sub);font-size:14.5px;line-height:1.85}.onsenlist .abody{padding:10px 0 60px}