html, body {
  background-image: url('../img/amber/bg01.jpg');

}

.main-layout-container {
  background-color: rgba(0.5, 0.5, 0.5, 0.5);
}

.content-block {
  background-color: rgba(0, 0, 0, 0.6);
  margin: 10px 0px;
  padding: 20px;
  border-radius: 20px;
}

.bar-img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 20px auto;
  box-shadow: 0 0 15px rgba(255, 0, 212, 0.3); /* ネオンっぽく光らせる */
}

.screenshot {
  max-width: 600px;
  height: auto;
  display: block;
  margin: 30px auto 20px auto;
}

.oneword {
  text-align: center;
  max-width: 600px;
  font-size: 1.2em;
  font-family: Yomogi;
  color: #ffffff;
  margin: 0px auto 10px auto;
}

.longtext {
  text-indent: 1em;
  max-width: 600px;
  font-size: 1.2em;
  font-family: Yomogi;
  color: #ffffff;
  margin: 0px auto 10px auto;
}

.kajo {
  color: #ffff00;
  margin: 0px 40px;
}

.kajo2 {
  color: #ffffff;
  list-style-type: circle;
  margin: 0px auto;
}

.cyuki {
  max-width: 600px;
  list-style-type: "※ ";
  color: #ff8800;
  font-size: 1.2em;
  font-family: Yomogi;
  margin: 0px auto 10px auto;
}

.site-footer {
  color: #ff8800;
}