
h1 { padding:15px 0 10px 0; text-align:center; }
h1 a { color:var(--text); }
h1 a:hover ,
h1 b { color:var(--linkactive); }

.sp_lotto_top { width:320px; height:100px; }
@media (min-width:768px) { .sp_lotto_top { width:728px; height:90px; } }
@media (min-width:1000px) { .sp_lotto_top { width:970px; height:90px; } }
@media (min-width:1000px) and (min-height:700px) { .sp_lotto_top { width:970px; height:250px; } }

#cform { box-sizing:border-box; width:100%; margin:15px 0 10px 0; text-align:center; }
#cform input { box-sizing:border-box; vertical-align:middle; }
#cform input[type=number] { width:calc(100% - 165px); height:50px; padding:5px 0 5px 10px; border-radius:10px; outline:none; border:1px solid var(--bg4); background-repeat: no-repeat; background-position:8px 12px; font-size:20pt; font-weight:bold; color:var(--text); }
#cform input[type=number]:focus { border-color:var(--text4); }
#cform input[type=number]::placeholder { font-size:16pt; color:var(--text4); }
#cform input[type=number]::-webkit-inner-spin-button { -webkit-appearance:none; }
#cform input[type=submit] { width:140px; height:50px; margin-left:10px; border-radius:10px; outline:none; border:1px solid var(--primary); background-color:var(--primary); font-size:14pt; color:var(--primarytext); }
#cform input[type=submit]:hover { border-color:var(--text); }
#cform .xscan { display:inline-block; box-sizing:border-box; height:54px; margin:5px 0 5px 5px; padding:5px 0 0 12px; border-left:1px solid var(--bg4); vertical-align:middle; font-size:14pt; color:var(--linkpj); }
#cform .xscan img { margin:0 3px 0 0; vertical-align:middle; }
#cform .xscan:hover { filter:brightness(115%); }

.splist { box-sizing:border-box; width:98%; max-width:1200px; margin:0 auto 10px auto; font-size:14pt; }
.splist h3 { margin:0; padding:10px 0 5px 5px; font-size:24pt; font-weight:normal; color:var(--text2); }
.splist a { display:inline-block; box-sizing:border-box; width:20%; padding:10px; color:var(--text); }
.splist a:hover { background-color:var(--bg2); color:var(--linkactive); }

@media(max-width:1200px){
	.splist a { width:25%; }
}
@media(max-width:1000px){
	.splist a { width:33%; }
}
@media(max-width:750px){
	.splist a { width:50%; }
}
@media(max-width:500px){
	#cform input[type=number]::placeholder { font-size:14pt; }
}
