.userList{display:block;justify-content:center;padding:0;align-items:flex-end}.userList .usercountmaster{height:60px}.userList .usercountmaster .usercountcontainer{opacity:0;transition:opacity .5s ease-in-out}.userList .usercountmaster .usercountcontainer.visible{opacity:1}.userList .usercountmaster .usercountcontainer.visible .usercount{display:flex;align-items:flex-end}.userList .usercountmaster .usercountcontainer.visible .usercount .userCountNumber{padding:5px;font-size:30px;font-weight:700}.userList .usercountmaster .usercountcontainer.visible .usercount .userCountresults{padding:5px;font-size:20px}.userList .userlistmain{justify-content:center}.userList .showmorebuttonarea{display:flex;justify-content:center;align-items:center;width:100%;margin:5px 0 0}.userList .showmorebuttonarea .showmorebutton{border-radius:30px;width:330px;border:2px solid #bb051d;font-weight:700;color:#bb051d;background-color:#fff;margin:2px 0}@media screen and (min-width:757px)and (max-width:1024px){.userList .usercountmaster .usercountcontainer{padding:5px 0}.userList .usercountmaster .usercountcontainer .usercount{padding:5px 10px}}@media screen and (min-width:572px)and (max-width:756px){.userList .usercountmaster .usercountcontainer{padding:5px 0}.userList .usercountmaster .usercountcontainer .usercount{padding:5px 10px}}@media screen and (min-width:0px)and (max-width:571px){.userList .usercountmaster .usercountcontainer{padding:5px 0}.userList .usercountmaster .usercountcontainer .usercount{padding:5px 10px}}@media screen and (min-width:1440px){.userList .usercountmaster .usercountcontainer{padding:10px 0}.userList .usercountmaster .usercountcontainer .usercount{padding:5px 15px}}@media screen and (min-width:1025px)and (max-width:1439px){.userList .usercountmaster .usercountcontainer{padding:10px 0}.userList .usercountmaster .usercountcontainer .usercount{padding:5px 15px}}@media screen and (min-width:1440px){.userList{width:1360px}}@media screen and (min-width:1025px)and (max-width:1439px){.userList{width:990px}}:root{--color-accommodation:#234d97;--color-things:#107641;--color-food-drink:#e16610;--color-culture:#d94c8c;--color-souvenir:#c30d23}*{box-sizing:border-box;padding:0;margin:0}button:hover{background-color:inherit}body{max-width:100vw;overflow-x:hidden;background-color:#f8f8f8;color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,input,textarea{font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.MuiButton-root{text-transform:none!important;box-shadow:none!important}.page{align-items:center;grid-gap:0;gap:0}.page,.page .header{display:grid;justify-items:center}.page .header{position:fixed;top:0;left:0;z-index:1000;background-color:#fff;opacity:0;transition:opacity .5s ease-in-out}.page .header.visible{opacity:1}.page .maincontent{display:grid;justify-items:center;width:100%;opacity:0;transition:opacity .5s ease-in-out}.page .maincontent.visible{opacity:1}.page .footer{display:flex;justify-items:center}@media screen and (min-width:757px)and (max-width:1024px){.page .header{padding:0}.page .maincontent{margin-top:75px}}@media screen and (min-width:572px)and (max-width:756px){.page .header{padding:0}.page .maincontent{margin-top:75px}}@media screen and (min-width:0px)and (max-width:571px){.page .header{padding:0}.page .maincontent{margin-top:75px}}@media screen and (min-width:1440px){.page .header{padding:0}.page .maincontent{margin-top:190px}}@media screen and (min-width:1025px)and (max-width:1439px){.page .header{padding:0}.page .maincontent{margin-top:190px}}.userthumbbody{display:flex;justify-content:center;align-items:center;font-size:20px;padding:5px;cursor:pointer}.userthumbbody .iconimg{object-fit:cover}.userthumbbody:hover{box-shadow:0 1px 1px rgba(0,0,0,.2)}.userthumbbody:hover .iconimg{transform:scale(1.02)}.userthumbbody .usericon,.userthumbbody .username{display:flex;justify-content:center;align-items:center;padding:5px}.userthumbbody .username{word-break:break-word;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2}@media screen and (min-width:757px)and (max-width:1024px){.userthumbbody{width:110px;margin:0 2px}.userthumbbody .usericon{height:45px}.userthumbbody .usericon .iconimg{width:45px;height:45px;border-radius:160px}.userthumbbody .username{line-height:1.7;height:3.4em!important;font-size:10px}}@media screen and (min-width:572px)and (max-width:756px){.userthumbbody{width:110px;margin:0 2px}.userthumbbody .usericon{height:45px}.userthumbbody .usericon .iconimg{width:45px;height:45px;border-radius:160px}.userthumbbody .username{line-height:1.7;height:3.4em!important;font-size:10px}}@media screen and (min-width:0px)and (max-width:571px){.userthumbbody{width:110px;margin:0 2px}.userthumbbody .usericon{height:45px}.userthumbbody .usericon .iconimg{width:45px;height:45px;border-radius:160px}.userthumbbody .username{line-height:1.7;height:3.4em!important;font-size:10px}}@media screen and (min-width:1440px){.userthumbbody{width:170px;margin:0 10px}.userthumbbody .usericon{height:160px}.userthumbbody .usericon .iconimg{width:100px;height:100px;border-radius:160px}.userthumbbody .username{line-height:1.7;height:3.4em!important;font-size:13px}}@media screen and (min-width:1025px)and (max-width:1439px){.userthumbbody{width:170px;margin:0 10px}.userthumbbody .usericon{height:160px}.userthumbbody .usericon .iconimg{width:100px;height:100px;border-radius:160px}.userthumbbody .username{line-height:1.7;height:3.4em!important;font-size:13px}}@media screen and (min-width:1440px){.userthumbbody{width:250px}.userthumbbody .usericon .iconimg{width:160px;height:160px}}