@media screen and (min-width:px){.xl-none{display:none}}@media screen and (max-width:px){.l-none,.m-none,.s-none{display:none}}@media screen and (min-width:px){.pc-none{display:none}}img{width:100%;height:auto}body{color:#111;font-family:Noto Sans JP,sans-serif;font-size:1em;font-weight:400;line-height:1.6}@media screen and (max-width:px){body{font-size:.875rem}}.account{align-items:center;gap:.5rem;display:flex;position:relative}.account:hover .account__info{opacity:1;visibility:visible}.account .account__info{opacity:0;visibility:hidden;width:7.5rem;height:7.5rem;transition:all .3s;position:absolute;top:0;left:0}.account .account__info .account__info-user{background:#fff;border:2px solid #007d75;border-radius:4px;flex-direction:column;gap:.5rem;width:100%;padding:.5rem;font-size:.875rem;display:flex;position:absolute;top:2.25rem;left:0}.account .account__info .account__info-user input,.account .account__info .account__info-user a{padding:initial;text-decoration:underline}.account .account__thumb{object-fit:cover;border:1px solid #ccc;border-radius:50%;width:2rem;height:2rem}.account .account__name{font-size:.8125rem}
@media screen and (min-width:px){.xl-none{display:none}}@media screen and (max-width:px){.l-none,.m-none,.s-none{display:none}}@media screen and (min-width:px){.pc-none{display:none}}img{width:100%;height:auto}body{color:#111;font-family:Noto Sans JP,sans-serif;font-size:1em;font-weight:400;line-height:1.6}@media screen and (max-width:px){body{font-size:.875rem}}.spinner{border:4px solid #0003;border-top-color:#000;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}