@charset "UTF-8";.coming-soon-modal[data-v-04deed88]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:1000;display:flex;align-items:center;justify-content:center;pointer-events:auto}.coming-soon-modal .modal-content[data-v-04deed88]{width:100%;height:2.66rem;background:url(../images/m-HBOWDDEt.png) center / cover no-repeat;opacity:0}.coming-soon-modal .modal-content.animate-zoom-in[data-v-04deed88]{animation:zoomIn-04deed88 .3s ease-out .2s forwards}@keyframes zoomIn-04deed88{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.landscape-tips[data-v-fd18d18b]{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center}.landscape-tips .landscape-dialog[data-v-fd18d18b]{text-align:center}.landscape-tips .landscape-dialog .rotation-icon[data-v-fd18d18b]{display:inline-block;width:.67rem;height:1.09rem;transform:rotate(90deg);animation:rotation-fd18d18b 1.5s ease-in-out infinite}.landscape-tips .landscape-dialog .tip-text[data-v-fd18d18b]{color:#fff;font-size:.2rem;margin-top:.16rem}@keyframes rotation-fd18d18b{10%{transform:rotate(90deg)}50%,60%{transform:rotate(0)}90%{transform:rotate(90deg)}to{transform:rotate(90deg)}}#app{height:100%;margin:0 auto;position:relative}.top-bar{position:fixed;top:0;left:0;right:0;width:100%;height:.69rem;background:url(../images/bg-DcOejV2H.png) no-repeat center center;background-size:100% 100%;display:flex;align-items:center;justify-content:space-between;padding:0 .2rem;z-index:100;box-sizing:border-box}.top-bar .logo-wrap{display:flex;align-items:center}.top-bar .logo-wrap .logo{background:url(../images/logo_1-CDhOXVR8.png) no-repeat center center;background-size:100% 100%;width:.75rem;height:.38rem;margin-right:.25rem;cursor:pointer;transition:opacity .3s ease}.top-bar .logo-wrap .logo:hover{opacity:.8}.top-bar .logo-wrap .logo-2{background:url(../images/logo_2-Dd20T6hv.png) no-repeat center center;background-size:contain;width:.67rem;height:.6rem}.top-bar .btn-wrap{display:flex;align-items:center}.top-bar .btn-wrap .btn-bgm{background:url(../images/btn_bgm_h-BkIh291u.png) no-repeat center center;background-size:100% 100%;width:.38rem;height:.37rem;margin-right:.4rem;cursor:pointer;transition:opacity .3s ease}.top-bar .btn-wrap .btn-bgm.active{background:url(../images/btn_bgm-PZKXPh5X.png) no-repeat center center;background-size:100% 100%}.top-bar .btn-wrap .btn-share{background:url(../images/btn_share-Dzj-y5we.png) no-repeat center center;background-size:100% 100%;width:.38rem;height:.37rem;margin-right:.4rem;cursor:pointer;transition:opacity .3s ease}.top-bar .btn-wrap .btn-rule{background:url(../images/btn_rule-CQCviNwa.png) no-repeat center center;background-size:100% 100%;width:.38rem;height:.37rem;margin-right:.4rem;cursor:pointer;transition:opacity .3s ease}.top-bar .btn-wrap .btn-account{background:url(../images/btn_account-QVTkiN5S.png) no-repeat center center;background-size:100% 100%;width:.38rem;height:.37rem;cursor:pointer;transition:opacity .3s ease}.app-container{height:calc(100% - .7rem);position:relative;overflow:hidden}.home-page[data-v-d6e81357]{position:relative;width:100%;height:100%;overflow:hidden;background:url(../images/bg_1-KEJJY_54.jpg) no-repeat center center;background-size:100% auto}.home-page .title[data-v-d6e81357]{position:absolute;top:1.75rem;left:50%;transform:translate(-50%);width:4.89rem;height:1.83rem;background:url(../images/title-DfrvLnmD.png) no-repeat center center;background-size:100% 100%;z-index:10}.home-page .character[data-v-d6e81357]{position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%);width:7.45rem;height:7.85rem;background:url(../images/character-N3beHXLq.png) no-repeat center center;background-size:100% 100%;z-index:5}@media(max-height:667px){.home-page .character[data-v-d6e81357]{bottom:auto;top:3.3rem}}.btn-wrap[data-v-d6e81357]{position:absolute;left:50%;transform:translate(-50%);bottom:.4rem;display:flex;flex-direction:column;align-items:center;z-index:15}.btn-wrap .btn-map[data-v-d6e81357]{position:relative;width:5.7rem;height:1.2rem;background:url(../images/btn_map-D6OhkPHA.png) no-repeat center center;background-size:100% 100%}.btn-wrap .btn-photography[data-v-d6e81357]{position:relative;width:5.7rem;height:1.2rem;background:url(../images/btn_photography-an0diuKx.png) no-repeat center center;background-size:100% 100%}:root{--doc-height: 100%}@font-face{font-family:syst;src:url(../font/SourceHanSerifJP-Bold.otf) format("opentype")}blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}body{padding:0;margin:0}input,select{-webkit-appearance:none;outline:none;border:none;padding:0;margin:0}*{outline:none;webkit-focus-ring-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}abbr,body,fieldset,html,iframe,img{border:0}img{-webkit-user-drag:none}li{list-style:none}textarea{overflow:auto;resize:none}input{outline:none}input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:inherit!important;box-shadow:0 0 0 10rem #d6d6d6 inset!important;border-radius:1rem;border:1px solid #333}a,button{cursor:pointer}b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}a,a:hover{text-decoration:none}body,html{width:100vw;height:100vh;height:var(--doc-height);position:relative;top:0;left:0;margin:0;padding:0;overflow:hidden;font-size:.28rem;background:#fff;font-family:syst,sans-serif}html{font-size:.2rem}html.pc body,body[data-device=ipad]{width:100%;height:100%;background:url(../images/bg-Bw_1Yj-E.jpg) center center / cover no-repeat}html.pc body #app:before,body[data-device=ipad] #app:before{content:"";position:absolute;top:.7rem;left:50%;transform:translate(-50%);width:6.09rem;height:10.12rem;background:url(../images/content_wrap-Cr3VpHFH.png) center center / cover no-repeat;pointer-events:none}html.pc body .top-bar,body[data-device=ipad] .top-bar{background:url(../images/topbar_wrap-B2B6Ntqd.png) no-repeat center center;background-size:100% 100%;height:.7rem}html.pc body .app-container,body[data-device=ipad] .app-container{position:relative;margin:0 auto;width:5.9rem;height:10rem;top:.76rem;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;mask:url(../images/mask-C7uKsHjU.png) center / 100% 100% no-repeat;-webkit-mask:url(../images/mask-C7uKsHjU.png) center / 100% 100% no-repeat}html.pc body .home-page,body[data-device=ipad] .home-page{background-position:center -1.8rem}html.pc body .home-page .btn-wrap,body[data-device=ipad] .home-page .btn-wrap{bottom:0;transform:translate(-50%) scale(.8)}html.pc body .photography-page .sticker-wrap,body[data-device=ipad] .photography-page .sticker-wrap{scale:.75;margin-left:-.65rem}html.pc body .photography-page .btn-wrap .btn-upload,body[data-device=ipad] .photography-page .btn-wrap .btn-upload,html.pc body .photography-page .btn-wrap .btn-shutter,body[data-device=ipad] .photography-page .btn-wrap .btn-shutter,html.pc body .photography-page .btn-wrap .btn-change,body[data-device=ipad] .photography-page .btn-wrap .btn-change{scale:.8}html.pc body .qrcode-modal,body[data-device=ipad] .qrcode-modal{display:flex}html.pc body .editor-content,body[data-device=ipad] .editor-content{width:7.5rem;height:calc(100% - .7rem);margin:.7rem auto 0}html.pc body .coming-soon-modal .modal-content,body[data-device=ipad] .coming-soon-modal .modal-content{height:4.5rem;background:url(../images/pc-CkHVPAME.png) center / 100% auto no-repeat}html.m .app-container{height:100%;height:100dvh}[class^=btn-]{box-sizing:border-box;cursor:pointer;transition:opacity .3s}[class^=btn-]:hover{opacity:.9}.hide{display:none!important;z-index:-1}.toast{position:absolute;z-index:1000;border-radius:.3rem;width:4.5rem;padding:.15rem;height:auto;background-color:#7e7ee6cc;line-height:.6rem;color:#fff;left:50%;top:50%;margin-left:-2.25rem;margin-top:-.75rem;font-size:.33rem;text-align:center;opacity:0;pointer-events:none}@keyframes in{0%{transform:translateY(.3rem);opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes out{0%{transform:translateY(0);opacity:1}to{opacity:0;transform:translateY(.3rem)}}.toast.in{animation:in .5s ease forwards}.toast.out{animation:out .5s ease forwards}