@media screen{[data-button]{display:inline-flex;justify-content:center;align-items:center;color:#333;font-size:1.6rem;cursor:pointer}[data-button].rounded{width:220px;height:50px;padding:10px 30px;border-radius:30px;background-color:var(--primary-button-bg-color);box-shadow:0 0 4px #00000026}[data-button].rounded .caption{color:var(--primary-button-text-color);font-size:16px;font-style:normal;font-weight:900;line-height:normal;letter-spacing:-.32px}}@keyframes buffer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@media screen{.header{position:fixed;z-index:10;top:0;left:0;right:0;max-width:var(--viewport-width);margin:0 auto;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.header .container{position:relative;display:flex;width:100%;height:60px;margin:0 auto;background-color:#ffffffd9}.header .back{position:absolute;top:0;bottom:0;left:0;height:60px}.header .back img,.header .back svg{width:auto;height:100%;max-height:100%}.header .title{width:110px;margin:16px auto 0}.header .title img,.header .title svg{width:100%;height:auto;max-width:100%}}@media screen{.footer .container{display:grid;grid-auto-flow:row;justify-items:center;row-gap:20px;width:100%;margin:0 auto;padding:20px 0;background-color:#fff}.footer .inner{display:grid;grid-auto-flow:row;justify-items:center;row-gap:20px;padding:10px 0}.footer .inner img,.footer .inner svg{width:100%;height:auto;max-width:100%}.footer .inner .share{display:grid;grid-template-columns:repeat(3,28px);-moz-column-gap:20px;column-gap:20px}.footer .inner .share [data-button]{transition:transform .2s ease-in-out}.footer .inner .share [data-button=hover]{transform:translateY(2px)}.footer .inner .logo{width:110px}.footer .sdgs{width:155px}.footer .sdgs img,.footer .sdgs svg{width:100%;height:auto;max-width:100%}.footer .copyright{color:var(--dark-gray);font-family:Noto Sans JP,sans-serif;font-size:10px;font-style:normal;font-weight:400;text-align:center;line-height:normal;letter-spacing:.1em}}@media screen{[data-hud]{z-index:1000;display:none;touch-action:manipulation}[data-hud].ready,[data-hud].active{display:block}[data-hud] .scroller{position:relative;display:flex;width:100%;height:100%;padding:50px 0;overflow-x:hidden;overflow-y:auto}[data-hud] .shutdown{position:absolute;top:5rem;right:5rem;width:3rem;height:3rem;font-size:3rem;line-height:1;padding:0}[data-hud]:not(.relative){position:fixed;top:0;bottom:0;left:0;right:0}[data-hud].relative{position:relative}}@media screen{[data-hud=loading].active,[data-hud=loading].ready{z-index:2000;display:flex;justify-content:center;align-items:center;touch-action:none}[data-hud=loading] .inner{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;padding:20px;background-color:var(--primary-button-bg-color);border-radius:12px;overflow:hidden}[data-hud=loading] .buffer{width:2.8rem;height:2.8rem;background:url(/sugoroku/_app/buffer-HM47jCr-.png) no-repeat 50% 50%;background-size:contain;animation:buffer 1.5s linear infinite}[data-hud=loading] .caption{text-align:center}}@media screen and (min-width: 768px){[data-hud=loading] .inner{margin:auto}}