.sppaper { padding:20px 0 10px 0; text-align:center; }
.sppaper img { max-width:100%; }

.sptitle { padding:15px 0 0 0; text-align:center; font-size:32pt; color:#e00; }
.sptitle b { font-size:24pt; color:#000; }

.splot { padding:10px 0; text-align:center; font-size:12pt; }
.splot .xbox { display:inline-block; width:49%; vertical-align:top; }
.splot .xtitle { padding:25px 0 5px 0; text-align:center; font-size:12pt; color:#666; }
.splot .xtitle b { font-size:18pt; color:#555; }
.splot .xres { max-width:800px; margin:0 auto; font-size:12pt; font-family:sans-serif; color:#000; }
.splot .xres b { display:inline-block; box-sizing:border-box; width:17%; padding:5px 0; white-space:nowrap; font-weight:normal; }
.splot .xres i { font-style:normal; color:#999; }
.splot .xs1 .xtitle b { font-size:20pt; color:#e00; }
.splot .xs1 .xres b { width:100%; font-size:60px; line-height:50px; font-weight:bold; color:#e00; }
.splot .xn1 .xres b { width:40%; max-width:160px; font-size:20pt; }
.splot .xb2 .xtitle b { padding:12px 0 0 0; font-size:20pt; }
.splot .xb2 .xres b { font-size:60px; line-height:50px; font-weight:bold; }
.splot .xb3 { display:inline-block; width:49%; max-width:400px; vertical-align:top; }
.splot .xb3 .xres b { width:40%; max-width:100px; font-size:24pt; font-weight:bold; }

.spsh { width:100%; max-width:1000px; margin:0 auto; padding:10px 0; text-align:center; white-space:nowrap; }
.spsh a { display:block; box-sizing:border-box; width:100%;  margin:20px 0 0 0; padding:10px; border-radius:5px; border-left:1px solid #eee; background-color:#888; text-align:center; font-size:14pt; color:#fff; }
.spsh a:hover { filter:contrast(1.2); }
.spsh .xfb { background-color:#3c5a9a; }
.spsh .xtw { background-color:#04b7ed; }
.spsh .xln {background-color:#00c900; }

@media (max-width:500px) {
	.sptitle { font-size:24pt; font-weight:bold; }
	.sptitle b { font-size:22pt; }
	.splot .xtitle { font-size:10pt; }
	.splot .xb3 .xres b { min-width:44%; font-size:20pt; }
	.spclip iframe { max-width:420px; height:236px; }
}
@media (max-width:450px) {
	.sptitle { padding:10px 0 0 0; font-size:20pt; }
	.sptitle b { font-size:18pt; }
	.splot { padding-top:0; }
	.splot .xtitle { padding-top:20px; }
	.splot .xtitle b { font-size:16pt; }
	.splot .xs1 .xtitle b { font-size:16pt; }
	.splot .xb2 .xtitle b { font-size:16pt; }
}
@media (max-width:400px) {
	.splot .xs1 .xres b { font-size:50px; line-height:40px; }
	.splot .xb2 .xres b { font-size:50px; line-height:40px; }
	.splot .xb3 .xres b { font-size:18pt; }
}