html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,dfn,del,p,blockquote,fieldset,input,textarea,select,article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,button,canvas,video{margin:0;padding:0}h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th,dfn,del{font-weight:normal;font-style:normal}ul,ol{list-style:none}fieldset,img{border:none}caption,th{text-align:left}table{border-collapse:collapse;border-spacing:0}input[type="button"],input[type="submit"],input[type="reset"],button{cursor:pointer;line-height:normal}button,input{line-height:normal}input[type="hidden"],[hidden],.hidden{display:none}textarea{overflow:auto;resize:none}article,aside,details,figcaption,figure,footer,header,nav,section,.clearfix{display:block}audio,canvas,video{display:inline-block}a>img{vertical-align:bottom}strong,b{font-weight:bold}em,i{font-style:italic}del{text-decoration:line-through}a{text-decoration:none}:focus{outline:none}*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html{height:100%;font-size:62.5%}body{font-family:sans-serif}button{text-align:center;color:#fff;font-size:1.6rem;font-weight:600;padding:1.2rem 4rem;background:#7c7a65 url('../img/bullet_white.svg') no-repeat 16px;border:none;border-radius:.8rem;width:75vw;max-width:320px;margin:0 auto 1.6rem auto}button.strong{background-color:#e73535}button:active{box-shadow:0 0 40px 0 rgba(0,0,0,.2) inset}div.tail_link{text-align:right;max-width:480px;margin:0 auto}div.tail_link a{display:inline-block;padding:.8rem 1.6rem .8rem 4rem;margin-bottom:.8rem;font-size:1.4rem;font-weight:600;color:#e73535;text-decoration:none;background:url('../img/bullet_red.svg') no-repeat 16px;border-radius:.8rem}div.tail_link a:active{background-color:rgba(0,0,0,.05)}section.default{max-width:480px;margin:1.6rem auto;text-align:center}@media screen and (max-width:480px){section.default{padding:0 1.6rem}}section#selection div{text-align:center;padding:0 auto}section#selection div#owner{background:#fff}section#selection div#newcomer{background:#e5e4e0}section#selection div h2{text-align:left;font-size:2rem;font-weight:600;min-height:80px;width:calc(90vw - 120px);margin:0 auto 1.6rem auto;padding-top:2.4rem;padding-left:120px}section#selection div h2 span{display:block}section#selection div#owner h2{background:url(../img/hand_card@2x.png) no-repeat left bottom;background-size:96px}section#selection div#newcomer h2{background:url(../img/hand_empty@2x.png) no-repeat left bottom;background-size:96px}@media screen and (min-width:640px){section#selection div h2{width:40vw}section#selection div h2 span{display:inline}}fieldset{text-align:left;margin-bottom:2.4rem}fieldset label{display:block;font-size:1.4rem;font-weight:600;margin-bottom:.8rem}input{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}fieldset input.num{display:block;border:#7c7a65 2px solid;border-radius:.8rem;font-size:2rem;font-weight:400;padding:.8rem 1.2rem;margin-bottom:.8rem}fieldset input.num:focus{border:#e73535 2px solid}fieldset input.num::placeholder{color:rgba(0,0,0,.2)}fieldset input#card_num{width:calc(100% - 48px)}fieldset input#card_pin{width:40%}input[type="submit"],input[type="button"]{text-align:center;color:#fff;font-size:1.6rem;font-weight:600;padding:1.2rem 4rem;background:#e73535 url('../img/bullet_white.svg') no-repeat 16px;border:none;border-radius:.8rem;width:50%;margin:0 auto}span.error{font-size:1.2rem;font-weight:400;color:#e73535}p.error{font-size:1.6rem;font-weight:600;color:#e73535}div#card{width:calc(100% - 3.2rem);max-width:360px;height:auto;position:relative;border-radius:1.6rem;text-align:center;box-shadow:0 1.2rem 2.4rem rgba(0,0,0,.2);margin:1.6rem auto 2.4rem auto}div#card:before{content:"";display:block;padding-top:61.8%}div#cardcontents{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;flex-flow:column;justify-content:space-between}div#cardtitle{align-content:flex-start;flex-grow:1;border-radius:1.6rem 1.6rem 0 0;background-repeat:no-repeat;background-position-y:0;display:flex;align-content:space-around;justify-content:center}div#cardtitle.card1{background:url(../img/card1_bg.jpg);background-size:cover}div#cardtitle.card2{background:url(../img/card2_bg.jpg);background-size:cover}div#cardtitle.card3{background:url(../img/card3_bg.jpg);background-size:cover}div#cardtitle.card4{background:url(../img/card4_bg.jpg);background-size:cover}div#cardtitle img{width:50%;align-self:center}div#barcode{align-content:flex-end;flex-grow:0;background:#fff;border-radius:0 0 1.6rem 1.6rem;padding:.8rem}div#barcode img{width:calc(100% - 2.4rem);margin:0 auto}div#barcode p{display:block;font-size:1.2rem;font-weight:400;margin-top:.4rem}div#barcode p code{font-family:'SF Mono','Roboto Mono',monospace;font-size:1.2rem}section.status{width:calc(100% - 3.2rem);max-width:480px;margin:1.6rem auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:.8rem}div.rank{grid-column:span 2;display:block}div.rank dl{display:flex;flex-direction:row;flex-flow:row;align-content:space-between;justify-content:space-between;margin-bottom:.8rem}div.rank dd{color:#000;font-size:1.4rem;font-weight:600;padding-right:80px}div.rank dd.card1{background:url(../img/stars1.svg) no-repeat right}div.rank dd.card2{background:url(../img/stars2.svg) no-repeat right}div.rank dd.card3{background:url(../img/stars3.svg) no-repeat right}div.rank dd.card4{background:url(../img/stars4.svg) no-repeat right}@media screen and (max-width:360px){div.rank dd{padding-right:52px}div.rank dd.card1,div.rank dd.card2,div.rank dd.card3,div.rank dd.card4{background-size:48px}}div.point{display:block;grid-column:span 2}div.rank a,div.point a{display:block;text-decoration:none;border-radius:.8rem;padding:1.2rem;color:#000;background-color:#f5e3e4;border-radius:.8rem}div.rank a:active,div.point a:active{box-shadow:0 0 40px 40px rgba(0,0,0,.05) inset}div.point dl{display:flex;flex-direction:row;align-content:space-between;justify-content:space-between}div.rank dt,div.point dt{font-size:1.4rem;font-weight:600}div.point dd{font-size:1.2rem;font-weight:400}div.rank dd span,div.point dd span{font-size:1.2rem}div.rank dd code,div.point dd code{font-size:2rem;font-weight:600;color:#e73535;font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif;margin-right:.4rem}div.rank p,div.point p{font-size:1rem;font-weight:400;margin-top:.4rem}div.rank p span{color:#000;font-weight:600;padding-right:52px;background-repeat:no-repeat;background-position:right 2px center;background-size:48px}div.rank p span.card1{background-image:url(../img/stars1.svg)}div.rank p span.card2{background-image:url(../img/stars2.svg)}div.rank p span.card3{background-image:url(../img/stars3.svg)}div.rank p span.card4{background-image:url(../img/stars4.svg)}div.rank p.link,div.point p.link{font-size:1.2rem;text-align:right;font-weight:400;color:#e73535;margin-top:.8rem;padding-right:1.2rem;background-image:url('../img/chevron.svg');background-repeat:no-repeat;background-position:right center}section.buttons{text-align:center;margin:.8rem auto;width:calc(100% - 3.2rem);max-width:480px}section.buttons p{font-size:1.2rem;font-weight:400;color:#7c7a65;margin-bottom:.8rem}.modal p{font-size:1.4rem;font-weight:400;color:#000;text-align:center}.modal p b{font-weight:600;color:#e73535}.modal p.sub{font-size:1rem;font-weight:400;color:#000;text-align:right;margin-top:.8rem}.modal div{text-align:center;display:grid;grid-template-rows:1fr;grid-template-columns:1fr 1fr;column-gap:.8rem;grid-auto-flow:column�G}@media screen and (max-width:400px){.modal div{grid-template-rows:1fr 1fr;grid-template-columns:1fr;grid-auto-flow:row}}.modal div button{width:100%;margin:1.6rem auto 0 auto;background-image:url('../img/bullet_white.svg');background-repeat:no-repeat;background-position:left 8px center;padding:1.2rem .8rem 1.2rem 2.4rem}.modal dl.point{display:flex;flex-direction:column;align-items:baseline}.modal dl.point dt{font-size:1.4rem;font-weight:600;margin-top:.4rem}.modal dl.point dd{font-size:1.2rem;font-weight:400;text-align:right}.modal dl.point dd code{font-size:2.4rem;font-weight:600;color:#e73535;font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif;margin-right:.4rem}@media screen and (min-width:360px){.modal dl.point{flex-direction:row;justify-content:space-between}}.modal dl.schedule{display:flex;flex-direction:row;flex-flow:row;align-content:space-between;justify-content:space-between;margin-top:.8rem}.modal dl.schedule dt{font-size:1.2rem;font-weight:400}.modal dl.schedule dd{font-size:1.2rem;font-weight:400}div.withdraw{display:block;width:calc(100% - 3.2rem);max-width:480px;margin:1.6rem auto;background-color:#e5e4e0;border-radius:.8rem}div.withdraw p{font-size:1.2rem;color:#000;font-weight:400;padding:1.6rem}