.spot-index{margin-top:44px}.spot-index .tg-header{padding:8px;display:flex;justify-content:space-between}.spot-index .tg-header .tg-title{margin:8px;padding:0;font-size:6vw}.spot-index .tg-tabs{display:flex;margin-bottom:8px;padding:8px 16px 16px;justify-content:space-between}.spot-index .tg-tabs .tg-tab{width:30%;padding:6px;color:white;text-align:center;text-decoration:none;background-color:rgba(192,192,192,0.6);border-radius:4px;font-size:12px}.spot-index .tg-tabs .tg-tab.active{color:white;background-color:#00a6cb}.spot-index .pagination{margin:16px;font-size:5vw;font-weight:600;display:flex;justify-content:space-between}.spot-index .pagination i{margin-top:0.8vw}.spot-index .pagination a{font-weight:400;text-decoration:none;color:#00a6cb}.spot-show{margin-top:44px}.spot-show .tg-header .tg-header-image{position:relative;width:100vw;height:62.5vw}.spot-show .tg-header .tg-header-image img{width:100%}.spot-show .tg-header .tg-header-image .tg-catchphrase-background{position:absolute;bottom:0;width:100%;background:linear-gradient(to bottom, rgba(0,0,0,0), black)}.spot-show .tg-header .tg-header-image .tg-catchphrase-background .tg-catchphrase{margin-bottom:12px;padding:32px 8px 0;font-size:4.5vw;font-weight:400;line-height:1.1em;text-align:center;color:white}.spot-show .tg-header .tg-share-button-container{padding:16px 16px 0}.spot-show .tg-header .tg-title-container{margin:0px;padding:8px 16px 16px}.spot-show .tg-header .tg-title-container .tg-title{margin-bottom:0px;font-size:24px}.spot-show .tg-header .tg-title-container .tg-title-ruby{margin-bottom:0px;font-size:10px}.spot-show .tg-narration{padding:0 8px}.spot-show .tg-narration .tg-narration-info{padding:8px 8px;display:flex;justify-content:space-between;font-size:14px}.spot-show .tg-narration .tg-player-container{height:44px;display:flex;justify-content:space-between}.spot-show .tg-narration .tg-player-container .tg-player-control{width:calc(100% - 48px);padding:2px;padding-left:8px}.spot-show .tg-narration .tg-player-container #tg-narration-icon{width:44px}.spot-show .tg-narration #tg-narration-text{margin:16px 8px}.spot-show .tg-narration #tg-narration-text.tg-collapse{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.spot-show .tg-link-container{margin:24px 16px;text-align:center}.spot-show .tg-link-container .tg-link-button{margin:0 8px;padding:8px 8px;color:white;background-color:#00a6cb;border-radius:4px;font-size:14px;text-decoration:none}.spot-show .tg-link-container .tg-link-button .tg-icon{width:20px;margin-right:8px;margin-bottom:2px}.spot-show .tg-address-row{padding-top:8px;display:flex}.spot-show .tg-address-row .tg-icon{padding:0 8px}.spot-show .tg-address-row .tg-zipcode{margin:0;margin-right:8px;padding-bottom:4px}.spot-show .tg-address-row .tg-address{margin:0;padding-bottom:4px}.spot-show .tg-map{width:100%;height:auto;padding:4px 0 0}.spot-show .tg-content-row{padding:8px 16px;border-bottom:solid 1px rgba(128,128,128,0.2);display:flex}.spot-show .tg-content-row .tg-title{width:40vw;font-size:14px;font-weight:500}.spot-show .tg-content-row .tg-text{width:60vw;margin:0;padding:0;word-wrap:break-word}.spot-show .tg-comments{padding:16px 32px;font-size:12px}.spot-index-p{min-width:1024px;margin-top:44px}.spot-index-p .tg-container{display:flex}.spot-index-p .tg-container .tg-side{min-width:80px;width:8%}.spot-index-p .tg-container .tg-main{min-width:640px;width:62%;margin:0;padding:24px}.spot-index-p .tg-container .tg-main .tg-header{margin:24px;display:flex;justify-content:space-between}.spot-index-p .tg-container .tg-main .tg-header .tg-title{margin:8px;padding:0;font-size:32px}.spot-index-p .tg-container .tg-main .tg-tabs{display:flex;margin:32px 16px 44px;justify-content:space-between}.spot-index-p .tg-container .tg-main .tg-tabs .tg-tab{width:30%;padding:6px;color:white;text-align:center;text-decoration:none;background-color:rgba(192,192,192,0.6);border-radius:4px}.spot-index-p .tg-container .tg-main .tg-tabs .tg-tab.active{color:white;background-color:#00a6cb}.spot-index-p .tg-container .tg-main .tg-tabs .tg-tab-dummy{width:30%}.spot-index-p .tg-container .tg-main .tg-pagination-container{width:100%;margin:32px;display:flex;justify-content:center}.spot-index-p .tg-container .tg-main .tg-pagination-container .pagination{width:50%;font-size:24px;font-weight:600;display:flex;justify-content:space-between}.spot-index-p .tg-container .tg-main .tg-pagination-container .pagination i{margin-top:8px}.spot-index-p .tg-container .tg-main .tg-pagination-container .pagination a{font-weight:400;text-decoration:none;color:#00a6cb}.spot-show-p{min-width:960px;margin-top:44px}.spot-show-p .tg-container{display:flex}.spot-show-p .tg-container .tg-side{min-width:80px;width:8%}.spot-show-p .tg-container .tg-main{min-width:640px;width:62%;margin:0;padding:24px}.spot-show-p .tg-container .tg-main .tg-header{margin-bottom:24px}.spot-show-p .tg-container .tg-main .tg-header .tg-title{margin:8px 8px 0;padding:0;font-size:22px}.spot-show-p .tg-container .tg-main .tg-header .tg-ruby{margin-bottom:16px;padding:0 8px;font-size:12px;font-weight:400}.spot-show-p .tg-container .tg-main .tg-header .tg-share-button-container{margin:8px}.spot-show-p .tg-container .tg-main .tg-header .tg-image{margin:16px 0}.spot-show-p .tg-container .tg-main .tg-header .tg-image img{width:100%;height:auto}.spot-show-p .tg-container .tg-main .tg-narration .tg-guide{padding:16px 8px;font-size:14px;display:flex;justify-content:space-between}.spot-show-p .tg-container .tg-main .tg-narration .tg-player-container{height:44px;margin:0;display:flex;justify-content:space-between}.spot-show-p .tg-container .tg-main .tg-narration .tg-player-container .tg-player-control{width:calc(100% - 48px);padding:2px}.spot-show-p .tg-container .tg-main .tg-narration .tg-player-container #tg-narration-icon{width:44px}.spot-show-p .tg-container .tg-main .tg-narration #tg-narration-text{margin:24px 0}.spot-show-p .tg-container .tg-main .tg-narration #tg-narration-text.tg-collapse{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.spot-show-p .tg-container .tg-main .tg-narration .tg-link-container{margin:24px;text-align:center}.spot-show-p .tg-container .tg-main .tg-narration .tg-link-container .tg-link{margin:0 8px;padding:8px 8px;color:white;background-color:#00a6cb;border-radius:4px;font-size:14px;text-decoration:none}.spot-show-p .tg-container .tg-main .tg-narration .tg-link-container .tg-link .tg-icon{width:20px;margin-right:8px;margin-bottom:2px}.spot-show-p .tg-container .tg-main .tg-address-container{padding:16px;display:flex}.spot-show-p .tg-container .tg-main .tg-address-container p{margin:0 8px}.spot-show-p .tg-container .tg-main .tg-map{width:100%;height:auto}.spot-show-p .tg-container .tg-main .tg-content-row{padding:16px 16px;border-bottom:solid 1px rgba(128,128,128,0.2);display:flex}.spot-show-p .tg-container .tg-main .tg-content-row .tg-title{width:35%;font-size:14px;font-weight:500}.spot-show-p .tg-container .tg-main .tg-content-row .tg-text{margin:0;padding:0;word-wrap:break-word}.spot-show-p .tg-container .tg-main .tg-comments{padding:32px;font-size:14px}