@import url(https://fonts.googleapis.com/css2?family=Yuji+Boku&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cookie&family=Josefin+Slab:ital,wght@0,100..700;1,100..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap);.fade-enter-active[data-v-50d77c83]{animation:fadeIn-50d77c83 3.2s 0s forwards}.fade-leave-active[data-v-50d77c83]{animation:fadeOut-50d77c83 1.7s forwards}.scroll-hint[data-v-50d77c83]{text-align:center;color:#000;display:flex;flex-direction:row}.text[data-v-50d77c83]{margin-top:10px;font-family:Hina Mincho,serif;font-weight:400;font-style:normal}.char[data-v-50d77c83]{animation:fadeInScale-50d77c83 4s 1s infinite;display:inline-block;opacity:0;padding:2px}@keyframes fadeInScale-50d77c83{0%{opacity:0;transform:scale(.3)}50%,70%{opacity:1;transform:scale(1)}to{opacity:0}}.arrow[data-v-50d77c83]{font-size:18px;max-height:20px;line-height:20px;padding-left:10px;padding-right:10px;animation:bounce-50d77c83 2s infinite}@keyframes bounce-50d77c83{0%,to{transform:translateY(12px)}45%,55%{transform:translateY(18px)}}@keyframes fadeIn-50d77c83{0%,50%{opacity:0}to{opacity:1}}@keyframes fadeOut-50d77c83{0%{opacity:1}50%,to{opacity:0}}.container[data-v-d90b0664]{height:200px;width:-moz-fit-content;width:fit-content;padding:10px;transition:all .5s ease-in-out;display:flex;justify-content:center;align-items:center;box-shadow:3px 3px 20px hsla(0,0%,81%,.6);border:5px double #a9a9a9;background-color:hsla(0,0%,100%,.9)}.inner[data-v-d90b0664]{display:flex;flex-direction:row}.inner-left[data-v-d90b0664]{height:-moz-fit-content;height:fit-content;border-right:2px solid #cfcfcf;transition:all .5s ease-in-out;padding:10px 15px 10px 10px;display:flex;flex-direction:column}.inner-left[data-v-d90b0664],.inner-right[data-v-d90b0664]{width:-moz-fit-content;width:fit-content}.circle[data-v-d90b0664]{max-width:100%;display:flex;align-items:center;flex-direction:column;transition:transform .3s ease;transform:scale(1)}.active .svg-item-circle[data-v-d90b0664]{transform:scale(1.85) translateY(-1.5px)}.svg-item-circle[data-v-d90b0664]{transition:transform 3s cubic-bezier(.3,.1,.3,.9);padding-top:6px}.svg-item-rect[data-v-d90b0664]{transition:transform 1.7s cubic-bezier(.3,.1,.3,.9);padding-top:6px}.page-title[data-v-d90b0664]{writing-mode:vertical-rl;text-orientation:upright;min-width:48px;padding-left:5px;padding-top:10px;font-size:36px;font-family:Hina Mincho,serif}.content-fade-enter-active[data-v-d90b0664],.content-fade-leave-active[data-v-d90b0664]{transition:opacity 1.7s ease-in-out}.content-fade-enter-from[data-v-d90b0664],.content-fade-leave-to[data-v-d90b0664]{opacity:0}.fade-enter-active[data-v-d90b0664]{animation:fadeIn-d90b0664 1s 0s forwards}.fade-leave-active[data-v-d90b0664]{animation:fadeOut-d90b0664 .5s forwards}@keyframes fadeIn-d90b0664{0%{opacity:0;scale:1.2}to{opacity:1;scale:1}}@keyframes fadeOut-d90b0664{0%{opacity:1}to{opacity:0}}@media screen and (max-height:400px){.container[data-v-d90b0664]{display:none}}@media screen and (min-height:800px){.container[data-v-d90b0664]{margin-top:100px}}@media screen and (min-width:650px){.container[data-v-d90b0664]{margin-right:5%}}@media screen and (max-width:300px){.container[data-v-d90b0664]{display:none}}.container[data-v-0e31be09]{height:100%;max-height:100%;width:100%;display:flex}.inner-container[data-v-0e31be09]{margin:30px 30px 60px;width:100%;display:flex;flex-direction:column;align-items:center}.animated[data-v-0e31be09]{animation:fadeIn-0e31be09 2s 0s forwards}@keyframes fadeIn-0e31be09{0%{opacity:0}to{opacity:1}}.part[data-v-0e31be09]{display:flex;align-items:center;justify-content:center;animation:fadeIn-0e31be09 2s 0s forwards;flex-direction:column;margin:20px}.text[data-v-0e31be09],.title[data-v-0e31be09]{font-family:Hina Mincho,serif;font-size:24px}.para[data-v-0e31be09]{font-family:Hina Mincho,serif;font-size:16px}.love-clock[data-v-0e31be09]{position:relative;width:100%;max-width:500px;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:all .5s ease-in-out}img[data-v-0e31be09]{max-width:100%}.heart-image[data-v-0e31be09]{width:100%;height:100%;max-width:400px;-o-object-fit:cover;object-fit:cover;z-index:1}.clock[data-v-0e31be09]{position:absolute;top:30%;width:100%;height:100%;z-index:2;text-align:center}@media screen and (max-height:780px){.part[data-v-0e31be09]{margin:10px}.love-clock[data-v-0e31be09]{max-width:94%}.title[data-v-0e31be09]{font-size:22px}.optional[data-v-0e31be09]{display:none}}@media screen and (max-height:640px){.second-part[data-v-0e31be09]{display:none}}@media screen and (max-height:520px){.part[data-v-0e31be09]{display:none}}.container[data-v-2c5da452]{height:100%;max-height:100%;width:100%;background:radial-gradient(ellipse 90% 65% at 50% 45%,#b1e1ff 0,#fff 65%);display:flex;opacity:0;transition:opacity 1.5s ease}.container.active[data-v-2c5da452]{opacity:1}.inner-container[data-v-2c5da452]{margin:30px;width:100%;display:flex;flex-direction:column;align-items:center}.part[data-v-2c5da452]{display:flex;align-items:center;justify-content:center;animation:fadeIn-2c5da452 2s 0s forwards}@keyframes fadeIn-2c5da452{0%{opacity:0}to{opacity:1}}.content-fade-enter-active[data-v-2c5da452],.content-fade-leave-active[data-v-2c5da452]{transition:opacity 1.7s ease-in-out}.content-fade-enter-from[data-v-2c5da452],.content-fade-leave-to[data-v-2c5da452]{opacity:0}.text[data-v-2c5da452]{font-family:Hina Mincho,serif;font-size:16px}.block[data-v-2c5da452],.outer-block[data-v-2c5da452]{display:flex;flex-direction:column;align-items:center}.image-container img[data-v-2c5da452]{width:100%;height:50%;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:2px solid #87cefa}.image-padding[data-v-2c5da452]{padding:10% 12%}.button[data-v-2c5da452]{padding:5px 15px;margin:20px 10px 10px;border:2px solid #97d3fa;background-color:#87cefa;font-family:Yuji Boku,serif;font-weight:400;font-style:normal;color:#fff;border-radius:20px;cursor:pointer;font-size:18px}@media screen and (max-height:600px){.outer-block[data-v-2c5da452]{display:flex;flex-direction:row;align-items:center}.block[data-v-2c5da452]{padding-left:0;padding-right:0;font-size:12px}}@media screen and (max-height:750px){.text[data-v-2c5da452]{font-size:14px}.inner-container[data-v-2c5da452]{margin:10px}.image-padding[data-v-2c5da452]{padding:7% 25% 5%}.button[data-v-2c5da452]{padding:3px 10px;margin:0 5px 5px;border-radius:15px;font-size:14px}}.container[data-v-58ef56a2]{height:100%;max-height:100%;width:100%;background:radial-gradient(ellipse 90% 65% at 50% 45%,rgba(218,165,32,.65) 0,#fff 65%);display:flex;opacity:0;transition:opacity 1.5s ease}.container.active[data-v-58ef56a2]{opacity:1}.inner-container[data-v-58ef56a2]{margin:30px;width:100%;display:flex;flex-direction:column;align-items:center}.part[data-v-58ef56a2]{display:flex;align-items:center;justify-content:center;animation:fadeIn-58ef56a2 2s 0s forwards}.text[data-v-58ef56a2]{font-family:Hina Mincho,serif}.block[data-v-58ef56a2],.outer-block[data-v-58ef56a2]{display:flex;flex-direction:column;align-items:center}.image-container img[data-v-58ef56a2]{width:100%;height:50%;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:2px solid #daa520}.image-padding[data-v-58ef56a2]{padding:10% 12%}.button[data-v-58ef56a2]{padding:5px 15px;margin:20px 10px 10px;border:2px solid #d3ab45;background-color:#daa520;font-family:Yuji Boku,serif;font-weight:400;font-style:normal;color:#fff;border-radius:20px;cursor:pointer;font-size:18px}@keyframes fadeIn-58ef56a2{0%{opacity:0}to{opacity:1}}.content-fade-enter-active[data-v-58ef56a2],.content-fade-leave-active[data-v-58ef56a2]{transition:opacity 1.7s ease-in-out}.content-fade-enter-from[data-v-58ef56a2],.content-fade-leave-to[data-v-58ef56a2]{opacity:0}@media screen and (max-height:600px){.outer-block[data-v-58ef56a2]{display:flex;flex-direction:row;align-items:center}.block[data-v-58ef56a2]{padding-left:0;padding-right:0;font-size:12px}}@media screen and (max-height:750px){.text[data-v-58ef56a2]{font-size:14px}.inner-container[data-v-58ef56a2]{margin:10px}.image-padding[data-v-58ef56a2]{padding:7% 25% 5%}.button[data-v-58ef56a2]{padding:3px 10px;margin:0 5px 5px;border-radius:15px;font-size:14px}}.container[data-v-26124eca]{height:100%;max-height:100%;width:100%;display:flex;background:radial-gradient(ellipse 160% 160% at 100% 100%,#ffc5cd 0,#fff5f5 65%);opacity:0;transition:opacity 1.5s ease}.container.active[data-v-26124eca]{opacity:1}.inner-container[data-v-26124eca]{margin:30px;width:100%;display:flex;flex-direction:column}.animated[data-v-26124eca]{animation:fadeIn-26124eca 2s 0s forwards}@keyframes fadeIn-26124eca{0%{opacity:0}to{opacity:1}}.big-title[data-v-26124eca]{font-size:2em;padding-bottom:20px}.text[data-v-26124eca]{font-family:Hina Mincho,serif}.end-text[data-v-26124eca]{padding-top:20px;font-weight:700}.container[data-v-33638f9a]{display:flex;justify-content:center;align-items:center;height:100%}.english-part[data-v-33638f9a]{display:flex;flex-direction:column;justify-content:center;align-items:center}.upper-text[data-v-33638f9a]{font-size:12px;font-family:Josefin Slab,serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.lower-text[data-v-33638f9a]{font-size:22px;font-family:Cookie,cursive;font-weight:400;font-style:normal;line-height:22px}.divider[data-v-33638f9a]{margin-left:10px;margin-right:10px;width:1px;height:50%;background-color:#373737}.chinese-part[data-v-33638f9a]{font-size:20px;font-family:Hina Mincho,serif;font-weight:200;font-style:normal}.start-page-container[data-v-0804fd6e]{background-color:#ffb6c1;width:100%;min-height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.logo-container[data-v-0804fd6e]{width:240px;height:var(--header-height);display:flex;justify-content:center;align-items:center}.english-part[data-v-0804fd6e]{display:flex;flex-direction:column;justify-content:center;align-items:center}.upper-text[data-v-0804fd6e]{font-size:12px;font-family:Josefin Slab,serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.lower-text[data-v-0804fd6e]{font-size:22px;font-family:Cookie,cursive;font-weight:400;font-style:normal;line-height:22px}.divider[data-v-0804fd6e]{margin-left:10px;margin-right:10px;width:1px;height:20px;background-color:#373737}.chinese-part[data-v-0804fd6e]{font-size:20px;font-family:Hina Mincho,serif;font-weight:200;font-style:normal}.start[data-v-0804fd6e]{padding:30px;font-family:Hina Mincho,serif;font-size:18px;position:absolute;bottom:10%;opacity:1;transition:opacity .5s}.hidden[data-v-0804fd6e]{opacity:0}@media screen and (max-height:200px){.start[data-v-0804fd6e]{display:none}}.swipe-leave-from[data-v-0804fd6e],.swipe-leave-to[data-v-0804fd6e]{animation:swipe-out-0804fd6e 2.5s ease-in-out}@keyframes swipe-out-0804fd6e{20%{transform:translateY(0);border-radius:0}95%,to{transform:translateY(var(--page-displacement));border-radius:10px}}.locate-leave-active[data-v-0804fd6e]{animation:locateOut-0804fd6e 2.5s ease-in-out forwards}@keyframes locateOut-0804fd6e{95%,to{transform:scale(1) translateY(var(--logo-displacement))}}body[data-v-5386cf2c],html[data-v-5386cf2c]{scroll-behavior:smooth;height:100%;margin:0;padding:0}.page[data-v-5386cf2c]{display:flex;flex-direction:column;overflow:hidden}.page[data-v-5386cf2c],.start-page[data-v-5386cf2c]{height:calc(var(--vh, 1vh)*100);min-height:calc(var(--vh, 1vh)*100);max-height:calc(var(--vh, 1vh)*100)}.start-page[data-v-5386cf2c]{width:100%;z-index:3;position:fixed}.head-bar[data-v-5386cf2c]{height:5%;width:100%;min-height:45px;background-color:#ffb6c1;border-radius:0 0 10px 10px}.section-container[data-v-5386cf2c]{min-height:var(--section-container-height);display:flex;flex-direction:column;position:relative;overflow:hidden}.sidebar[data-v-5386cf2c]{position:fixed;top:calc(var(--header-height, 5%));margin-top:10%;right:30px;z-index:50}.section-item[data-v-5386cf2c]{min-height:var(--section-height,100vh);display:flex;flex-direction:column;justify-items:center;justify-content:space-between;align-items:center;scroll-snap-align:start;transition:transform 1.7s cubic-bezier(.3,.1,.3,.9)}.section-content[data-v-5386cf2c]{height:100%;width:100%;justify-self:flex-start}.footnote[data-v-5386cf2c]{height:6vh;min-height:50px;font-size:12px;text-align:center;padding:2px;width:100%;background:#efefef 40%;transition:all .5s ease-in-out}.footnote-para[data-v-5386cf2c]{margin:5px}.vue-image[data-v-5386cf2c]{height:12px;line-height:12px;top:2px;position:relative}.continue-swipe[data-v-5386cf2c]{position:absolute;bottom:0;width:-moz-fit-content;width:fit-content;padding-bottom:20px;transition:all .5s ease-in-out;z-index:50}@media screen and (max-height:200px){.footnote[data-v-5386cf2c]{display:none}}@media screen and (max-height:400px) and (max-width:600px){.footnote[data-v-5386cf2c]{height:6vh;min-height:30px;font-size:10px;text-align:center;padding:5px}.footnote-para[data-v-5386cf2c]{margin:0}}@media screen and (max-height:600px){.sidebar[data-v-5386cf2c]{margin-top:5%}}@media screen and (min-height:768px){.head-bar[data-v-5386cf2c]{min-height:5%;width:100%}}@media screen and (min-width:600px){.footnote[data-v-5386cf2c]{height:6vh;min-height:20px;font-size:14px;display:flex;flex-direction:row;align-self:center;justify-content:center;padding:5px 5px 10px}.footnote-para[data-v-5386cf2c]{margin:5px}.vue-image[data-v-5386cf2c]{height:10px;top:0}.continue-swipe[data-v-5386cf2c]{padding-bottom:10px}}@media screen and (max-width:400px){.sidebar[data-v-5386cf2c]{transform:scale(.8);right:15px;margin-top:5%}}.loading-overlay[data-v-5386cf2c]{background-color:hsla(0,0%,100%,.9);display:flex;flex-direction:column}.landscape-overlay[data-v-5386cf2c],.loading-overlay[data-v-5386cf2c]{position:fixed;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;z-index:999}.landscape-overlay[data-v-5386cf2c]{background-color:#ffb6c1;display:none}.landscape-text[data-v-5386cf2c]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px}.landscape-text .big-landscape-text[data-v-5386cf2c]{font-size:2em;color:#f77;font-weight:600;font-style:normal;text-shadow:0 0 1px #ffb0b0;font-family:Hina Mincho,serif}.landscape-text span[data-v-5386cf2c],.load-text[data-v-5386cf2c]{font-size:1em;color:#000;font-family:Hina Mincho,serif}.load-text[data-v-5386cf2c]{margin-top:20px}.spinner[data-v-5386cf2c]{border:8px solid #f3f3f3;border-top:8px solid #ff889b;border-radius:50%;width:60px;height:60px;animation:spin-5386cf2c 1s linear infinite}@keyframes spin-5386cf2c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;width:100%}