body{background:#fff;
color:navy;
}
header{text-align:center;}
ol{background:#fff;}
li{color:red;}
li +dd{color:blue;}


input[type="checkbox"][name="sakata"] +label+ div {display: none; opacity:0;}
input[type="checkbox"][name="sakata"]:checked + label + div {display: block;
  opacity: 1.0; transition: 3s ease-in-out;
  transition:  1s linear;}

input[type="checkbox"][name="sakata"] +dd {display: none;}
input[type="checkbox"][name="sakata"]:checked + dd {display: block;}
span.dekai{font-size:2em;}


label input{ image
	opacity: 0;
}