*{
  padding:0px;
  margin:0px;
  font-family: "Arial", 'Century Gothic', "Helvetica", "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
  font-weight: bold;
  -webkit-text-size-adjust: 100%;
  text-decoration: none;
  font-size: 1.30vw;
  line-height: 1.7vw;
}

body{
  background: #05070a;
  color: #e8f0ff;
}

span{
  font-size: 1.1vw;
  line-height: 1.7vw;
}

#site-box {
  width:60%;
  padding-top:1.0%;
  padding-bottom:5%;
  text-align=center;
  margin:0 auto;
  border-right: 0.3vw double #e8f0ff;
  border-left: 0.3vw double #e8f0ff;
  box-shadow: 0px 1px 60px rgba(100,130,100,1);
  -moz-box-shadow: 0px 1px 60px rgba(100,130,100,1);
  -webkit-box-shadow: 0px 1px 60px rgba(100,130,100,1);
  -o-box-shadow: 0px 1px 60px rgba(100,130,100,1);
  -ms-box-shadow: 0px 1px 60px rgba(100,130,100,1);
}

#head {
  width : 70%;
  margin:0 auto;
  text-align:center;
}

#contents {
  font-size: 1.30vw;
  line-height: 1.7vw;
  width: 90%;
  height: 100%;
  padding: 2% 2% 2% 2%;
  margin:0 auto;
  align:center;
  text-align:center;
}


.hidden_box {
  margin: 2em 0;
  padding: 0;
}

.hidden_box label {
  padding: 8px;
  padding-right: 2.5%;
  padding-left: 2.5%;
  border: 0.20vw solid;
  font-weight: bold;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));
  color: #8cc2ff;
  border-radius: 15px;
  cursor :pointer;
  transition: .5s;
}

.hidden_box label:before {
  display: inline-block;
  font-family: "Arial", 'Century Gothic', "Helvetica", "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
  color: #8cc2ff;
  padding-: 5px;
  transition: 0.2s;
}

.hidden_box label:hover {
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));
}

.hidden_box input {
  display: none;
}

.hidden_box .hidden_show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}

.hidden_box input:checked ~ .hidden_show {
  padding: 10px 0;
  height: auto;
  opacity: 1;
}

h1 {
  font-size: 2.70vw;
  padding: 0.60em 0.6em;
  color: #8cc2ff;
}

table{
  border-collapse: collapse;
  border: solid 0.2vw #8cc2ff;
  font-size: 1.00vw;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01));
  border-spacing:0;
  empty-cells:show;
  margin:0 auto;
}
th{
  color: #8cc2ff;
  padding:0.25em 0.6em;
  text-align:center;
}
td{
  padding:0.20em 0.3em;
  font-size: 1.00vw;
  border: solid 0.1vw #8cc2ff;
  text-align:left;
  font-size: 1.30vw;
}

hr{
  align:center;
  border: 0.10vw solid;
  color:#8cc2ff;
  width:60%;
  margin:0 auto;
}

A:link, A:visited { color: #8cc2ff; border-bottom: 0.05vw dashed; font-size: 1.30vw;}
A:active { color: red; }
A:hover { color: red; }