* { margin: 0; padding: 0; }

body {
text-align:center;
}

#page {
max-width: 40em;
margin:0 auto;
background:#fff;
text-align:left;
}

#header {
margin:0 0 10px;
padding:10px;
background:white;
color:black;
}

#header p {
padding:0 1em 1em ;
text-align:center;
}

#footer {
margin:2em 0 3em;
text-align:center;
}

h1{
font-size: 130%;
margin-bottom: 10px;
padding:1em;
text-align:center;
}

#center {
margin:1em 0 0;
text-align:center;
}

h2 {
font-size: 110%;
margin:0 0 1em;
}

#sb-150419 {
text-align:center;
}

#sp-01,#sp-02,#sp-03 {
	font-size: 90%;
	margin-top: 0.5em;
	margin-left: 0.5em;
	margin-bottom: 1em;
	text-align:center;
}

#top1-150419,#top2-150419,#top3-150419 {
width:300px;
  margin : 0 auto 1em;
text-align:left;
}
.rank2018{
font-size: 150%;
line-height: 500%;
}
p {
font-size: 100%;
line-height: 130%;
}

#block-1,#block-2,#block-3{
	margin-bottom: 2em;
}

#block-4{
text-align:center;
}

li {
line-height: 200%;
font-size: 100%;
}

ul {
list-style:none;
margin-left: 1em;
}

#setsumei {
  text-align:center;
  margin-top: 2em;
}


@media screen and (min-width: 768px) {
   /* 768px以上の場合 */

#setsumei li {
  display : inline;
  margin-left: 1em;
}

#block-1{
float: left;
width: 33%;
text-align:center;
}

#block-2{
float: left;
width: 33%;
text-align:center;
}

#block-3{
float: left;
width: 33%;
text-align:center;
}

#block-4{
clear: left;
text-align:center;
}

#top1-150419,#top2-150419,#top3-150419 {
width:350px;
  margin : 0 auto 1em;
text-align:left;
}

}