/* BODY全体 */
body {
  text-align: left;
}

h1 {
  color: #010079;
  text-shadow: 0 0 5px white;
  border-left: solid 7px #010079;
  padding-left: 5px;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

h2 {
  position: relative;
  padding: 0.25em 1em;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
  color:#fff;
  text-shadow    : 
  2px  2px 0px rgba(0, 0, 0, 0.5),
  -2px  2px 0px rgba(0, 0, 0, 0.5),
   2px -2px 0px rgba(0, 0, 0, 0.5),
  -2px -2px 0px rgba(0, 0, 0, 0.5),
   2px  0px 0px rgba(0, 0, 0, 0.5),
   0px  2px 0px rgba(0, 0, 0, 0.5),
  -2px  0px 0px rgba(0, 0, 0, 0.5),
   0px -2px 0px rgba(0, 0, 0, 0.5);        /* 文字の影 */
}
h2:before, h2:after {
  content: '';
  position: absolute;
  top: -7px;
  width: 2px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: black;
}
h2:before {
  left: 7px;
}
h2:after {
  right: 7px;
}

h3 {
  color: #000000;
  background-color: #99cc00;
  padding-left: 10px;
}

h4 {
  text-align: center;
  color: #000000;
  background-color: gold;
  font-size: 18px;
  width: 350px;
}

.point {
  text-align: center;
  color:#ffffff;
  background-color: #333333;
  font-size: 2em;
  font-weight: bold;
}