@keyframes drift{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes swing{0%{transform:rotate(38deg)}25%{transform:rotate(-24deg)}45%{transform:rotate(14deg)}62%{transform:rotate(-8deg)}78%{transform:rotate(4deg)}90%{transform:rotate(-2deg)}100%{transform:rotate(0)}}
@keyframes idleSwing{0%,100%{transform:rotate(1.5deg)}50%{transform:rotate(-1.5deg)}}
@keyframes scanY{from{top:0}to{top:calc(100% - 3px)}}
@keyframes pullHint{0%,100%{transform:translateX(0)}50%{transform:translateX(-5px)}}
@keyframes reprint{from{transform:translateY(-100%);opacity:0}to{transform:none;opacity:1}}
@keyframes eq{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
#mypageContent.mypage-v53{display:block;width:calc(100% + 32px);max-width:none;margin:0 -16px;padding:0;background:#EFEBE4;font-family:'M PLUS Rounded 1c',sans-serif;-webkit-font-smoothing:antialiased}
#mypageScreen{animation-fill-mode:none}
.mypage-v53 button{font-family:inherit;-webkit-tap-highlight-color:transparent}
.mypage-v53-ticket{position:relative}
.mypage-v53-ticket__stub{z-index:2;box-shadow:0 var(--ticket-edge) 0 var(--ticket-paper)}
.mypage-v53-ticket__stub::before{content:"";position:absolute;right:calc(0px - var(--ticket-edge));top:0;bottom:calc(0px - var(--ticket-edge));width:var(--ticket-edge);background:var(--ticket-paper);pointer-events:none}
.mypage-v53-ticket__body{z-index:1;box-shadow:0 var(--ticket-edge) 0 var(--ticket-paper)}
.mypage-v53-ticket__frame{position:absolute;inset:calc(0px - var(--ticket-edge));border:var(--ticket-edge) solid var(--ticket-ink);box-shadow:var(--ticket-shadow);pointer-events:none;z-index:2}
.mypage-v53-ticket__frame--left{right:0;border-right:0}
.mypage-v53-ticket__frame--right{left:0;border-left:0}
.mypage-v53-ticket__line{position:absolute;left:calc(var(--ticket-cut) - 1px);top:var(--ticket-notch);bottom:var(--ticket-notch);border-left:2px dashed var(--ticket-line);pointer-events:none;z-index:3}
.mypage-v53-ticket__notch{position:absolute;left:calc(var(--ticket-cut) - var(--ticket-notch) - var(--ticket-edge));width:calc(var(--ticket-notch) + var(--ticket-notch) + var(--ticket-edge) + var(--ticket-edge));height:calc(var(--ticket-notch) + var(--ticket-edge));background:#EFEBE4;border:var(--ticket-edge) solid var(--ticket-ink);pointer-events:none;z-index:4}
.mypage-v53-ticket__notch--top{top:calc(0px - var(--ticket-edge));border-top:0;border-radius:0 0 50% 50% / 0 0 100% 100%}
.mypage-v53-ticket__notch--bottom{bottom:calc(0px - var(--ticket-edge));border-bottom:0;border-radius:50% 50% 0 0 / 100% 100% 0 0}
.mypage-v53-ticket__notch--body,.mypage-v53-ticket__notch--stub{width:calc(var(--ticket-notch) + var(--ticket-edge))}
.mypage-v53-ticket__notch--body{left:auto;right:0;border-right:0}
.mypage-v53-ticket__notch--stub{left:0;border-left:0}
.mypage-v53-ticket__notch--top.mypage-v53-ticket__notch--body{border-radius:0 0 0 100%}
.mypage-v53-ticket__notch--top.mypage-v53-ticket__notch--stub{border-radius:0 0 100% 0}
.mypage-v53-ticket__notch--bottom.mypage-v53-ticket__notch--body{border-radius:100% 0 0 0}
.mypage-v53-ticket__notch--bottom.mypage-v53-ticket__notch--stub{border-radius:0 100% 0 0}
.mypage-v53-ticket__notch--bottom.mypage-v53-ticket__notch--body::after,.mypage-v53-ticket__notch--bottom.mypage-v53-ticket__notch--stub::after{content:"";position:absolute;top:calc(100% - 1px);left:0;width:100%;height:6px;background:#EFEBE4;pointer-events:none}
.mypage-v53-ticket__notch--bottom.mypage-v53-ticket__notch--stub::after{left:-1px;width:calc(100% + 1px)}
.mypage-v53 [data-mypage-press]:active{transform:translate(3px,4px)!important;box-shadow:1px 1px 0 #2E2C2A!important}
.mypage-v53 [data-mypage-rank]:focus-visible,.mypage-v53 button:focus-visible{outline:3px solid #2E2C2A;outline-offset:3px}
.mypage-v53 .mypage-v53-code-value{white-space:nowrap;overflow:hidden;text-overflow:clip}
@media(max-width:359px){
  .mypage-v53 .mypage-v53-code-value{font-size:25px!important}
  .mypage-v53 .mypage-v53-percent-line-first span:first-child{font-size:40px!important}
  .mypage-v53 .mypage-v53-percent-line-first span:nth-child(2){font-size:18px!important}
  .mypage-v53 .mypage-v53-percent-line-first{gap:2px!important}
  .mypage-v53 .mypage-v53-percent-line-first span:nth-child(3){font-size:7px!important;letter-spacing:.1em!important;margin-left:0!important}
}
@media(min-width:600px){#mypageContent.mypage-v53{width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){.mypage-v53 *, .mypage-v53 *::before, .mypage-v53 *::after{animation:none!important;transition:none!important}}