.map .about-popup .card-inner,.map .map-popup{box-shadow:0 1px 5px 0 rgba(0,0,0,.3);border-radius:10px}*,::after,::before{box-sizing:border-box}ol[class],ul[class]{padding:0;list-style:none}blockquote,body,dd,dl,figure,h1,h2,h3,h4,ol[class],p,ul[class]{margin:0}html{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5;overflow:hidden}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}article>*+*{margin-top:1em}button,input,select,textarea{font:inherit}*{font-feature-settings:"palt"}.clearfix::after{content:"";display:block;clear:both}a{text-decoration:none;color:#2165ae}body,html{font-family:fot-tsukuardgothic-std,sans-serif;font-weight:400;font-style:normal}.at:after{content:"@"}.spinner{width:100%;height:100%;border:3px solid #ddd;border-top:3px solid #3f7ab9;border-radius:50%;animation:1s cubic-bezier(.7,.2,.3,.8) infinite sp-anime}.home,.map,div.app{height:100vh;top:0;left:0;position:fixed;width:100vw}.fade-enter-active,.fade-leave-active,.page-enter-active,.page-leave-active{transition:.35s}.page-enter,.page-leave-to,.popup-enter,.popup-leave-to{transform:translateY(100vh);opacity:0}.fade-enter,.fade-leave-to{opacity:0}.popup-enter-active,.popup-leave-active{transition:.35s .1s}.post,.slidedown-enter-active,.slidedown-leave-active{transition:.2s}.slidedown-enter,.slidedown-leave-to{transform:translateY(-160px);opacity:0}div.app{z-index:0}div.bottom-bar{position:fixed;z-index:10;bottom:0;left:0;width:100vw;height:60px;background:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,.3)}div.bottom-bar span{position:relative;text-align:center;font-size:.7em;font-weight:700}div.bottom-bar span:after{content:"";position:absolute}div.bottom-bar .btn-home,div.bottom-bar .btn-map,div.bottom-bar .btn-timeline{float:left;width:33%;height:60px;padding:40px 0 0;top:0;color:#999}div.bottom-bar .btn-home:after,div.bottom-bar .btn-map:after,div.bottom-bar .btn-timeline:after{top:0;left:0;width:100%;height:44px;filter:grayscale(100%)}div.bottom-bar .btn-home.active,div.bottom-bar .btn-map.active,div.bottom-bar .btn-timeline.active{color:#3f7ab9}div.bottom-bar .btn-home.active:after,div.bottom-bar .btn-map.active:after,div.bottom-bar .btn-timeline.active:after{filter:grayscale(0)}div.bottom-bar .btn-home:after{background:url(../img/ic-archive.png) center center/auto 80% no-repeat}div.bottom-bar .btn-map:after{background:url(../img/ic-map.png) center center/auto 80% no-repeat}div.bottom-bar .btn-timeline:after{background:url(../img/ic-timeline.png) center center/auto 80% no-repeat}div.bottom-bar.guest span{width:50%}div.bottom-bar.guest span:after{left:0;width:100%;background-size:auto 80%}.home div.wrapper .archive-post small.post-venue,.post div.post-image small.post-venue{z-index:3;max-width:calc(100% - 14px);overflow:hidden;padding:0 0 0 16px;font-size:.7em;text-shadow:0 0 2px #000;background:url(../img/ic-location.png) left center/auto 70% no-repeat;color:#fff;font-weight:700}.timeline header div.timeline-filter .btn-close-timeline-filiter-pane,div.bottom-bar.guest .btn-map{left:0}.timeline header div.timeline-filter .btn-remove-timeline-filiter,div.bottom-bar.guest .btn-timeline{right:0}.post{background:#fff;cursor:zoom-in;padding:5px}.post div.post-image{position:absolute;z-index:1;top:0;left:0;width:170px;max-width:40%;height:100px;margin:5px;transition:height .1s,width .2s}.post div.post-image img{position:absolute;height:100%;width:100%;border-radius:5px;object-fit:cover}.post div.post-image:before{content:" ";position:absolute;z-index:2;bottom:5px;left:5px;width:16px;height:16px;background:url(../img/ic-zoom-in.svg)}.post div.post-image small.post-venue{position:absolute;top:5px;right:7px;height:16px}.post div.post-meta{position:relative;z-index:0;margin:0 5px 0 min(185px,40% + 15px);padding:2px 0 0;transition:.2s}.post div.post-meta>span{font-size:.6em;padding:3px 2px 0;float:right}.post div.post-meta h2{font-size:.9em;height:20px;overflow:hidden}.post div.post-meta p{font-size:.75em;padding:4px 0 0;margin:0 0 2px;height:3.6em;line-height:1.1em;text-align:justify;overflow:hidden}.post div.post-meta div.post-like-container{float:left;height:30px;width:100px;max-width:60%}.home header h1 span,.post div.post-meta div.post-like-container input.post-like{display:none}.post div.post-meta div.post-like-container label.post-like{display:block;width:100%;height:100%;cursor:pointer;padding:5px;margin:3px -3px 0}.post div.post-meta div.post-like-container label.post-like small{float:left;height:20px;line-height:20px;font-size:.9em;margin:1px 4px 3px;color:red}.post div.post-meta div.post-like-container label.post-like img{float:left;width:16px;height:16px;margin:2px}.post div.post-meta div.btn-share-post{float:right;height:28px;max-width:40%;cursor:pointer;padding:4px 13px 4px 32px;margin:6px -5px 0;line-height:20px;font-size:.8em;background:url(../img/ic-twitter.svg) left 10px center/auto 60% no-repeat #f3f3f3;border-radius:14px;opacity:.6}.home div.wrapper .archive-post img,.home div.wrapper ul.youtube-list li img{top:5px;left:5px;bottom:5px;right:5px;border-radius:6px;position:absolute;box-shadow:0 1px 2px 0 rgba(0,0,0,.2)}.post div.post-meta div.btn-share-post:hover{opacity:1}.post.fullscreen,.post.zoom{cursor:zoom-out}.post.fullscreen div.post-image,.post.zoom div.post-image{position:relative;width:100%;max-width:100%;margin:0}.post.fullscreen div.post-image:before,.post.zoom div.post-image:before{background:url(../img/ic-zoom-out.svg)}.home,.map{z-index:1}.home header{position:fixed;z-index:100;top:0;left:0;width:100vw;height:80px;background:#fff;border-bottom:1px solid #eee}.home header h1{max-width:400px;height:80px;margin:0 auto;background:url(../img/logo-archive.png) center center/70% no-repeat}.home div.wrapper{height:calc(100vh - 140px);margin:80px auto 60px;padding:10px;overflow-y:scroll}.home div.wrapper h2{padding:10px;text-align:center}.home div.wrapper p,.home div.wrapper ul.youtube-list li span{padding:0 10px;font-size:.8em;line-height:1.2em;text-align:center}.home div.wrapper>div{max-width:2000px;margin:0 auto}.home div.wrapper>div+div{padding:30px 0 0}.home div.wrapper p{max-width:600px;margin:0 auto 15px}.home div.wrapper p.license a.cc-mark{float:left;padding:0 20px 10px 0}.home div.wrapper p.license small{display:block;padding:10px;font-style:italic;font-size:1em}.home div.wrapper ul.youtube-list li{list-style:none;position:relative;z-index:1;float:left;margin:0 0 30px;width:20%}.home div.wrapper .archive-post:before,.home div.wrapper ul.youtube-list li:before{content:"";display:block;padding-top:56.25%}.home div.wrapper ul.youtube-list li:hover{opacity:.7}.home div.wrapper ul.youtube-list li img{z-index:1;height:calc(100% - 10px);width:calc(100% - 10px)}.home div.wrapper ul.youtube-list li span{position:absolute;z-index:2;top:100%;width:100%;color:#666}.home div.wrapper div.archive-loading,.timeline div.wrapper div.timeline-loading{height:100%;width:100%;padding:100px 0;text-align:center;color:#999}.home div.wrapper div.archive-loading div.spinner-container,.timeline div.wrapper div.timeline-loading div.spinner-container{display:block;width:40px;height:40px;margin:0 auto 20px}.home div.wrapper div.archive-loading div.spinner-container .spinner,.timeline div.wrapper div.timeline-loading div.spinner-container .spinner{position:relative;top:2px;border-top-color:#999;border-width:5px}.home div.wrapper .archive-post{position:relative;z-index:1;float:left;width:20%;transition:width .3s}.home div.wrapper .archive-post.zoom{float:right;width:60%}.home div.wrapper .archive-post:not(.zoom):hover{cursor:pointer;opacity:.7}.home div.wrapper .archive-post img{height:calc(100% - 10px);width:calc(100% - 10px);object-fit:cover}.home div.wrapper .archive-post small.post-venue{position:absolute;top:8px;right:10px;height:16px}.map:after{content:"";position:fixed;z-index:10;top:10px;left:10px;width:100px;height:60px;background:url(../img/logo-watermark.png) center center/100% no-repeat}.map .top-nav,.timeline{z-index:3;position:fixed}.map .top-nav{top:0;right:0;width:80px;height:80px}.map .top-nav img{width:44px;height:44px;margin:18px;padding:2px;border-radius:25px;background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.3)}.map .about-popup{position:fixed;z-index:15;top:0;left:0;right:0;width:calc(100vw - 20px);height:calc(100% - 110px);max-width:600px;margin:10px auto;padding:0}.map .about-popup .card-inner{position:relative;width:100%;height:100%;transition:transform .5s;transform-style:preserve-3d}.map .about-popup .card-inner.flip{transform:rotateY(180deg)}.map .about-popup .card-front{position:absolute;border-radius:10px;background:#fff;color:#000;width:100%;height:100%;overflow:scroll;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.map .about-popup .card-header{position:absolute;z-index:2;top:0;left:0;right:0;height:50px;background:url(../img/logo-wide-white.svg) left 10px top 10px/auto 30px no-repeat #3f7ab9;border-radius:10px 10px 0 0}.map .about-popup .card-header .btn-close-popup{position:absolute;z-index:10;top:0;right:0;height:40px;margin:5px;padding:10px 15px;line-height:20px;color:#fff;cursor:pointer}.map .about-popup .card-header .btn-close-popup:before{content:"×";padding:0 2px 0 0}.map .about-popup .card-body{position:absolute;z-index:0;top:50px;bottom:0;right:0;left:0;overflow-y:scroll}.map .about-popup .card-body .about-app{padding:10px 20px 20px}.map .about-popup .card-body .about-app h3{margin:10px 0 5px}.map .about-popup .card-body .about-app p{font-size:.9em;line-height:1.2em;text-align:justify}.map .about-popup .card-body .about-app ul{font-size:.9em}.map .leaflet-map{position:fixed;z-index:2;top:0;left:0;width:100%;height:calc(100% - 60px)}.map .leaflet-map .leaflet-control-attribution{background:0 0;transform:rotate(90deg);position:absolute;bottom:calc(50vh - 100px);right:calc(100vw - 160px);height:25px;width:300px;text-align:center;color:#666}.map .leaflet-map .leaflet-control-attribution a{color:#999}.map .leaflet-map .user-icon{z-index:100}.map .leaflet-map .user-icon svg{fill:#fff;stroke:#000;stroke-width:3px}.map .leaflet-map .cluster-icon-0 svg,.map .leaflet-map .post-icon svg,.map .leaflet-map .post-icon-0 svg{fill:#3f7ab9}.map .leaflet-map .cluster-icon{position:relative}.map .leaflet-map .cluster-icon span{position:absolute;z-index:10;top:8px;width:100%;padding:0 0 0 8px;text-align:center;color:#fff;font-weight:700;font-size:.9em}.map .leaflet-map .cluster-icon svg{position:absolute;z-index:5;top:0;left:0}.map .leaflet-map .cluster-icon-1 svg,.map .leaflet-map .post-icon-1 svg{fill:#dc143c}.map .leaflet-map .cluster-icon-2 svg,.map .leaflet-map .post-icon-2 svg{fill:#228b22}.map .leaflet-map .cluster-icon-3 svg,.map .leaflet-map .post-icon-3 svg{fill:gold}.map .leaflet-map .cluster-icon-4 svg,.map .leaflet-map .post-icon-4 svg{fill:#9932cc}.map .leaflet-map .cluster-icon-5 svg,.map .leaflet-map .post-icon-5 svg{fill:coral}.map .leaflet-map .cluster-icon-6 svg,.map .leaflet-map .post-icon-6 svg{fill:#008b8b}.map .leaflet-map .cluster-icon-7 svg,.map .leaflet-map .post-icon-7 svg{fill:brown}.map .leaflet-map .cluster-icon-8 svg,.map .leaflet-map .post-icon-8 svg{fill:#696969}.map .map-popup{position:fixed;z-index:11;top:80px;left:0;width:calc(100vw - 30px);height:110px;margin:0 15px}.map .map-popup.fullscreen div.post-meta,.map .map-popup.zoom div.post-meta{margin:0 5px;padding:10px 0 5px}.map .map-popup.fullscreen div.post-meta span,.map .map-popup.zoom div.post-meta span{font-size:.75em;padding:5px 3px 0}.map .map-popup.fullscreen div.post-meta h2,.map .map-popup.zoom div.post-meta h2{font-size:1em;height:30px}.map .map-popup.fullscreen div.post-meta p,.map .map-popup.zoom div.post-meta p{font-size:.85em;line-height:1.25em;height:auto;max-height:120px;padding:5px 2px 0}.map .map-popup.fullscreen div.post-meta label.popup-like,.map .map-popup.zoom div.post-meta label.popup-like{margin:13px -3px 0}.map .map-popup.zoom,.timeline div.wrapper .timeline-post.zoom div.post-image{height:auto}.map .map-popup.fullscreen{z-index:20;top:0;left:0;width:100%;height:100%;margin:0;padding-bottom:90px;background:#fff;border-radius:0;box-shadow:none;overflow:scroll}.map .map-popup.fullscreen div.popup-meta p{font-size:.8em;line-height:1.1em;height:auto;max-height:90px}.timeline{top:0;left:0;height:100%;width:100%;overflow:auto}.timeline header{position:fixed;z-index:100;top:0;left:0;width:100vw;min-height:50px;background:#fff}.timeline header h1{position:absolute;z-index:5;left:0;top:0;height:50px;line-height:30px;padding:10px 15px}.timeline header span.btn-timeline-filter{position:relative;z-index:10;float:right;height:36px;line-height:36px;margin:7px 5px;padding:0 15px 0 40px;border-radius:18px;background:#fff;cursor:pointer}.timeline header span.btn-timeline-filter:before{position:absolute;top:8px;left:15px;content:" ";width:20px;height:20px;background:url(../img/ic-filter-off.svg) center center no-repeat;opacity:.8}.timeline header span.btn-timeline-filter.filtered{background:#ff0}.timeline header span.btn-timeline-filter.filtered:before{background:url(../img/ic-filter-on.svg) center center no-repeat}.timeline header div.timeline-filter{position:relative;margin:50px 0 0;padding:0;height:0;overflow-y:hidden;background:#eee;box-shadow:0 3px 3px 0 rgba(0,0,0,.3);transition:height .3s}.timeline header div.timeline-filter.show{height:50vh}.timeline header div.timeline-filter div.wrapper{height:100%;max-width:100%;overflow-y:auto;padding:10px;margin:0}.timeline header div.timeline-filter ul{padding:0 0 50px;margin:0}.timeline header div.timeline-filter ul li{list-style:none;padding:5px 10px;cursor:pointer;border-radius:5px}.timeline header div.timeline-filter .btn-close-timeline-filiter-pane:hover,.timeline header div.timeline-filter .btn-remove-timeline-filiter:hover,.timeline header div.timeline-filter ul li:hover{background:#ddd}.timeline header div.timeline-filter .btn-close-timeline-filiter-pane,.timeline header div.timeline-filter .btn-remove-timeline-filiter{position:absolute;bottom:0;width:50%;height:40px;line-height:24px;text-align:center;background:#fff;padding:8px 0;cursor:pointer}.timeline div.wrapper{max-width:600px;margin:60px auto 100px}.timeline div.wrapper .timeline-post{position:relative;margin:8px;border-radius:4px;box-shadow:0 1px 2px 0 rgba(0,0,0,.2)}.timeline div.wrapper .timeline-post.zoom div.post-image img{position:static}.timeline div.wrapper .timeline-post.zoom div.post-meta{position:static;margin:0;padding:10px 5px 3px}.timeline div.wrapper .timeline-post.zoom div.post-meta p{height:auto;padding:8px 0}@media (prefers-reduced-motion:reduce){*{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important;scroll-behavior:auto!important}}@media only screen and (max-width:1600px){.home div.wrapper .archive-post,.home div.wrapper ul.youtube-list li{width:25%}.home div.wrapper .archive-post.zoom{width:75%}}@media only screen and (max-width:800px){.home div.wrapper .archive-post,.home div.wrapper ul.youtube-list li{width:33.333%}.home div.wrapper .archive-post.zoom{width:100%}}@media only screen and (max-width:500px){.post div.post-meta div.btn-share-post{background-position:center}.post div.post-meta div.btn-share-post span{display:none}.home div.wrapper .archive-post,.home div.wrapper ul.youtube-list li{width:50%}.timeline header h1{font-size:1.3em}}@keyframes sp-anime{100%{transform:rotate(360deg)}}