@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&family=Nunito:wght@700;800&display=swap);:root{--green:#2ed2c9;--dark-green:#12c5bb;--yellow:#f1c40f;--dark-yellow:#e6b905;--red:#d12d36;--black:#222;--white:#fff}.test-buttons{display:flex;flex-direction:column;background-color:var(--white)}*{box-sizing:border-box}body{font-family:"Noto Sans JP",sans-serif;font-weight:500;padding:0 1rem 1rem;margin:0}h2{font-size:21px}p{margin:0}header{display:inline-flex;justify-content:center;gap:12px}.hidden{display:none!important}.wrap{max-width:100%;margin:0 auto}.game{display:flex;flex-direction:column;align-items:flex-start;margin:0 auto}.flex{display:flex;justify-content:center;margin:0 auto}ul.hand{display:flex;padding-left:0;gap:.375rem;margin:0 0 .625rem 0;position:relative}.hand-result-wrap{position:absolute;top:0;left:calc(100% + .375rem)}.hand-confirm-wrap,.hand-result-wrap{display:flex;align-items:center;width:auto;height:4.2rem}.hand-confirm,.hand-result{text-align:center;border-radius:5px;text-transform:uppercase;background-color:var(--yellow);border:1px solid var(--dark-yellow);color:var(--black);padding:1px 7px 0;font-size:13px;line-height:14px;font-weight:700;display:flex;justify-content:center;align-items:center;min-width:3.75rem;font-family:Nunito,sans-serif}.hand-confirm{background-color:var(--green);border:2px solid var(--dark-green);box-shadow:0 1px 1px 0 rgba(0,0,0,.15);padding-bottom:0;min-width:90px;font-weight:800;padding:5px 2px;cursor:pointer}.hand-confirm:hover{background-color:var(--dark-green)}li.card{width:3rem;height:4.2rem;background-color:var(--white);text-align:center;border:1px solid var(--black);display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-radius:.1875rem;font-size:.8rem;line-height:1rem;padding:.125rem .25rem .125rem}li.card.club,li.card.spade{color:var(--black)}li.card.diamond,li.card.heart{color:var(--red)}li.card .card-first-no{width:100%;text-align:left;font-weight:700}li.card .card-suit{font-size:1.7rem;line-height:1.7rem;margin-top:-4px}li.card .card-second-no{width:100%;text-align:right;font-weight:700;transform:rotate(180deg);text-align:left}.yz-dialog{display:block;z-index:3;padding:32px 48px 35px;margin:0;text-align:center;border-radius:4px;background-color:var(--white);box-shadow:0 4px 15px 0 rgba(0,0,0,.13);width:350px;max-width:100%}@media screen and (max-width:600px){.yz-dialog{padding:24px}}@media screen and (max-width:480px){.yz-dialog{width:calc(100% - 20px);left:10px}}.yz-dialog[aria-hidden=true]{display:none}@media screen and (max-width:480px){.yz-dialog--mobile-full{width:100%;top:0!important;left:0;border-radius:0;min-height:100vh}}@media screen and (max-height:875px){.yz-dialog--mobile-full{position:absolute;top:0!important}}.yz-dialog[data-yz-dialog-top]{position:absolute;margin-bottom:50px}.yz-dialog-overlay{background-color:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;padding:10px;overflow-y:auto}.yz-dialog-overlay[aria-hidden=true]{display:none}@media screen and (max-width:480px){.yz-dialog-overlay--mobile-full{display:block;padding:0}}.yz-dialog-fixed-page{overflow:hidden}.yz-dialog .sr-only{opacity:0;position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}