.menu-open #container{height:100svh;overflow:hidden}.menu-open .mobile-menu{overflow:hidden}#header_sub,.header{align-items:center}.header-name{display:block;width:auto;height:auto;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;flex:0 0 auto}@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:10px,50px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}#container{position:relative;height:100vh;transition:all .5s}.header{position:relative;background-color:#fff;height:100px}#header_sub,.header{display:flex;align-items:center;width:100%}#header_sub{padding:0 16px}.dinving-logo{width:161px;height:43px;flex-shrink:0}.header-name{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:50px;width:auto;-o-object-fit:contain;object-fit:contain;pointer-events:none}#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;top:0;left:0;right:0;height:50vh;max-height:260px;min-height:120px;background:transparent;z-index:1000;pointer-events:none;opacity:0;bottom:auto}.menu-open .mobile-menu{display:block}.mobile-menu__main{width:100%;height:100%;background:#fff;display:flex;flex-wrap:wrap;gap:12px;padding:15px 20px;box-shadow:0 10px 30px rgba(0,0,0,.12);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}#mobile-menu_div{display:flex;opacity:100%;position:fixed;top:20px;right:20px;z-index:5000}.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__item{display:block;transform:translateZ(-1000px);padding:0 40px;transition:transform .3s,opacity .2s;opacity:0;transition-delay:calc(var(--i)*70ms)}.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{pointer-events:auto;opacity:1;z-index:4000}.menu-open .mobile-menu__cover{opacity:10%;visibility:visible}.menu-open .mobile-menu__item{transform:none;opacity:1}.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-fish,#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{position:relative;background-color:#fff;height:100px}#header_sub,.header{display:flex;align-items:center;width:100%}#header_sub{padding:0 16px}.dinving-logo{width:161px;height:43px;flex-shrink:0}.header-name{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:44px;width:auto;-o-object-fit:contain;object-fit:contain;pointer-events:none}#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;inset:0;z-index:1000;display:none;background:transparent;padding:0!important}.menu-open .mobile-menu{display:block}.mobile-menu__main{background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.15);width:min(900px,92vw);margin:90px auto 0;padding:24px}#mobile-menu_div{display:flex;opacity:100%;position:fixed;top:20px;right:20px;z-index:5000}.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__item{display:block;transform:translateZ(-1000px);padding:0 40px;transition:transform .3s,opacity .2s;opacity:0;transition-delay:calc(var(--i)*70ms)}.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:4000}.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-fish,#jp-login,#jp-map,#jp-mypage,#jp-post,#jp-setting{font-size:10px;margin-top:10px}}@media screen and (max-width:720px){#global-container{min-height:100svh;width:100%;overflow-x:hidden}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{position:relative;background-color:#fff;height:52px}#header_sub,.header{display:flex;align-items:center;width:100%}#header_sub{padding:0 12px}.dinving-logo{width:80px;height:22px;flex-shrink:0}.header-name{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;height:26px!important;width:auto!important;margin:0!important;padding:0!important;-o-object-fit:contain;object-fit:contain;pointer-events:none}#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;inset:0;background:transparent;z-index:1000;pointer-events:none;opacity:0;display:block}.menu-open .mobile-menu{opacity:1;pointer-events:auto}.mobile-menu__main{position:absolute;top:0;right:0;width:28vw;height:100vh;background:#fff;padding:20px 16px;box-shadow:-12px 0 32px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .35s ease;height:100svh;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.menu-open #container{height:100svh;overflow:hidden;touch-action:none}#mobile-menu_div{position:fixed;top:18px;right:12px;z-index:5000}.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__item{display:block;transform:translateZ(-1000px);transition:transform .3s,opacity .2s;opacity:0;transform:translateX(24px);transition:transform .35s ease,opacity .25s ease;transition-delay:calc(var(--i)*60ms)}.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:4000}.menu-open .mobile-menu__main{transform:translateX(0)}.menu-open .mobile-menu__cover{opacity:10%;visibility:visible}.menu-open .mobile-menu__item{transform:translateX(0);opacity:1}.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-fish,#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-941f5746],input[data-v-941f5746],textarea[data-v-941f5746]{font-family:inherit}#lang[data-v-941f5746]:hover{color:#000}#lang[data-v-941f5746]{text-align:right;font-size:15px;color:gray;padding-right:10px;width:150px}#lang_container[data-v-941f5746]{direction:rtl}#welcome[data-v-941f5746]{font-size:40px;animation:fadein-941f5746 2s;transform:translate(20px)}#h1[data-v-941f5746]{font-size:40px;margin-top:15px;font-weight:600}#h1[data-v-941f5746],#h5[data-v-941f5746]{animation:fadein-941f5746 2s;transform:translate(20px);text-align:left;margin-left:15px}#h5[data-v-941f5746]{font-size:10px;size:20px}#login[data-v-941f5746]{display:flex;flex-flow:column}#signupbutton[data-v-941f5746]{width:100px;font-size:20%}#signin[data-v-941f5746]{font-size:25px}#googletext[data-v-941f5746]{text-align:center;font-size:10px}#mailebutton[data-v-941f5746]{display:flex;justify-content:center;display:grid;grid-template-columns:auto;gap:10px;padding-bottom:3%}#inputtag[data-v-941f5746]{padding-top:3%;padding-bottom:3%;display:grid;gap:20px}#googlebutton[data-v-941f5746]{padding-top:30px;display:flex;justify-content:flex-end;gap:20px;margin:0 10% 2% 25%}#googleitem[data-v-941f5746]{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-941f5746]:hover{background-color:#000;color:#000}#googleicon[data-v-941f5746]{width:20px;height:20px;margin-right:2%}.maileitem[data-v-941f5746]{background:linear-gradient(#6a11cb,#2575fc);color:#fff;width:150px;height:35px;border-radius:30px;border:none;transition:all .5s ease 0s}.maileitem[data-v-941f5746]:hover{background-color:#000;color:#000}#mailesection[data-v-941f5746]{margin:0 25%}#logoutbutton[data-v-941f5746]{background:linear-gradient(#6a11cb,#2575fc);color:#fff;width:150px;height:40px;border-radius:30px;border:none;transition:all .5s ease 0s}#logoutbutton[data-v-941f5746]:hover{background-color:#000;color:#000}@keyframes fadein-941f5746{0%{opacity:0}to{opacity:1}}input[data-v-941f5746],label[data-v-941f5746]{animation:fadein-941f5746 2s;transform:translate(20px)}input[data-v-941f5746]{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-941f5746]{color:blue}#resetpassward[data-v-941f5746]:hover{color:#5b6cee}button[data-v-941f5746]{animation:fadein-941f5746 2s;transform:translate(20px)}#resetpassward_container[data-v-941f5746]{display:flex;flex-flow:column;justify-content:center;align-items:center;margin-top:10%}#box[data-v-941f5746]{animation:fadein-941f5746 1s;transform:translate(20px);width:60%;box-shadow:5px 5px 5px 5px gray;border:none}#send_button[data-v-941f5746]{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-941f5746],input[data-v-941f5746],textarea[data-v-941f5746]{font-family:inherit}#welcome[data-v-941f5746]{font-size:25px;margin-top:15px;animation:fadein-941f5746 2s;transform:translate(20px)}#h1[data-v-941f5746]{font-size:40px;margin-top:15px;font-weight:600}#h1[data-v-941f5746],#h5[data-v-941f5746]{animation:fadein-941f5746 2s;transform:translate(20px);text-align:left;margin-left:15px}#h5[data-v-941f5746]{font-size:10px;size:20px}#login[data-v-941f5746]{display:flex;flex-flow:column}#loginpage[data-v-941f5746]{margin-top:80px}#signupbutton[data-v-941f5746]{width:100px;font-size:20%}#signin[data-v-941f5746]{font-size:25px}#googletext[data-v-941f5746]{text-align:center;font-size:10px}#mailebutton[data-v-941f5746]{display:flex;justify-content:center;display:grid;grid-template-columns:auto;gap:10px;padding-bottom:3%}#inputtag[data-v-941f5746]{padding-top:3%;padding-bottom:3%;display:grid;gap:20px}#googlebutton[data-v-941f5746]{padding-top:30px;display:flex;justify-content:flex-end;gap:20px;margin:0 10% 5% 25%}#googleitem[data-v-941f5746]{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-941f5746]:hover{background-color:#000;color:#000}#googleicon[data-v-941f5746]{width:20px;height:20px;margin-right:2%}.maileitem[data-v-941f5746]{background:linear-gradient(#6a11cb,#2575fc);color:#fff;width:150px;height:35px;border-radius:30px;border:none;transition:all .5s ease 0s}.maileitem[data-v-941f5746]:hover{background-color:#000;color:#000}#mailesection[data-v-941f5746]{margin:0 25%}#logoutbutton[data-v-941f5746]{background:linear-gradient(#6a11cb,#2575fc);color:#fff;width:150px;height:40px;border-radius:30px;border:none;transition:all .5s ease 0s}#logoutbutton[data-v-941f5746]:hover{background-color:#000;color:#000}@keyframes fadein-941f5746{0%{opacity:0}to{opacity:1}}input[data-v-941f5746],label[data-v-941f5746]{animation:fadein-941f5746 2s;transform:translate(20px)}input[data-v-941f5746]{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-941f5746]:hover{color:#5b6cee}button[data-v-941f5746]{animation:fadein-941f5746 2s;transform:translate(20px)}#resetpassward[data-v-941f5746]{color:blue}#resetpassward_container[data-v-941f5746]{display:flex;flex-flow:column;justify-content:center;align-items:center;margin-top:10%}#box[data-v-941f5746]{animation:fadein-941f5746 1s;transform:translate(20px);width:70%;box-shadow:5px 5px 5px 5px gray;border:none}#send_button[data-v-941f5746]{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-941f5746]{width:100%;height:150px;position:absolute;bottom:0;background-color:#1e90ff}}@media screen and (min-width:720px){.suggestions[data-v-614b5342]{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-614b5342]{padding:8px;cursor:pointer}.suggestions li[data-v-614b5342]:hover{background-color:#f0f0f0}#memo[data-v-614b5342]{font-size:10px}button[data-v-614b5342],input[data-v-614b5342],textarea[data-v-614b5342]{font-family:inherit}.card[data-v-614b5342]{margin-bottom:20px}#h1[data-v-614b5342]{font-size:40px;margin-top:15px;font-weight:600}#h1[data-v-614b5342],#h5[data-v-614b5342]{animation:fadein-614b5342 2s;transform:translate(20px);text-align:left;margin-left:15px}#h5[data-v-614b5342]{font-size:10px;size:20px}#mypage[data-v-614b5342]{display:flex;flex-flow:column}#icon[data-v-614b5342],.background-placeholder[data-v-614b5342]{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-614b5342]{width:50px;height:40px;background-size:contain}#user[data-v-614b5342]{display:flex;animation:fadein-614b5342 2s;transform:translate(20px)}#username[data-v-614b5342]{font-size:40px}#badge[data-v-614b5342]{display:flex}#numberarea[data-v-614b5342]{display:flex;justify-content:center;animation:fadein-614b5342 2s;transform:translate(20px)}.Number[data-v-614b5342]{margin:20px 20px 10px 20px;font-size:30px}#logicon[data-v-614b5342]{background-image:url(/img/book.11a7bd21.png);height:30px;width:30px;background-size:contain}#spoticon[data-v-614b5342]{background-image:url(/img/pin.4f0b0b71.png);height:30px;width:30px;background-size:contain}#fireicon[data-v-614b5342]{background-image:url(/img/good.b716d4cd.png);height:30px;width:30px;background-size:contain}.numbercontents[data-v-614b5342]{align-items:center}#sortcontainer[data-v-614b5342]{display:flex}#sortbutton[data-v-614b5342]{justify-content:left;margin-left:30px}#fishcontainer[data-v-614b5342]{display:flex;flex-wrap:wrap;align-content:flex-start;-moz-column-gap:3%;column-gap:3%}#fishcontainer[data-v-614b5342] :hover{opacity:.8}#postbutton[data-v-614b5342]{animation:fadein-614b5342 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-614b5342]:hover{background-color:#000;color:#000}#buttoncontainer[data-v-614b5342]{display:flex;justify-content:center;margin-top:20px;gap:10px}#logimg[data-v-614b5342]{width:200px;height:150px;animation:fadein-614b5342 2s;transform:translate(20px);margin:10px;box-shadow:5px 5px 5px 5px gray;border:solid}@keyframes fadein-614b5342{0%{opacity:0}to{opacity:1}}.modal_contents_bg[data-v-614b5342]{display:flex;align-items:center;margin-top:200px;margin-left:5%;margin-right:5%}.modal_contents_wrap[data-v-614b5342]{position:absolute;box-shadow:5px 5px 5px 5px gray;border:solid;width:90%;background-color:#fff}#markbutton[data-v-614b5342]{animation:fadein-614b5342 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-614b5342]:hover{background-color:#000;color:#000}.onelogimg[data-v-614b5342]{width:300px;height:200px;margin:10px;box-shadow:5px 5px 5px 5px gray;border:solid}.item_container_tag[data-v-614b5342]{display:flex;flex-direction:row;margin-left:45%;margin-top:8px}.log_tag[data-v-614b5342]{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-614b5342]{display:flex;flex-direction:row}#card_fishname[data-v-614b5342]{font-size:30px;margin-top:18px;animation:characteropacity-614b5342 1.2s ease-in-out}.card_fishname_border[data-v-614b5342]{border-top:3px solid;-o-border-image:linear-gradient(90deg,#6a11cb,#2575fc) 1;border-image:linear-gradient(90deg,#6a11cb,#2575fc) 1;animation:stroke-width-614b5342 1.2s ease-in-out;margin-top:0;margin-bottom:10px}#pen[data-v-614b5342]{width:20px;height:20px;margin-top:28px;animation:slideIn-614b5342 1.2s ease-in-out}@keyframes stroke-width-614b5342{0%{width:0;opacity:1}to{width:100%;opacity:1}}@keyframes characteropacity-614b5342{0%{opacity:0}75%{opacity:0}to{opacity:1}}@keyframes slideIn-614b5342{0%{transform:translateX(-100px);opacity:0}to{transform:translateX(0)}}.centering[data-v-614b5342],.centering_2[data-v-614b5342]{display:flex;justify-content:center}.centering_2[data-v-614b5342]{flex-direction:column}.modal_close_btn[data-v-614b5342]{display:inline-block;cursor:pointer;margin-top:10px;margin-right:10px;border:none}.modal_close_btn[data-v-614b5342]:hover{background-color:red;animation:fadein-614b5342 .8s}#deletebutton[data-v-614b5342]{display:inline-block;cursor:pointer;margin-top:10px;margin-left:10px;border:none}#deletebutton[data-v-614b5342]:hover{background-color:red;animation:fadein-614b5342 .8s}#editbutton[data-v-614b5342]{display:inline-block;cursor:pointer;margin-top:10px;margin-left:10px;border:none}#editbutton[data-v-614b5342]:hover{background-color:green;animation:fadein-614b5342 .8s}.topButton[data-v-614b5342]{display:none;position:fixed;bottom:30px;right:30px;width:80px;height:80px;animation:fadein-614b5342 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-614b5342]{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-614b5342]{padding:8px;cursor:pointer}.suggestions li[data-v-614b5342]:hover{background-color:#f0f0f0}#memo[data-v-614b5342]{font-size:10px}button[data-v-614b5342],input[data-v-614b5342],textarea[data-v-614b5342]{font-family:inherit}.card[data-v-614b5342]{margin-bottom:20px}#h1[data-v-614b5342]{font-size:40px;margin-top:15px;font-weight:600}#h1[data-v-614b5342],#h5[data-v-614b5342]{animation:fadein-614b5342 2s;transform:translate(20px);text-align:left;margin-left:15px}#h5[data-v-614b5342]{font-size:10px;size:20px}#mypage[data-v-614b5342]{display:flex;flex-flow:column}#icon[data-v-614b5342]{margin-right:15%}#icon[data-v-614b5342],.background-placeholder[data-v-614b5342]{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-614b5342]{margin-right:20%}#license[data-v-614b5342]{width:50px;height:40px;background-size:contain}#user[data-v-614b5342]{display:flex;animation:fadein-614b5342 2s;transform:translate(20px)}#username[data-v-614b5342]{font-size:25px}#badge[data-v-614b5342]{display:flex}#numberarea[data-v-614b5342]{display:flex;justify-content:center;animation:fadein-614b5342 2s;transform:translate(20px)}.Number[data-v-614b5342]{margin:20px 20px 10px 20px;font-size:30px}#logicon[data-v-614b5342]{background-image:url(/img/book.11a7bd21.png);height:30px;width:30px;background-size:contain}#spoticon[data-v-614b5342]{background-image:url(/img/pin.4f0b0b71.png);height:30px;width:30px;background-size:contain}#fireicon[data-v-614b5342]{background-image:url(/img/good.b716d4cd.png);height:30px;width:30px;background-size:contain}.numbercontents[data-v-614b5342]{align-items:center}#sortcontainer[data-v-614b5342]{display:flex}#sortbutton[data-v-614b5342]{justify-content:left;margin-left:30px}#fishcontainer[data-v-614b5342]{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-614b5342] :hover{opacity:.8}#postbutton[data-v-614b5342]{animation:fadein-614b5342 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-614b5342]:hover{background-color:#000;color:#000}#buttoncontainer[data-v-614b5342]{display:flex;justify-content:center;margin-top:20px;gap:10px}#logimg[data-v-614b5342]{width:160px;height:120px;animation:fadein-614b5342 2s;transform:translate(20px);margin-top:10px;margin-bottom:10px;box-shadow:5px 5px 5px 5px gray;border:solid}@keyframes fadein-614b5342{0%{opacity:0}to{opacity:1}}.modal_contents_bg[data-v-614b5342]{display:flex;align-items:center;margin-top:200px;margin-left:5%;margin-right:5%}.modal_contents_wrap[data-v-614b5342]{position:absolute;box-shadow:5px 5px 5px 5px gray;border:solid;width:90%;background-color:#fff}#markbutton[data-v-614b5342]{animation:fadein-614b5342 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-614b5342]:hover{background-color:#000;color:#000}.onelogimg[data-v-614b5342]{width:300px;height:200px;margin:10px;box-shadow:5px 5px 5px 5px gray;border:solid}.item_container_tag[data-v-614b5342]{display:flex;flex-direction:row;margin-left:22%;margin-top:8px}.log_tag[data-v-614b5342]{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-614b5342]{display:flex;flex-direction:row}#card_fishname[data-v-614b5342]{font-size:30px;margin-top:18px;animation:characteropacity-614b5342 1.2s ease-in-out}.card_fishname_border[data-v-614b5342]{border-top:3px solid;-o-border-image:linear-gradient(90deg,#6a11cb,#2575fc) 1;border-image:linear-gradient(90deg,#6a11cb,#2575fc) 1;animation:stroke-width-614b5342 1.2s ease-in-out;margin-top:0;margin-bottom:10px}#pen[data-v-614b5342]{width:20px;height:20px;margin-top:28px;animation:slideIn-614b5342 1.2s ease-in-out}@keyframes stroke-width-614b5342{0%{width:0;opacity:1}to{width:100%;opacity:1}}@keyframes characteropacity-614b5342{0%{opacity:0}75%{opacity:0}to{opacity:1}}@keyframes slideIn-614b5342{0%{transform:translateX(-100px);opacity:0}to{transform:translateX(0)}}.centering[data-v-614b5342],.centering_2[data-v-614b5342]{display:flex;justify-content:center}.centering_2[data-v-614b5342]{flex-direction:column}.modal_close_btn[data-v-614b5342]{display:inline-block;cursor:pointer;margin-top:10px;margin-right:10px;border:none;height:35px;width:40px}#deletebutton[data-v-614b5342],#editbutton[data-v-614b5342]{display:inline-block;cursor:pointer;margin-top:10px;margin-left:10px;border:none;height:35px;width:40px}.topButton[data-v-614b5342]{display:none;position:fixed;bottom:30px;right:30px;width:80px;height:80px;animation:fadein-614b5342 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-614b5342]{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-614b5342]{padding:8px;cursor:pointer}#memo[data-v-614b5342]{width:50%}button[data-v-614b5342],input[data-v-614b5342],textarea[data-v-614b5342]{font-family:inherit}.card[data-v-614b5342]{margin-bottom:20px}#h1[data-v-614b5342]{font-size:40px;margin-top:15px;font-weight:600}#h1[data-v-614b5342],#h5[data-v-614b5342]{animation:fadein-614b5342 2s;transform:translate(20px);text-align:left;margin-left:15px}#h5[data-v-614b5342]{font-size:10px;size:20px}#mypage[data-v-614b5342]{display:flex;flex-flow:column}#icon[data-v-614b5342]{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-614b5342]{width:50px;height:40px;background-size:contain}#user[data-v-614b5342]{display:flex;animation:fadein-614b5342 2s;transform:translate(20px)}#username[data-v-614b5342]{font-size:25px}#badge[data-v-614b5342]{display:flex}#numberarea[data-v-614b5342]{display:flex;justify-content:center;animation:fadein-614b5342 2s;transform:translate(20px)}.Number[data-v-614b5342]{margin:20px 20px 10px 20px;font-size:30px}#logicon[data-v-614b5342]{background-image:url(/img/book.11a7bd21.png);height:30px;width:30px;background-size:contain}#spoticon[data-v-614b5342]{background-image:url(/img/pin.4f0b0b71.png);height:30px;width:30px;background-size:contain}#fireicon[data-v-614b5342]{background-image:url(/img/good.b716d4cd.png);height:30px;width:30px;background-size:contain}.numbercontents[data-v-614b5342]{align-items:center}#sortcontainer[data-v-614b5342]{display:flex}#sortbutton[data-v-614b5342]{justify-content:left;margin-left:30px}#fishcontainer[data-v-614b5342]{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-614b5342] :hover{opacity:.8}#postbutton[data-v-614b5342]{animation:fadein-614b5342 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-614b5342]:hover{background-color:#000;color:#000}#buttoncontainer[data-v-614b5342]{display:flex;justify-content:center;margin-top:20px;gap:10px}#logimg[data-v-614b5342]{width:125px;height:90px;animation:fadein-614b5342 2s;transform:translate(20px);margin-top:10px;margin-bottom:10px;box-shadow:5px 5px 5px 5px gray;border:solid}@keyframes fadein-614b5342{0%{opacity:0}to{opacity:1}}.modal_contents_bg[data-v-614b5342]{display:flex;align-items:center;margin-top:200px;margin-left:5%;margin-right:5%}.modal_contents_wrap[data-v-614b5342]{position:absolute;box-shadow:5px 5px 5px 5px gray;border:solid;width:90%;background-color:#fff}#markbutton[data-v-614b5342]{animation:fadein-614b5342 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-614b5342]:hover{background-color:#000;color:#000}.onelogimg[data-v-614b5342]{width:300px;height:200px;margin:10px;box-shadow:5px 5px 5px 5px gray;border:solid}.item_container_tag[data-v-614b5342]{display:flex;flex-direction:row;margin-left:20%;margin-top:8px}.log_tag[data-v-614b5342]{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-614b5342]{display:flex;flex-direction:row}#card_fishname[data-v-614b5342]{font-size:30px;margin-top:18px;animation:characteropacity-614b5342 1.2s ease-in-out}.card_fishname_border[data-v-614b5342]{border-top:3px solid;-o-border-image:linear-gradient(90deg,#6a11cb,#2575fc) 1;border-image:linear-gradient(90deg,#6a11cb,#2575fc) 1;animation:stroke-width-614b5342 1.2s ease-in-out;margin-top:0;margin-bottom:10px}#pen[data-v-614b5342]{width:20px;height:20px;margin-top:28px;animation:slideIn-614b5342 1.2s ease-in-out}@keyframes stroke-width-614b5342{0%{width:0;opacity:1}to{width:100%;opacity:1}}@keyframes characteropacity-614b5342{0%{opacity:0}75%{opacity:0}to{opacity:1}}@keyframes slideIn-614b5342{0%{transform:translateX(-100px);opacity:0}to{transform:translateX(0)}}.centering[data-v-614b5342],.centering_2[data-v-614b5342]{display:flex;justify-content:center}.centering_2[data-v-614b5342]{flex-direction:column}.modal_close_btn[data-v-614b5342]{display:inline-block;cursor:pointer;margin-top:10px;margin-right:10px;border:none;height:35px;width:40px}#deletebutton[data-v-614b5342],#editbutton[data-v-614b5342]{display:inline-block;cursor:pointer;margin-top:10px;margin-left:10px;border:none;height:35px;width:40px}.topButton[data-v-614b5342]{display:none;position:fixed;bottom:30px;right:30px;width:80px;height:80px;animation:fadein-614b5342 2s;transform:translate(20px);background:linear-gradient(#6a11cb,#2575fc);font-size:20px;color:#fff;border-radius:50%;cursor:pointer;border:3px solid #d3d3d3}}