body{
  /*padding: 1em;*/
  margin: 0 auto;
  max-width: 100vw;
  background-color: #AEFFBD;
  background-image: url("background.JPG");
  background-size: 100% auto;
  }

.dekaibox{
  width:100%;
  height: 100vh;

  /*background-image: url("background.JPG");*/
  /*background-size: cover;*/
  /*background-position: center;*/

  display: flex;
  justify-content: center;
  align-items: center;
}

.mainbox {
  width: calc(80%);
  height: calc(85%);

  overflow-y: auto;

  background: rgba(255, 255, 255, 0.85);
  padding: 20px;
  border-radius: 10px;
}

/*table {*/
/*  border-collapse: collapse;*/
/*  border: 2px solid black;*/
/*}*/

/*th,td{*/
/*  padding: 5px;*/
/*  border: 1px solid black;*/
/*  }*/


special ul li:hover {opacity:0.6;}

a:link {
  color: #FF99FF;
}

a:visited {
  color: green;
}

.juso img {
  margin: 0 auto;
  width: 450px;
}

.stella img {
  margin: 0 auto;
  width: 500px;
}

.sanyoko img {
  margin: 0 auto;
  width: calc(100%);
}


.oni img {
  margin: 0 auto;
  width: 450px;
}

.obi img {
  margin: 0 auto;
  width: 80%;
}

.anom img {
  margin: 0 auto;
  width: 450px;
}

.kakuu img {
  margin: 0 auto;
  width: 450px;
}

/* .mainbox{
  width: calc(90%);
  margin: 0 auto;
  background-color:white
} */

.maintxtbox{
  width: calc(80%);
  margin: 0 auto;
  font-size: 16px;
}

.maintxtbox iframe{
  text-align: center;
}

@media screen and (max-width:768px) {
    .maintxtbox{
        font-size: 12px;
    }
}