.mypage[data-v-972ee4a0]{display:block;width:1200px;max-width:100%;margin:1rem auto;padding:0;background:#fff}.mypage>.wrapper[data-v-972ee4a0]{position:relative;display:flex;justify-content:flex-start;align-items:stretch}.mypage>.wrapper>.sidebar[data-v-972ee4a0]{position:relative;width:320px;padding:1rem;border-right:1px solid #ededed}.mypage>.wrapper>.sidebar>.avatar[data-v-972ee4a0]{width:140px;max-width:80%;border-radius:50%;margin:1rem auto;background:#dedede;background:#dedede url(../img/icon_profile.e6445cc4.png) no-repeat;background-position:50%;background-size:cover}.mypage>.wrapper>.sidebar>.avatar[data-v-972ee4a0]:after{content:"";display:block;padding-top:100%}.mypage>.wrapper>.sidebar>.name[data-v-972ee4a0]{position:relative;font-size:1.2rem;font-weight:700;text-align:center}.mypage>.wrapper>.sidebar>.name>.flag[data-v-972ee4a0]{display:inline-block;vertical-align:middle;width:2rem;margin:0 .8rem 0 0;border:1px solid #dedede}.mypage>.wrapper>.sidebar>.grade[data-v-972ee4a0]{font-size:1rem;font-weight:300;color:grey;text-align:center}.mypage>.wrapper>.sidebar>button.customize[data-v-972ee4a0]{width:100%;margin-top:3rem;text-transform:uppercase}.mypage>.wrapper>.sidebar>button.logout[data-v-972ee4a0]{display:none;width:100%;margin-top:1.2rem;text-transform:uppercase}.mypage>.wrapper>.body[data-v-972ee4a0]{width:calc(100% - 321.1px);padding:1rem 2rem}.mypage>.wrapper>.body[data-v-972ee4a0] .header{position:relative;margin:0 0 2rem 0}.mypage>.wrapper>.body[data-v-972ee4a0] .header>h1{padding:0;margin:0;font-size:1.8rem;font-weight:700}.mypage>.wrapper>.body[data-v-972ee4a0] .header>.path{position:absolute;right:0;bottom:50%;transform:translateY(50%);width:auto;list-style-type:none;display:flex;justify-content:flex-end;align-items:center;margin:0;padding:0}.mypage>.wrapper>.body[data-v-972ee4a0] .header>.path>li{position:relative;display:inline-block;padding:0 0 0 1rem;font-size:.875rem}.mypage>.wrapper>.body[data-v-972ee4a0] .header>.path>li a{color:grey;text-decoration:none}.mypage>.wrapper>.body[data-v-972ee4a0] .header>.path>li.current a{color:#333}.mypage>.wrapper>.body[data-v-972ee4a0] .header>.path>li a:hover{text-decoration:underline}.mypage>.wrapper>.body[data-v-972ee4a0] .header>.path>li:after{content:"/";padding-left:1rem;color:#dedede}.mypage>.wrapper>.body[data-v-972ee4a0] .header>.path>li:last-child:after{content:""}@media (max-width:800px){.mypage[data-v-972ee4a0]{padding:0}.mypage>.wrapper[data-v-972ee4a0]{display:block;justify-content:flex-start;align-items:stretch}.mypage>.wrapper>.sidebar[data-v-972ee4a0]{width:100%;border-right:none}.mypage>.wrapper>.sidebar>button.logout[data-v-972ee4a0]{display:block}.mypage>.wrapper>.body[data-v-972ee4a0]{width:100%;padding:1rem}}