:root{--ink:#24272b;--muted:#646a70;--orange:#f93;--line:#d9dce0;--wrap:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{color:#d66a00}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.wrap{width:min(var(--wrap),calc(100% - 40px));margin-inline:auto}.site-header{position:relative;z-index:1;background:linear-gradient(#30353a,#22262a);color:#fff}.main-nav{position:sticky;top:0;z-index:200;background:#22262a;border-bottom:1px solid #55595d;box-shadow:0 1px 0 rgba(0,0,0,.18)}.header-top{min-height:74px;display:flex;align-items:center;gap:20px}.brand img{display:block;width:200px;height:auto;max-height:67px;object-fit:contain}.site-description{font-size:13px;line-height:1.5;margin:0;border-left:1px solid #8c9094;padding-left:18px}.site-search{margin-left:auto;display:flex;height:36px}.site-search input{width:180px;min-width:0;border:0;border-radius:4px 0 0 4px;padding:0 10px}.site-search button{border:1px solid #73787c;border-radius:0 4px 4px 0;background:#171a1e;color:white;padding:0 13px;cursor:pointer}.main-nav{border-top:1px solid #55595d}.nav-inner{display:flex;align-items:stretch}.nav-inner a{flex:1;text-align:center;padding:10px 4px;border-right:1px solid #51565a;font-weight:700;background:linear-gradient(180deg,#3d4349 0%,#2a2f34 55%,#22262a 100%);color:#fff}.nav-inner a:first-child{border-left:1px solid #51565a}.nav-inner a[aria-current]{color:var(--orange);box-shadow:inset 0 -4px var(--orange)}.nav-inner a:hover{background:linear-gradient(180deg,#4a5158 0%,#353b41 55%,#2c3136 100%);color:var(--orange)}main{padding:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading h1,.block-heading{margin:0;border-left:7px solid var(--orange);padding-left:13px;font-size:24px;line-height:1.35}.section-heading p{margin:0;font-size:13px;color:#40454a}.result{border:1px solid #edc0d9;border-radius:10px;min-height:148px;margin-bottom:12px;padding:16px 18px;display:grid;grid-template-columns:195px minmax(0,1fr) 176px;gap:16px;align-items:center;background-color:#fde5f2;background-size:cover;background-position:center;box-shadow:0 2px 0 #f3d2e2}.result--loto7{background-image:url('images/loto7_sokuhou_bg.jpg')}.result--loto6{background-image:url('images/loto6_sokuhou_bg.jpg')}.result--mini{background-image:url('images/miniloto_sokuhou_bg.jpg')}.draw-meta{padding:10px 12px;border-right:0;background:rgba(255,255,255,.55);border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.draw-meta h2,.draw-title{display:block;font-size:inherit;line-height:1.2;margin:0 0 6px;padding:0;font-weight:700}.draw-game-name{display:block;font-size:34px;line-height:1.15}.draw-meta p{margin:2px 0;font-size:15px;font-weight:650}.draw-round{display:block;font-size:18px;line-height:1.35;font-weight:700;padding:0;margin:4px 0 0}.draw-date{display:flex;align-items:center;gap:6px}.draw-date-icon{display:inline-flex;flex:none;line-height:0}.draw-values{display:grid;grid-template-columns:minmax(0,1fr) 20% 20%;align-items:center;justify-items:center;column-gap:2%;min-width:0;width:100%}.main-balls{width:100%;max-width:100%;text-align:center}.value-group h3{display:table;margin:0 auto 12px;background:linear-gradient(180deg,#ffc46a 0%,#ff9933 42%,#e07010 100%);color:#fff;border-radius:20px;padding:3px 13px;font-size:12px;line-height:1.3;white-space:nowrap;border:1px solid #e87812;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 0 #c45e00,0 3px 5px rgba(0,0,0,.18);text-shadow:0 1px 0 rgba(0,0,0,.18)}.balls{display:flex;gap:8px;padding:0;margin:0;list-style:none;justify-content:center;flex-wrap:nowrap}.balls li{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:50%;background:#fff;border:4px solid #cfcfcf;box-sizing:border-box;box-shadow:0 2px 3px rgba(0,0,0,.12);font-size:21px;font-weight:800;font-variant-numeric:tabular-nums;color:#111}.main-balls .balls{width:100%;justify-content:center;gap:clamp(0.34rem,1.2%,0.6rem);flex-wrap:nowrap}.value-group{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;min-width:0;padding:0;box-sizing:border-box}.bonus-balls,.set-ball{border-left:0}.bonus-balls .balls{justify-content:center;width:100%;gap:clamp(0.35rem,1.2%,0.6rem);flex-wrap:nowrap;margin:0}.set-ball p{display:grid;place-items:center;margin:0 auto;font-size:26px;line-height:1;height:52px;font-weight:800;background:#fff;border-radius:6px;min-width:52px;width:52px;text-align:center;box-shadow:0 2px 3px rgba(0,0,0,.12)}.result-side{display:flex;flex-direction:column;align-items:center;justify-content:space-between;align-self:stretch;gap:14px;min-height:100%;text-align:center}.result-logo{display:block;width:auto;height:52px;max-width:160px;margin-inline:auto;object-fit:contain;object-position:center}.result-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;background:linear-gradient(180deg,#4a5158 0%,#32383e 45%,#23282d 100%);color:#fff;border-radius:8px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 0 #15181b,0 3px 6px rgba(0,0,0,.16);border:1px solid #3a3f43}.result-btn:hover{background:linear-gradient(180deg,#5a626a 0%,#3c434a 45%,#2c3238 100%);color:#fff}.result-btn span{color:var(--orange);font-size:18px;line-height:1;margin-left:2px}.lottery-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0}.lottery-links a{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:76px;background:linear-gradient(180deg,#4a5158 0%,#343a40 50%,#292d31 100%);color:#fff;border-radius:5px;padding:10px 32px 10px 18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.lottery-links a:hover{background:linear-gradient(180deg,#5a626a 0%,#3c434a 50%,#2f3439 100%)}.lottery-links strong{font-size:20px}.lottery-links span{font-size:11px;white-space:nowrap}.lottery-links b{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:25px;color:var(--orange)}.content-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:26px}.block-heading{font-size:21px;border-left-width:6px;margin-bottom:10px}.link-list{list-style:none;margin:0;padding:0}.link-list li{border-top:1px solid var(--line)}.link-list li:last-child{border-bottom:1px solid var(--line)}.link-list a{display:block;padding:10px 24px 10px 8px;position:relative;font-size:14px;font-weight:600}.link-list a:after{content:'›';position:absolute;right:5px;color:#e77e14;font-size:21px;top:5px}.updates-note{border-top:1px solid var(--line);padding:14px 8px;color:var(--muted);font-size:13px}.more-link{display:block;text-align:right;color:#d66a00;font-size:13px;font-weight:700}.site-footer{background:#292d31;color:#f2f2f2;padding:22px 0}.footer-guide{display:flex;flex-wrap:wrap;gap:10px 18px;padding:0 0 16px;margin:0 0 14px;border-bottom:1px solid #3a3f43;font-size:13px}.footer-guide a{color:#d7d9db;font-weight:700}.footer-guide a:hover{color:var(--orange)}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px}.footer-inner nav{display:flex;gap:15px;flex-wrap:wrap}.footer-inner a:hover{color:var(--orange)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.result{grid-template-columns:150px minmax(0,1fr) 160px;gap:12px}.draw-meta h2{font-size:inherit;padding:0}.draw-game-name{font-size:28px}.result-side{gap:10px}.result-logo{height:42px;max-width:140px}.result-btn{min-height:40px;padding:0 12px;font-size:12px}.draw-values{display:grid;grid-template-columns:minmax(0,1fr) 20% 20%;align-items:center;justify-items:center;column-gap:2%}.main-balls{width:100%;max-width:100%;text-align:center}.balls li{width:46px;height:46px;font-size:19px;border-width:3px}.set-ball p{height:46px;width:46px;min-width:46px;font-size:22px}.lottery-links span{white-space:normal}}
@media(max-width:720px){.wrap{width:calc(100% - 32px)}.header-top{flex-wrap:wrap;padding:12px 0;gap:8px}.brand img{width:160px}.site-description{font-size:11px}.site-search{width:100%;margin-left:0}.site-search input{flex:1;width:auto}.nav-inner{overflow-x:auto;white-space:nowrap}.nav-inner a{flex:0 0 auto;min-width:88px;font-size:13px}.section-heading{display:block}.section-heading h1{font-size:21px}.section-heading p{margin:7px 0 0 13px}.result{display:grid;grid-template-columns:1fr auto;gap:20px 12px;padding:14px;margin-bottom:14px}.draw-meta{border:0;padding:10px 12px;grid-column:1}.draw-meta h2{font-size:inherit;padding:0}.draw-game-name{display:none}.draw-meta>p{display:flex;margin:2px 0;font-size:12px}.draw-round{font-size:16px;margin:5px 0;text-align:center}.draw-date{display:inline-flex;margin-right:10px;font-size:12px}.result-side{grid-column:2;grid-row:1;align-self:start;gap:8px}.result-logo{height:36px;max-width:110px}.draw-values{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 20% 20%;align-items:start;justify-items:center;column-gap:2%;row-gap:3%}.main-balls{width:100%;max-width:100%;text-align:center;margin-inline:0}.value-group h3{font-size:11px}.balls li{width:40px;height:40px;font-size:16px;border-width:3px}.bonus-balls,.set-ball{width:auto;padding:0;border-left:0}.set-ball p{font-size:20px;height:40px;width:40px;min-width:40px}.result-btn{min-height:30px;padding:0 12px;font-size:12px}.lottery-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0}.lottery-links a{min-height:75px;padding-left:12px}.lottery-links strong{font-size:17px}.lottery-links span{font-size:10px}.content-columns{grid-template-columns:1fr;gap:25px}.footer-guide{display:flex;flex-direction:column;gap:0;padding:0;margin:0 0 18px;border-bottom:0}.footer-guide a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 2px;border-bottom:1px solid #3a3f43;font-size:15px;font-weight:700;line-height:1.35}.footer-guide a:after{content:'›';flex:none;color:var(--orange);font-size:22px;font-weight:700;line-height:1}.footer-inner{display:block;padding-top:4px;font-size:12px;color:#b7bbbf}.footer-inner nav{margin-top:12px;gap:10px}}
/* Ball layout harden: keep perfect circles (no ellipse) + avoid overflow */
.draw-values{min-width:0}
.main-balls,.bonus-balls,.set-ball{min-width:0;max-width:100%}
.balls,.bonus-balls .balls{flex-wrap:wrap;max-width:100%;align-items:center}
.main-balls .balls{width:100%;justify-content:center;gap:clamp(0.34rem,1.2%,0.6rem);flex-wrap:nowrap;max-width:100%;align-items:center}
.balls li{
	width:clamp(36px,4.8vw,52px);
	height:clamp(36px,4.8vw,52px);
	flex:none;
	align-self:center;
	aspect-ratio:1;
	font-size:clamp(14px,2.4vw,21px);
	box-sizing:border-box;
}
.bonus-balls .balls li{
	width:clamp(36px,4.8vw,52px);
	height:clamp(36px,4.8vw,52px);
}
.set-ball p{
	width:clamp(36px,4.8vw,52px);
	height:clamp(36px,4.8vw,52px);
	min-width:0;
	aspect-ratio:1;
	font-size:clamp(16px,2.8vw,26px);
	box-sizing:border-box;
}
.nav-toggle{display:none;appearance:none;border:0;background:transparent;color:#fff;width:44px;height:44px;margin-left:auto;padding:0;cursor:pointer;align-items:center;justify-content:center;border-radius:6px}
.nav-toggle:hover,.nav-toggle:focus-visible{background:rgba(255,255,255,.1)}
.nav-toggle-bars,.nav-toggle-bars:before,.nav-toggle-bars:after{display:block;width:22px;height:2px;background:currentColor;border-radius:1px;position:relative;transition:transform .2s ease,opacity .2s ease}
.nav-toggle-bars:before,.nav-toggle-bars:after{content:"";position:absolute;left:0}
.nav-toggle-bars:before{top:-7px}
.nav-toggle-bars:after{top:7px}
.nav-toggle[aria-expanded="true"] .nav-toggle-bars{background:transparent}
.nav-toggle[aria-expanded="true"] .nav-toggle-bars:before{top:0;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle-bars:after{top:0;transform:rotate(-45deg)}
@media(max-width:1100px){
.draw-values{grid-template-columns:minmax(0,1fr) minmax(72px,18%) minmax(64px,14%);column-gap:1.5%}
.balls li,.bonus-balls .balls li{width:clamp(34px,4.2vw,46px);height:clamp(34px,4.2vw,46px);border-width:3px}
.set-ball p{width:clamp(34px,4.2vw,46px);height:clamp(34px,4.2vw,46px)}
}
@media(max-width:720px){
.draw-values{grid-template-columns:1fr 1fr !important;row-gap:10px;column-gap:8px;align-items:start;justify-items:center}
.main-balls{grid-column:1/-1;width:100%}
.bonus-balls,.set-ball{width:100%}
.balls li,.bonus-balls .balls li{width:clamp(30px,11vw,40px);height:clamp(30px,11vw,40px);font-size:clamp(13px,3.6vw,16px);border-width:3px}
.set-ball p{width:clamp(30px,11vw,40px);height:clamp(30px,11vw,40px);font-size:clamp(16px,4vw,20px)}
.header-top{flex-wrap:nowrap;gap:10px}
.site-description{display:none}
.site-search{display:none !important}
.nav-toggle{display:inline-flex}
.main-nav{display:none;position:sticky;top:0;z-index:200;background:#1c2024;border-bottom:1px solid #55595d;box-shadow:0 8px 20px rgba(0,0,0,.28)}
.main-nav.is-open{display:block}
.main-nav .nav-inner{display:flex;flex-direction:column;overflow:visible;white-space:normal}
.main-nav .nav-inner a{flex:none;width:100%;min-width:0;text-align:left;padding:14px 16px;border-right:0;border-bottom:1px solid #3a3f43;font-size:15px}
.main-nav .nav-inner a:first-child{border-left:0}
body.nav-drawer-open{overflow:hidden}
}