:root{--e-bg:#1e1811;--e-surface:#261e15;--e-line:#3b3228;--e-accent:#e8a33d;--e-on-accent:#20180c;--e-text:#f5eddc;--e-sub:#a89c8a;--e-danger:#e2705f;--e-ok:#7fbf6a}*{box-sizing:border-box}html,body{background:var(--e-bg);min-height:100%;color:var(--e-text);margin:0}body{-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,Yu Gothic,Meiryo,system-ui,sans-serif}.enter{max-width:480px;min-height:100dvh;padding:20px 24px calc(24px + env(safe-area-inset-bottom,0px));flex-direction:column;margin:0 auto;display:flex}.elogo{color:var(--e-text);align-items:center;gap:10px;text-decoration:none;display:flex}.elogo img{width:30px;height:30px}.elogo b{font-family:var(--font-mochiy), var(--font-zen), sans-serif;letter-spacing:.08em;font-size:22px;font-weight:400}.enter h1{letter-spacing:.01em;margin:0 0 6px;font-size:27px;font-weight:700;line-height:1.45}.enter .lead{color:var(--e-sub);margin:0;font-size:13.5px;line-height:1.85}.enter .grow{flex:1}.enter form{flex-direction:column;flex:1;min-height:0;display:flex}.efield{margin:18px 0 0}.efield label{letter-spacing:.06em;margin:0 0 7px;font-size:12px;font-weight:700;display:block}.efield label span{color:var(--e-sub);letter-spacing:0;font-weight:400}.efield input,.efield select{width:100%;height:52px;font:inherit;color:var(--e-text);background:var(--e-surface);border:1px solid var(--e-line);border-radius:14px;outline:none;padding:0 15px;font-size:16px}.efield input:focus,.efield select:focus{border-color:var(--e-accent)}.efield input::placeholder{color:#6b6054}.efield .note{color:var(--e-sub);margin:7px 0 0;font-size:11.5px}.efield .note a{color:var(--e-accent)}.efield .note.ok{color:var(--e-ok)}.efield .note.ng{color:var(--e-danger)}.ehandle{background:var(--e-surface);border:1px solid var(--e-line);border-radius:14px;align-items:center;gap:8px;height:52px;padding:0 15px;display:flex}.ehandle:focus-within{border-color:var(--e-accent)}.ehandle i{color:var(--e-sub);font-style:normal}.ehandle input{min-width:0;height:100%;font:inherit;color:var(--e-text);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:16px}.ebtn{width:100%;height:52px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;font-size:15px;font-weight:700;text-decoration:none;display:flex}.ebtn.primary{background:var(--e-accent);color:var(--e-on-accent)}.ebtn.primary:disabled{opacity:.55;cursor:default}.ebtn.ghost{color:var(--e-text);border-color:var(--e-line);background:0 0}.esocial{margin:14px 0 0}.esocial p{text-align:center;color:var(--e-sub);margin:0 0 9px;font-size:11.5px}.esocial .row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.esocial button{color:#20180c;height:46px;font:inherit;cursor:pointer;background:#fff;border:1px solid #efe7d9;border-radius:12px;font-size:13px;font-weight:700}.esocial button:disabled{opacity:.45;cursor:default}.eor{color:var(--e-sub);align-items:center;gap:12px;margin:20px 0 0;font-size:11.5px;display:flex}.eor:before,.eor:after{content:"";background:var(--e-line);flex:1;height:1px}.efoot{text-align:center;margin:22px 0 0}.efoot a{color:var(--e-text);font-size:13px}.efoot a b{color:var(--e-accent)}.elegal{text-align:center;color:var(--e-accent);margin:10px 0 0;font-size:11px;font-weight:700}.eterms{text-align:center;color:var(--e-sub);margin:12px 0 0;font-size:11px;line-height:1.8}.eterms a{color:var(--e-sub)}.emsg{border-radius:10px;margin:14px 0 0;padding:10px 13px;font-size:12.5px;line-height:1.7}.emsg.error{color:var(--e-danger);background:#e2705f1f}.emsg.ok{color:var(--e-ok);background:#7fbf6a1f}.ehero{aspect-ratio:1/.88;margin:6px 0 14px;position:relative}.ehero .japan{place-items:center;display:grid;position:absolute;inset:0}.ehero .japan svg{width:72%;height:96%}.ehero .japan path{fill:#2c241a;stroke:#3b3228;stroke-width:1px}.ehero .japan path[data-p=北海道]{fill:#4b6fa8}.ehero .japan path[data-p=神奈川県],.ehero .japan path[data-p=東京都]{fill:#7a5bb0}.ehero .japan path[data-p=長野県]{fill:#4e9c6b}.ehero .japan path[data-p=京都府]{fill:#b07a3c}.ehero .badge{width:74px;height:74px;position:absolute}.ehero .badge img{width:100%;height:100%}.ehero .b1{top:8%;right:6%}.ehero .b2{width:84px;height:84px;top:28%;right:20%}.ehero .b3{top:46%;left:2%}.ehero .b4{width:62px;height:62px;top:54%;left:30%}.ehero .slot{border:2px dashed #4a4034;border-radius:16px;width:70px;height:70px;position:absolute;top:46%;right:4%}.esteps{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 22px;display:grid}.esteps div{color:var(--e-sub);border-top:2px solid var(--e-line);padding-top:8px;font-size:11.5px}.esteps div[data-on=true]{color:var(--e-text);border-top-color:var(--e-accent);font-weight:700}.eback{text-align:left;color:var(--e-accent);cursor:pointer;font-size:13px;font:inherit;background:0 0;border:0;align-self:flex-start;margin:0 0 4px;padding:0;text-decoration:underline}.eage .mark{width:62px;height:62px;margin:6px auto 16px;display:block}.eage h1,.eage .lead{text-align:center}.ewheels{background:var(--e-surface);border:1px solid var(--e-line);border-radius:16px;grid-template-columns:1.2fr 1fr 1fr;gap:0;height:230px;margin:22px 0 0;display:grid;position:relative;overflow:hidden}.ewheels:after{content:"";pointer-events:none;background:#16110b;border-radius:10px;height:42px;position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%)}.ewheel{scroll-snap-type:y mandatory;scrollbar-width:none;z-index:1;-webkit-overflow-scrolling:touch;padding:94px 0;position:relative;overflow-y:scroll}.ewheel::-webkit-scrollbar{display:none}.ewheel button{width:100%;height:42px;font:inherit;color:#6b6054;scroll-snap-align:center;cursor:pointer;background:0 0;border:0;font-size:15px;display:block}.ewheel button[aria-selected=true]{color:var(--e-text);font-size:17px;font-weight:700}.eready{text-align:center}.eready .hello{letter-spacing:.22em;color:var(--e-accent);margin:0 0 6px;font-size:12px;font-weight:700}.eready h1{text-align:center}.eready .locked{width:190px;height:190px;margin:34px auto;display:block}.eready .say{margin:0 0 10px;font-size:15px;font-weight:700;line-height:1.8}.eready .say em{color:var(--e-accent);font-style:normal}.eready .acts{gap:10px;margin:8px 0 0;display:grid}.logo{flex-direction:column;align-items:center;line-height:1;display:inline-flex}.logo-ippai{font-family:var(--font-mochiy), "Mochiy Pop One", sans-serif;font-weight:400}.logo-beer{flex-direction:row;align-items:center;display:flex}.logo-beer span{font-weight:700}.logo-beer i{opacity:.75;display:block}.etop{flex-direction:column;align-items:flex-start;display:flex}.etopback{width:40px;height:40px;color:var(--e-accent);cursor:pointer;background:0 0;border:0;place-items:center;margin:-8px 0 0 -12px;display:grid}.etopmark{font-family:var(--font-mochiy), var(--font-zen), sans-serif;letter-spacing:.02em;color:var(--e-accent);margin-top:14px;font-size:26px;font-weight:400}.etop+div{margin-top:12px}.ebelow{color:var(--e-sub);margin:16px 0 0;font-size:12px;line-height:1.8}.efield .hint{color:var(--e-sub);margin-top:6px;font-size:11.5px;display:block}.enote{color:var(--e-sub);background:#ffffff0a;border-radius:12px;margin:22px 0 0;padding:14px;font-size:12.5px;line-height:1.8}.eacts{flex-direction:column;gap:10px;margin-top:16px;display:flex}.ebtn.ghost:disabled{opacity:.5;cursor:default}.elink{text-align:center;color:var(--e-ok);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:6px;padding:8px;font-size:13.5px;font-weight:700;text-decoration:none;display:block}.elegal.quiet{color:var(--e-sub);opacity:.7;font-weight:400}.enter h1,.enter h2,.enter h3{font-family:var(--font-zen), -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Yu Gothic", Meiryo, system-ui, sans-serif}
