: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}}.profilepagemain{align-items:80%;text-align:center}.profilepagemain .icon{padding:10px;align-items:center}.profilepagemain .icon .iconimg{object-fit:cover}.profilepagemain .username{padding:10px;font-weight:700;font-size:30px}.profilepagemain .profiletext{padding:10px;text-align:left;white-space:pre-line}.profilepagemain .profiletext a{color:#234e96;text-decoration:underline}.profilepagetabarea{min-height:100px;margin-bottom:30px}.profilepagetabarea .tab{border-radius:0;font-weight:700}.profilepagetabarea .articlelist{width:100%;background-color:#fff;padding-bottom:10px}@media screen and (min-width:757px)and (max-width:1024px){.profilepagemain{width:375px}.profilepagemain .icon img{width:200px;height:200px;border-radius:260px}.profilepagetabarea .tab{width:180px;margin:0!important;white-space:nowrap}.profilepagetabarea .tab:hover{box-shadow:0 4px 8px rgba(0,0,0,.2)}}@media screen and (min-width:572px)and (max-width:756px){.profilepagemain{width:375px}.profilepagemain .icon img{width:200px;height:200px;border-radius:260px}.profilepagetabarea .tab{width:180px;margin:0!important;white-space:nowrap}.profilepagetabarea .tab:hover{box-shadow:0 4px 8px rgba(0,0,0,.2)}}@media screen and (min-width:0px)and (max-width:571px){.profilepagemain{width:375px}.profilepagemain .icon img{width:200px;height:200px;border-radius:260px}.profilepagetabarea .tab{width:180px;margin:0!important;white-space:nowrap}.profilepagetabarea .tab:hover{box-shadow:0 4px 8px rgba(0,0,0,.2)}}@media screen and (min-width:1440px){.profilepagemain{width:500px}.profilepagemain .icon img{width:200px;height:200px;border-radius:260px}.profilepagetabarea .tab{width:350px;margin:0 10px!important}.profilepagetabarea .tab:hover{box-shadow:0 4px 8px rgba(0,0,0,.2)}}@media screen and (min-width:1025px)and (max-width:1439px){.profilepagemain{width:500px}.profilepagemain .icon img{width:200px;height:200px;border-radius:260px}.profilepagetabarea .tab{width:350px;margin:0 10px!important}.profilepagetabarea .tab:hover{box-shadow:0 4px 8px rgba(0,0,0,.2)}}@media screen and (min-width:1440px){.profilepagetabarea .tab{width:500px}}