@media screen and (min-width:1000px){button,div,img,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;padding:0;margin:0}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;border-color:#000}input:focus{outline:none;border-color:#000}#app,button,div,h1,h5,span{font-family:Helvetica,小塚ゴシック Pro,Kozuka Gothic Pro,sans-serif;font-weight:800}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}#container{position:relative;height:100vh;transition:all .5s}.header{background-color:#fff;height:100px;display:flex;text-align:center}#header_sub{display:flex;width:100%}.header-name{margin-left:20%}.dinving-logo{width:161px;height:43px;margin-top:36px}#wave{height:45px;background-image:url(/img/wave2.38dea5cb.jpg);background-size:50% 100%;animation:wave 5s 1}@keyframes wave{0%{background-position-x:0}to{background-position-x:200%}}body{margin:0}.mobile-menu{position:fixed;width:100%;top:0;background-color:#fff}#mobile-menu_div{display:flex;opacity:100%;position:relative}.mobile-menu__btn{background-color:unset;border:none;outline:none!important;cursor:pointer}.mobile-menu__btn>span{background-color:#4732cc;width:35px;height:4px;border-radius:20%;display:block;margin-bottom:9px;transition:transform .7s}.mobile-menu__btn>span:first-child{background-color:#2c1caa}.mobile-menu__btn>span:last-child{margin-bottom:0;background-color:#6252d8}.mobile-menu__cover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:opacity 1s;cursor:pointer}.mobile-menu__main{padding:0;perspective:2000px;transform-style:preserve-3d;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.mobile-menu__item{display:block;transform:translateZ(-1000px);padding:0 40px;transition:transform .3s,opacity .2s;opacity:0}.mobile-menu__link{display:block;margin-top:30px;color:#000;text-decoration:none}.menu-open #wave,.menu-open .diving-logo,.menu-open .header-name{z-index:1}.menu-open .mobile-menu_div{z-index:9999}.menu-open .mobile-menu{border:thin solid;z-index:3}.menu-open .mobile-menu__cover{opacity:10%;visibility:visible}.menu-open .mobile-menu__item{transform:none;opacity:1}.menu-open .mobile-menu__item:first-child{transition-delay:.07s}.menu-open .mobile-menu__item:nth-child(2){transition-delay:.14s}.menu-open .mobile-menu__item:nth-child(3){transition-delay:.21s}.menu-open .mobile-menu__item:nth-child(4){transition-delay:.28s}.menu-open .mobile-menu__item:nth-child(5){transition-delay:.35s}.menu-open .mobile-menu__btn{z-index:50}.menu-open .mobile-menu__btn>span{background-color:#000}.menu-open .mobile-menu__btn>span:first-child{transition-delay:70ms;transform:translateY(11px) rotate(135deg);background:linear-gradient(90deg,#3731f5,#6557fe)}.menu-open .mobile-menu__btn>span:nth-child(2){transition-delay:0s;transform:translateX(-18px) scaleX(0)}.menu-open .mobile-menu__btn>span:nth-child(3){transition-delay:.14s;transform:translateY(-11px) rotate(-135deg);background:linear-gradient(270deg,#3731f5,#6557fe)}.menu-open .mobile-menu__item>.jp-title{font-size:1px}.main-title{font-weight:600;font-size:25px}.sub-title{display:block;font-size:14px;color:#535353}#jp-aboutus,#jp-contact,#jp-login,#jp-map,#jp-mypage,#jp-post,#jp-setting{font-size:10px;margin-top:10px}}@media screen and (min-width:720px) and (max-width:1000px){button,div,img,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;padding:0;margin:0}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;border-color:#000}input:focus{outline:none;border-color:#000}#app,button,div,h1,h5,span{font-family:Helvetica,小塚ゴシック Pro,Kozuka Gothic Pro,sans-serif;font-weight:800}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}#container{position:relative;height:100vh;transition:all .5s}.header{background-color:#fff;height:100px;display:flex;text-align:center}#header_sub{display:flex;width:100%}.header-name{margin-left:11%;width:auto;height:auto;-o-object-fit:cover;object-fit:cover}.dinving-logo{width:161px;height:43px;margin-top:36px}#wave{height:45px;background-image:url(/img/wave2.38dea5cb.jpg);background-size:50% 100%;animation:wave 5s 1}@keyframes wave{0%{background-position-x:0}to{background-position-x:200%}}body{margin:0}.mobile-menu{position:fixed;width:100%;top:0;background-color:#fff}#mobile-menu_div{display:flex;opacity:100%;position:relative}.mobile-menu__btn{background-color:unset;border:none;outline:none!important;cursor:pointer}.mobile-menu__btn>span{background-color:#4732cc;width:35px;height:4px;border-radius:20%;display:block;margin-bottom:9px;transition:transform .7s}.mobile-menu__btn>span:first-child{background-color:#2c1caa}.mobile-menu__btn>span:last-child{margin-bottom:0;background-color:#6252d8}.mobile-menu__cover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:opacity 1s;cursor:pointer}.mobile-menu__main{padding:0;perspective:2000px;transform-style:preserve-3d;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.mobile-menu__item{display:block;transform:translateZ(-1000px);padding:0 40px;transition:transform .3s,opacity .2s;opacity:0}.mobile-menu__link{display:block;margin-top:30px;color:#000;text-decoration:none}.menu-open #wave,.menu-open .diving-logo,.menu-open .header-name{z-index:1}.menu-open .mobile-menu_div{z-index:9999}.menu-open .mobile-menu{border:thin solid;z-index:3}.menu-open .mobile-menu__cover{opacity:10%;visibility:visible}.menu-open .mobile-menu__item{transform:none;opacity:1}.menu-open .mobile-menu__item:first-child{transition-delay:.07s}.menu-open .mobile-menu__item:nth-child(2){transition-delay:.14s}.menu-open .mobile-menu__item:nth-child(3){transition-delay:.21s}.menu-open .mobile-menu__item:nth-child(4){transition-delay:.28s}.menu-open .mobile-menu__item:nth-child(5){transition-delay:.35s}.menu-open .mobile-menu__btn{z-index:50}.menu-open .mobile-menu__btn>span{background-color:#000}.menu-open .mobile-menu__btn>span:first-child{transition-delay:70ms;transform:translateY(11px) rotate(135deg);background:linear-gradient(90deg,#3731f5,#6557fe)}.menu-open .mobile-menu__btn>span:nth-child(2){transition-delay:0s;transform:translateX(-18px) scaleX(0)}.menu-open .mobile-menu__btn>span:nth-child(3){transition-delay:.14s;transform:translateY(-11px) rotate(-135deg);background:linear-gradient(270deg,#3731f5,#6557fe)}.menu-open .mobile-menu__item>.jp-title{font-size:1px}.main-title{font-weight:600;font-size:25px}.sub-title{display:block;font-size:14px;color:#535353}#jp-aboutus,#jp-contact,#jp-login,#jp-map,#jp-mypage,#jp-post,#jp-setting{font-size:10px;margin-top:10px}}@media screen and (max-width:720px){#global-container{height:844px;width:430px}button,div,img,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;padding:0;margin:0}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;border-color:#000}input:focus{outline:none;border-color:#000}#app{font-weight:800;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;width:100%}#app,div{font-family:Helvetica,小塚ゴシック Pro,Kozuka Gothic Pro,sans-serif}div{font-weight:600}button{font-family:Helvetica,小塚ゴシック Pro,Kozuka Gothic Pro,sans-serif;font-weight:500}h1,h5,span{font-family:Helvetica,小塚ゴシック Pro,Kozuka Gothic Pro,sans-serif;font-weight:800}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}#container{position:relative;height:100vh;transition:all .5s}.header{background-color:#fff;height:40px;display:flex;justify-content:space-between;text-align:center;width:100%}.header-name{margin-top:15px;width:200px;height:50px}#header_sub{display:flex;width:100%}.header-name{margin-left:4%}.dinving-logo{width:100px;height:28px;margin-top:23px}#wave{height:45px;background-image:url(/img/wave2.38dea5cb.jpg);background-size:50% 100%;animation:wave 5s 1}@keyframes wave{0%{background-position-x:0}to{background-position-x:200%}}body{margin:0}.mobile-menu{position:absolute;top:0;right:0;background-color:#fff}#mobile-menu_div{display:flex;opacity:100%;margin-top:15px;position:relative}.mobile-menu__btn{background-color:unset;border:none;outline:none!important;cursor:pointer}.mobile-menu__btn>span{background-color:#4732cc;width:35px;height:4px;border-radius:20%;display:block;margin-bottom:9px;transition:transform .7s}.mobile-menu__btn>span:first-child{background-color:#2c1caa}.mobile-menu__btn>span:last-child{margin-bottom:0;background-color:#6252d8}.mobile-menu__cover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:opacity 1s;cursor:pointer}.mobile-menu__main{padding:0;perspective:2000px;transform-style:preserve-3d}.mobile-menu__item{display:block;transform:translateZ(-1000px);transition:transform .3s,opacity .2s;opacity:0}.mobile-menu__link{display:block;margin-top:30px;color:#000;text-decoration:none}.menu-open #wave,.menu-open .diving-logo,.menu-open .header-name{z-index:1}.menu-open .mobile-menu_div{z-index:9999}.menu-open .mobile-menu{border:thin solid;z-index:3}.menu-open .mobile-menu__cover{opacity:10%;visibility:visible}.menu-open .mobile-menu__item{transform:none;opacity:1}.menu-open .mobile-menu__item:first-child{transition-delay:.07s}.menu-open .mobile-menu__item:nth-child(2){transition-delay:.14s}.menu-open .mobile-menu__item:nth-child(3){transition-delay:.21s}.menu-open .mobile-menu__item:nth-child(4){transition-delay:.28s}.menu-open .mobile-menu__item:nth-child(5){transition-delay:.35s}.menu-open .mobile-menu__btn{z-index:50}.menu-open .mobile-menu__btn>span{background-color:#000}.menu-open .mobile-menu__btn>span:first-child{transition-delay:70ms;transform:translateY(11px) rotate(135deg);background:linear-gradient(90deg,#3731f5,#6557fe)}.menu-open .mobile-menu__btn>span:nth-child(2){transition-delay:0s;transform:translateX(-18px) scaleX(0)}.menu-open .mobile-menu__btn>span:nth-child(3){transition-delay:.14s;transform:translateY(-11px) rotate(-135deg);background:linear-gradient(270deg,#3731f5,#6557fe)}.menu-open .mobile-menu__item>.jp-title{font-size:1px}.main-title{font-weight:600;font-size:16px}.sub-title{display:block;font-size:14px;color:#535353}#jp-aboutus,#jp-contact,#jp-login,#jp-map,#jp-mypage,#jp-post,#jp-setting{font-size:10px;margin-top:10px}}@media screen and (min-width:720px){button[data-v-ef31ddcc],input[data-v-ef31ddcc],textarea[data-v-ef31ddcc]{font-family:inherit}#lang[data-v-ef31ddcc]:hover{color:#000}#lang[data-v-ef31ddcc]{text-align:right;font-size:15px;color:gray;padding-right:10px;width:150px}#lang_container[data-v-ef31ddcc]{direction:rtl}#welcome[data-v-ef31ddcc]{font-size:40px;animation:fadein-ef31ddcc 2s;transform:translate(20px)}#h1[data-v-ef31ddcc]{font-size:40px;margin-top:15px;font-weight:600}#h1[data-v-ef31ddcc],#h5[data-v-ef31ddcc]{animation:fadein-ef31ddcc 2s;transform:translate(20px);text-align:left;margin-left:15px}#h5[data-v-ef31ddcc]{font-size:10px;size:20px}#login[data-v-ef31ddcc]{display:flex;flex-flow:column}#signupbutton[data-v-ef31ddcc]{width:100px;font-size:20%}#signin[data-v-ef31ddcc]{font-size:25px}#googletext[data-v-ef31ddcc]{text-align:center;font-size:10px}#mailebutton[data-v-ef31ddcc]{display:flex;justify-content:center;display:grid;grid-template-columns:auto;gap:10px;padding-bottom:3%}#inputtag[data-v-ef31ddcc]{padding-top:3%;padding-bottom:3%;display:grid;gap:20px}#googlebutton[data-v-ef31ddcc]{padding-top:30px;display:flex;justify-content:flex-end;gap:20px;margin:0 10% 2% 25%}#googleitem[data-v-ef31ddcc]{background:linear-gradient(#6a11cb,#2575fc);color:#fff;width:220px;height:35px;border-radius:30px;border:none;transition:all .5s ease 0s;display:flex;justify-content:center;align-items:center}#googleitem[data-v-ef31ddcc]:hover{background-color:#000;color:#000}#googleicon[data-v-ef31ddcc]{width:20px;height:20px;margin-right:2%}.maileitem[data-v-ef31ddcc]{background:linear-gradient(#6a11cb,#2575fc);color:#fff;width:150px;height:35px;border-radius:30px;border:none;transition:all .5s ease 0s}.maileitem[data-v-ef31ddcc]:hover{background-color:#000;color:#000}#mailesection[data-v-ef31ddcc]{margin:0 25%}#logoutbutton[data-v-ef31ddcc]{background:linear-gradient(#6a11cb,#2575fc);color:#fff;width:150px;height:40px;border-radius:30px;border:none;transition:all .5s ease 0s}#logoutbutton[data-v-ef31ddcc]:hover{background-color:#000;color:#000}@keyframes fadein-ef31ddcc{0%{opacity:0}to{opacity:1}}input[data-v-ef31ddcc],label[data-v-ef31ddcc]{animation:fadein-ef31ddcc 2s;transform:translate(20px)}input[data-v-ef31ddcc]{border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;border-width:2px;width:80%;height:95%}#resetpassward[data-v-ef31ddcc]{color:blue}#resetpassward[data-v-ef31ddcc]:hover{color:#5b6cee}button[data-v-ef31ddcc]{animation:fadein-ef31ddcc 2s;transform:translate(20px)}#resetpassward_container[data-v-ef31ddcc]{display:flex;flex-flow:column;justify-content:center;align-items:center;margin-top:10%}#box[data-v-ef31ddcc]{animation:fadein-ef31ddcc 1s;transform:translate(20px);width:60%;box-shadow:5px 5px 5px 5px gray;border:none}#send_button[data-v-ef31ddcc]{background:linear-gradient(#6a11cb,#2575fc);color:#fff;width:150px;height:30px;border-radius:30px;border:none;transition:all .5s ease 0s;margin-left:33%}}@media screen and (max-width:720px){button[data-v-ef31ddcc],input[data-v-ef31ddcc],textarea[data-v-ef31ddcc]{font-family:inherit}#welcome[data-v-ef31ddcc]{font-size:25px;margin-top:15px;animation:fadein-ef31ddcc 2s;transform:translate(20px)}#h1[data-v-ef31ddcc]{font-size:40px;margin-top:15px;font-weight:600}#h1[data-v-ef31ddcc],#h5[data-v-ef31ddcc]{animation:fadein-ef31ddcc 2s;transform:translate(20px);text-align:left;margin-left:15px}#h5[data-v-ef31ddcc]{font-size:10px;size:20px}#login[data-v-ef31ddcc]{display:flex;flex-flow:column}#loginpage[data-v-ef31ddcc]{margin-top:80px}#signupbutton[data-v-ef31ddcc]{width:100px;font-size:20%}#signin[data-v-ef31ddcc]{font-size:25px}#googletext[data-v-ef31ddcc]{text-align:center;font-size:10px}#mailebutton[data-v-ef31ddcc]{display:flex;justify-content:center;display:grid;grid-template-columns:auto;gap:10px;padding-bottom:3%}#inputtag[data-v-ef31ddcc]{padding-top:3%;padding-bottom:3%;display:grid;gap:20px}#googlebutton[data-v-ef31ddcc]{padding-top:30px;display:flex;justify-content:flex-end;gap:20px;margin:0 10% 5% 25%}#googleitem[data-v-ef31ddcc]{background:linear-gradient(#6a11cb,#2575fc);color:#fff;width:220px;height:35px;border-radius:30px;border:none;transition:all .5s ease 0s;display:flex;justify-content:center;align-items:center}#googleitem[data-v-ef31ddcc]:hover{background-color:#000;color:#000}#googleicon[data-v-ef31ddcc]{width:20px;height:20px;margin-right:2%}.maileitem[data-v-ef31ddcc]{background:linear-gradient(#6a11cb,#2575fc);color:#fff;width:150px;height:35px;border-radius:30px;border:none;transition:all .5s ease 0s}.maileitem[data-v-ef31ddcc]:hover{background-color:#000;color:#000}#mailesection[data-v-ef31ddcc]{margin:0 25%}#logoutbutton[data-v-ef31ddcc]{background:linear-gradient(#6a11cb,#2575fc);color:#fff;width:150px;height:40px;border-radius:30px;border:none;transition:all .5s ease 0s}#logoutbutton[data-v-ef31ddcc]:hover{background-color:#000;color:#000}@keyframes fadein-ef31ddcc{0%{opacity:0}to{opacity:1}}input[data-v-ef31ddcc],label[data-v-ef31ddcc]{animation:fadein-ef31ddcc 2s;transform:translate(20px)}input[data-v-ef31ddcc]{border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;width:200px;height:95%}#resetpassward[data-v-ef31ddcc]:hover{color:#5b6cee}button[data-v-ef31ddcc]{animation:fadein-ef31ddcc 2s;transform:translate(20px)}#resetpassward[data-v-ef31ddcc]{color:blue}#resetpassward_container[data-v-ef31ddcc]{display:flex;flex-flow:column;justify-content:center;align-items:center;margin-top:10%}#box[data-v-ef31ddcc]{animation:fadein-ef31ddcc 1s;transform:translate(20px);width:70%;box-shadow:5px 5px 5px 5px gray;border:none}#send_button[data-v-ef31ddcc]{background:linear-gradient(#6a11cb,#2575fc);color:#fff;width:150px;height:25px;border-radius:30px;border:none;transition:all .5s ease 0s;margin-left:22%}.adv1[data-v-ef31ddcc]{width:100%;height:150px;position:absolute;bottom:0;background-color:#1e90ff}}@media screen and (min-width:720px){.suggestions[data-v-6568ecf4]{list-style:none;margin-top:20px;padding:0;border:1px solid #ccc;background-color:#fff;max-height:150px;overflow-y:auto;position:absolute;width:calc(100% - 20px);z-index:10}.suggestions li[data-v-6568ecf4]{padding:8px;cursor:pointer}.suggestions li[data-v-6568ecf4]:hover{background-color:#f0f0f0}#memo[data-v-6568ecf4]{font-size:10px}button[data-v-6568ecf4],input[data-v-6568ecf4],textarea[data-v-6568ecf4]{font-family:inherit}.card[data-v-6568ecf4]{margin-bottom:20px}#h1[data-v-6568ecf4]{font-size:40px;margin-top:15px;font-weight:600}#h1[data-v-6568ecf4],#h5[data-v-6568ecf4]{animation:fadein-6568ecf4 2s;transform:translate(20px);text-align:left;margin-left:15px}#h5[data-v-6568ecf4]{font-size:10px;size:20px}#mypage[data-v-6568ecf4]{display:flex;flex-flow:column}#icon[data-v-6568ecf4],.background-placeholder[data-v-6568ecf4]{background-image:url(/img/blank-profile-picture-973460_1280.dd1cf84a.webp);background-size:contain;border-radius:50%;width:100px;height:100px;margin-left:10%;margin-right:20%}#license[data-v-6568ecf4]{width:50px;height:40px;background-size:contain}#user[data-v-6568ecf4]{display:flex;animation:fadein-6568ecf4 2s;transform:translate(20px)}#username[data-v-6568ecf4]{font-size:40px}#badge[data-v-6568ecf4]{display:flex}#numberarea[data-v-6568ecf4]{display:flex;justify-content:center;animation:fadein-6568ecf4 2s;transform:translate(20px)}.Number[data-v-6568ecf4]{margin:20px 20px 10px 20px;font-size:30px}#logicon[data-v-6568ecf4]{background-image:url(/img/book.11a7bd21.png);height:30px;width:30px;background-size:contain}#spoticon[data-v-6568ecf4]{background-image:url(/img/pin.4f0b0b71.png);height:30px;width:30px;background-size:contain}#fireicon[data-v-6568ecf4]{background-image:url(/img/good.b716d4cd.png);height:30px;width:30px;background-size:contain}.numbercontents[data-v-6568ecf4]{align-items:center}#sortcontainer[data-v-6568ecf4]{display:flex}#sortbutton[data-v-6568ecf4]{justify-content:left;margin-left:30px}#fishcontainer[data-v-6568ecf4]{display:flex;flex-wrap:wrap;align-content:flex-start;-moz-column-gap:3%;column-gap:3%}#fishcontainer[data-v-6568ecf4] :hover{opacity:.8}#postbutton[data-v-6568ecf4]{animation:fadein-6568ecf4 2s;transform:translate(20px);background:linear-gradient(#6a11cb,#2575fc);color:#fff;width:150px;height:40px;border-radius:30px;border:none;transition:all .5s ease 0s}#postbutton[data-v-6568ecf4]:hover{background-color:#000;color:#000}#buttoncontainer[data-v-6568ecf4]{display:flex;justify-content:center;margin-top:20px;gap:10px}#logimg[data-v-6568ecf4]{width:200px;height:150px;animation:fadein-6568ecf4 2s;transform:translate(20px);margin:10px;box-shadow:5px 5px 5px 5px gray;border:solid}@keyframes fadein-6568ecf4{0%{opacity:0}to{opacity:1}}.modal_contents_bg[data-v-6568ecf4]{display:flex;align-items:center;margin-top:200px;margin-left:5%;margin-right:5%}.modal_contents_wrap[data-v-6568ecf4]{position:absolute;box-shadow:5px 5px 5px 5px gray;border:solid;width:90%;background-color:#fff}#markbutton[data-v-6568ecf4]{animation:fadein-6568ecf4 2s;transform:translate(20px);background:linear-gradient(#6a11cb,#2575fc);color:#fff;width:150px;height:40px;border-radius:30px;border:none;transition:all .5s ease 0s}#markbutton[data-v-6568ecf4]:hover{background-color:#000;color:#000}.onelogimg[data-v-6568ecf4]{width:300px;height:200px;margin:10px;box-shadow:5px 5px 5px 5px gray;border:solid}.item_container_tag[data-v-6568ecf4]{display:flex;flex-direction:row;margin-left:45%;margin-top:8px}.log_tag[data-v-6568ecf4]{background:linear-gradient(#6a11cb,#2575fc);border-radius:50vh;color:#fff;font-size:12px;width:70px;height:20px;padding-top:4px;text-align:center;margin-right:3px}#namecontainer[data-v-6568ecf4]{display:flex;flex-direction:row}#card_fishname[data-v-6568ecf4]{font-size:30px;margin-top:18px;animation:characteropacity-6568ecf4 1.2s ease-in-out}.card_fishname_border[data-v-6568ecf4]{border-top:3px solid;-o-border-image:linear-gradient(90deg,#6a11cb,#2575fc) 1;border-image:linear-gradient(90deg,#6a11cb,#2575fc) 1;animation:stroke-width-6568ecf4 1.2s ease-in-out;margin-top:0;margin-bottom:10px}#pen[data-v-6568ecf4]{width:20px;height:20px;margin-top:28px;animation:slideIn-6568ecf4 1.2s ease-in-out}@keyframes stroke-width-6568ecf4{0%{width:0;opacity:1}to{width:100%;opacity:1}}@keyframes characteropacity-6568ecf4{0%{opacity:0}75%{opacity:0}to{opacity:1}}@keyframes slideIn-6568ecf4{0%{transform:translateX(-100px);opacity:0}to{transform:translateX(0)}}.centering[data-v-6568ecf4],.centering_2[data-v-6568ecf4]{display:flex;justify-content:center}.centering_2[data-v-6568ecf4]{flex-direction:column}.modal_close_btn[data-v-6568ecf4]{display:inline-block;cursor:pointer;margin-top:10px;margin-right:10px;border:none}.modal_close_btn[data-v-6568ecf4]:hover{background-color:red;animation:fadein-6568ecf4 .8s}#deletebutton[data-v-6568ecf4]{display:inline-block;cursor:pointer;margin-top:10px;margin-left:10px;border:none}#deletebutton[data-v-6568ecf4]:hover{background-color:red;animation:fadein-6568ecf4 .8s}#editbutton[data-v-6568ecf4]{display:inline-block;cursor:pointer;margin-top:10px;margin-left:10px;border:none}#editbutton[data-v-6568ecf4]:hover{background-color:green;animation:fadein-6568ecf4 .8s}.topButton[data-v-6568ecf4]{display:none;position:fixed;bottom:30px;right:30px;width:80px;height:80px;animation:fadein-6568ecf4 2s;transform:translate(20px);background:linear-gradient(#6a11cb,#2575fc);font-size:20px;color:#fff;border-radius:50%;cursor:pointer;border:3px solid #d3d3d3}}@media screen and (max-width:720px) and (min-width:400px){.suggestions[data-v-6568ecf4]{list-style:none;margin-top:20px;padding:0;border:1px solid #ccc;background-color:#fff;max-height:150px;overflow-y:auto;position:absolute;width:calc(100% - 20px);z-index:10}.suggestions li[data-v-6568ecf4]{padding:8px;cursor:pointer}.suggestions li[data-v-6568ecf4]:hover{background-color:#f0f0f0}#memo[data-v-6568ecf4]{font-size:10px}button[data-v-6568ecf4],input[data-v-6568ecf4],textarea[data-v-6568ecf4]{font-family:inherit}.card[data-v-6568ecf4]{margin-bottom:20px}#h1[data-v-6568ecf4]{font-size:40px;margin-top:15px;font-weight:600}#h1[data-v-6568ecf4],#h5[data-v-6568ecf4]{animation:fadein-6568ecf4 2s;transform:translate(20px);text-align:left;margin-left:15px}#h5[data-v-6568ecf4]{font-size:10px;size:20px}#mypage[data-v-6568ecf4]{display:flex;flex-flow:column}#icon[data-v-6568ecf4]{margin-right:15%}#icon[data-v-6568ecf4],.background-placeholder[data-v-6568ecf4]{background-image:url(/img/blank-profile-picture-973460_1280.dd1cf84a.webp);background-size:contain;border-radius:50%;width:100px;height:100px;margin-left:10%}.background-placeholder[data-v-6568ecf4]{margin-right:20%}#license[data-v-6568ecf4]{width:50px;height:40px;background-size:contain}#user[data-v-6568ecf4]{display:flex;animation:fadein-6568ecf4 2s;transform:translate(20px)}#username[data-v-6568ecf4]{font-size:25px}#badge[data-v-6568ecf4]{display:flex}#numberarea[data-v-6568ecf4]{display:flex;justify-content:center;animation:fadein-6568ecf4 2s;transform:translate(20px)}.Number[data-v-6568ecf4]{margin:20px 20px 10px 20px;font-size:30px}#logicon[data-v-6568ecf4]{background-image:url(/img/book.11a7bd21.png);height:30px;width:30px;background-size:contain}#spoticon[data-v-6568ecf4]{background-image:url(/img/pin.4f0b0b71.png);height:30px;width:30px;background-size:contain}#fireicon[data-v-6568ecf4]{background-image:url(/img/good.b716d4cd.png);height:30px;width:30px;background-size:contain}.numbercontents[data-v-6568ecf4]{align-items:center}#sortcontainer[data-v-6568ecf4]{display:flex}#sortbutton[data-v-6568ecf4]{justify-content:left;margin-left:30px}#fishcontainer[data-v-6568ecf4]{display:flex;flex-wrap:wrap;align-content:flex-start;margin-left:5px;margin-right:5px;-moz-column-gap:10%;column-gap:10%}#fishcontainer[data-v-6568ecf4] :hover{opacity:.8}#postbutton[data-v-6568ecf4]{animation:fadein-6568ecf4 2s;transform:translate(20px);background:linear-gradient(#6a11cb,#2575fc);color:#fff;width:150px;height:40px;border-radius:30px;border:none;transition:all .5s ease 0s}#postbutton[data-v-6568ecf4]:hover{background-color:#000;color:#000}#buttoncontainer[data-v-6568ecf4]{display:flex;justify-content:center;margin-top:20px;gap:10px}#logimg[data-v-6568ecf4]{width:160px;height:120px;animation:fadein-6568ecf4 2s;transform:translate(20px);margin-top:10px;margin-bottom:10px;box-shadow:5px 5px 5px 5px gray;border:solid}@keyframes fadein-6568ecf4{0%{opacity:0}to{opacity:1}}.modal_contents_bg[data-v-6568ecf4]{display:flex;align-items:center;margin-top:200px;margin-left:5%;margin-right:5%}.modal_contents_wrap[data-v-6568ecf4]{position:absolute;box-shadow:5px 5px 5px 5px gray;border:solid;width:90%;background-color:#fff}#markbutton[data-v-6568ecf4]{animation:fadein-6568ecf4 2s;transform:translate(20px);background:linear-gradient(#6a11cb,#2575fc);color:#fff;width:150px;height:40px;border-radius:30px;border:none;transition:all .5s ease 0s}#markbutton[data-v-6568ecf4]:hover{background-color:#000;color:#000}.onelogimg[data-v-6568ecf4]{width:300px;height:200px;margin:10px;box-shadow:5px 5px 5px 5px gray;border:solid}.item_container_tag[data-v-6568ecf4]{display:flex;flex-direction:row;margin-left:22%;margin-top:8px}.log_tag[data-v-6568ecf4]{background:linear-gradient(#6a11cb,#2575fc);border-radius:50vh;color:#fff;font-size:12px;width:70px;height:20px;padding-top:4px;text-align:center;margin-right:3px}#namecontainer[data-v-6568ecf4]{display:flex;flex-direction:row}#card_fishname[data-v-6568ecf4]{font-size:30px;margin-top:18px;animation:characteropacity-6568ecf4 1.2s ease-in-out}.card_fishname_border[data-v-6568ecf4]{border-top:3px solid;-o-border-image:linear-gradient(90deg,#6a11cb,#2575fc) 1;border-image:linear-gradient(90deg,#6a11cb,#2575fc) 1;animation:stroke-width-6568ecf4 1.2s ease-in-out;margin-top:0;margin-bottom:10px}#pen[data-v-6568ecf4]{width:20px;height:20px;margin-top:28px;animation:slideIn-6568ecf4 1.2s ease-in-out}@keyframes stroke-width-6568ecf4{0%{width:0;opacity:1}to{width:100%;opacity:1}}@keyframes characteropacity-6568ecf4{0%{opacity:0}75%{opacity:0}to{opacity:1}}@keyframes slideIn-6568ecf4{0%{transform:translateX(-100px);opacity:0}to{transform:translateX(0)}}.centering[data-v-6568ecf4],.centering_2[data-v-6568ecf4]{display:flex;justify-content:center}.centering_2[data-v-6568ecf4]{flex-direction:column}.modal_close_btn[data-v-6568ecf4]{display:inline-block;cursor:pointer;margin-top:10px;margin-right:10px;border:none;height:35px;width:40px}#deletebutton[data-v-6568ecf4],#editbutton[data-v-6568ecf4]{display:inline-block;cursor:pointer;margin-top:10px;margin-left:10px;border:none;height:35px;width:40px}.topButton[data-v-6568ecf4]{display:none;position:fixed;bottom:30px;right:30px;width:80px;height:80px;animation:fadein-6568ecf4 2s;transform:translate(20px);background:linear-gradient(#6a11cb,#2575fc);font-size:20px;color:#fff;border-radius:50%;cursor:pointer;border:3px solid #d3d3d3}}@media screen and (max-width:400px){.suggestions[data-v-6568ecf4]{list-style:none;margin-top:20px;padding:0;border:1px solid #ccc;background-color:#fff;max-height:150px;overflow-y:auto;position:absolute;width:calc(100% - 20px);z-index:10}.suggestions li[data-v-6568ecf4]{padding:8px;cursor:pointer}#memo[data-v-6568ecf4]{width:50%}button[data-v-6568ecf4],input[data-v-6568ecf4],textarea[data-v-6568ecf4]{font-family:inherit}.card[data-v-6568ecf4]{margin-bottom:20px}#h1[data-v-6568ecf4]{font-size:40px;margin-top:15px;font-weight:600}#h1[data-v-6568ecf4],#h5[data-v-6568ecf4]{animation:fadein-6568ecf4 2s;transform:translate(20px);text-align:left;margin-left:15px}#h5[data-v-6568ecf4]{font-size:10px;size:20px}#mypage[data-v-6568ecf4]{display:flex;flex-flow:column}#icon[data-v-6568ecf4]{background-image:url(/img/blank-profile-picture-973460_1280.dd1cf84a.webp);background-size:contain;border-radius:50%;width:100px;height:100px;margin-left:10%;margin-right:15%}#license[data-v-6568ecf4]{width:50px;height:40px;background-size:contain}#user[data-v-6568ecf4]{display:flex;animation:fadein-6568ecf4 2s;transform:translate(20px)}#username[data-v-6568ecf4]{font-size:25px}#badge[data-v-6568ecf4]{display:flex}#numberarea[data-v-6568ecf4]{display:flex;justify-content:center;animation:fadein-6568ecf4 2s;transform:translate(20px)}.Number[data-v-6568ecf4]{margin:20px 20px 10px 20px;font-size:30px}#logicon[data-v-6568ecf4]{background-image:url(/img/book.11a7bd21.png);height:30px;width:30px;background-size:contain}#spoticon[data-v-6568ecf4]{background-image:url(/img/pin.4f0b0b71.png);height:30px;width:30px;background-size:contain}#fireicon[data-v-6568ecf4]{background-image:url(/img/good.b716d4cd.png);height:30px;width:30px;background-size:contain}.numbercontents[data-v-6568ecf4]{align-items:center}#sortcontainer[data-v-6568ecf4]{display:flex}#sortbutton[data-v-6568ecf4]{justify-content:left;margin-left:30px}#fishcontainer[data-v-6568ecf4]{display:grid;grid-template-columns:0fr 0fr;gap:2px;align-content:flex-start;margin-left:12px;margin-right:5px;-moz-column-gap:14%;column-gap:14%}#fishcontainer[data-v-6568ecf4] :hover{opacity:.8}#postbutton[data-v-6568ecf4]{animation:fadein-6568ecf4 2s;transform:translate(20px);background:linear-gradient(#6a11cb,#2575fc);color:#fff;width:150px;height:40px;border-radius:30px;border:none;transition:all .5s ease 0s}#postbutton[data-v-6568ecf4]:hover{background-color:#000;color:#000}#buttoncontainer[data-v-6568ecf4]{display:flex;justify-content:center;margin-top:20px;gap:10px}#logimg[data-v-6568ecf4]{width:125px;height:90px;animation:fadein-6568ecf4 2s;transform:translate(20px);margin-top:10px;margin-bottom:10px;box-shadow:5px 5px 5px 5px gray;border:solid}@keyframes fadein-6568ecf4{0%{opacity:0}to{opacity:1}}.modal_contents_bg[data-v-6568ecf4]{display:flex;align-items:center;margin-top:200px;margin-left:5%;margin-right:5%}.modal_contents_wrap[data-v-6568ecf4]{position:absolute;box-shadow:5px 5px 5px 5px gray;border:solid;width:90%;background-color:#fff}#markbutton[data-v-6568ecf4]{animation:fadein-6568ecf4 2s;transform:translate(20px);background:linear-gradient(#6a11cb,#2575fc);color:#fff;width:150px;height:40px;border-radius:30px;border:none;transition:all .5s ease 0s}#markbutton[data-v-6568ecf4]:hover{background-color:#000;color:#000}.onelogimg[data-v-6568ecf4]{width:300px;height:200px;margin:10px;box-shadow:5px 5px 5px 5px gray;border:solid}.item_container_tag[data-v-6568ecf4]{display:flex;flex-direction:row;margin-left:20%;margin-top:8px}.log_tag[data-v-6568ecf4]{background:linear-gradient(#6a11cb,#2575fc);border-radius:50vh;color:#fff;font-size:12px;width:70px;height:20px;padding-top:4px;text-align:center;margin-right:3px}#namecontainer[data-v-6568ecf4]{display:flex;flex-direction:row}#card_fishname[data-v-6568ecf4]{font-size:30px;margin-top:18px;animation:characteropacity-6568ecf4 1.2s ease-in-out}.card_fishname_border[data-v-6568ecf4]{border-top:3px solid;-o-border-image:linear-gradient(90deg,#6a11cb,#2575fc) 1;border-image:linear-gradient(90deg,#6a11cb,#2575fc) 1;animation:stroke-width-6568ecf4 1.2s ease-in-out;margin-top:0;margin-bottom:10px}#pen[data-v-6568ecf4]{width:20px;height:20px;margin-top:28px;animation:slideIn-6568ecf4 1.2s ease-in-out}@keyframes stroke-width-6568ecf4{0%{width:0;opacity:1}to{width:100%;opacity:1}}@keyframes characteropacity-6568ecf4{0%{opacity:0}75%{opacity:0}to{opacity:1}}@keyframes slideIn-6568ecf4{0%{transform:translateX(-100px);opacity:0}to{transform:translateX(0)}}.centering[data-v-6568ecf4],.centering_2[data-v-6568ecf4]{display:flex;justify-content:center}.centering_2[data-v-6568ecf4]{flex-direction:column}.modal_close_btn[data-v-6568ecf4]{display:inline-block;cursor:pointer;margin-top:10px;margin-right:10px;border:none;height:35px;width:40px}#deletebutton[data-v-6568ecf4],#editbutton[data-v-6568ecf4]{display:inline-block;cursor:pointer;margin-top:10px;margin-left:10px;border:none;height:35px;width:40px}.topButton[data-v-6568ecf4]{display:none;position:fixed;bottom:30px;right:30px;width:80px;height:80px;animation:fadein-6568ecf4 2s;transform:translate(20px);background:linear-gradient(#6a11cb,#2575fc);font-size:20px;color:#fff;border-radius:50%;cursor:pointer;border:3px solid #d3d3d3}}