@charset "UTF-8";
/* --------------------------------------------------
  en/shared/css/shimzDream.css
--------------------------------------------------- */

/* ------------- The Environmental Island, GREEN FLOAT -------------- */
.greenfloat-modal-box> .greenfloat-modal> .button--fixed {
  padding: 8px 20px;
  border-radius: 30px;
  font-size: 1.6rem;
  line-height: 1.2;
}
.greenfloat-modal-box> .greenfloat-modal> .button {
  width: 80%;
  color: #cccccc;
  display: inline-block;
  border: 2px solid #cccccc;
  border-radius: 16px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  position: relative;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.greenfloat-modal-box> .greenfloat-modal> .button:hover {
  background-color: #cccccc;
  color: #171f36;
}
.greenfloat-modal-box> .greenfloat-modal> .button:before,
.greenfloat-modal-box> .greenfloat-modal> .button:after {
  -webkit-transition: border-color 0.3s;
          transition: border-color 0.3s;
}
.greenfloat-modal-box> .greenfloat-modal> .button:hover:before,
.greenfloat-modal-box> .greenfloat-modal> .button:hover:after {
  border-color: #cccccc;
}
.greenfloat-modal-box> .greenfloat-modal> .button--search:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  right: 10px;
  top: 50%;
  margin-top: -0.7rem;
  position: absolute;
}
.greenfloat-modal-box> .greenfloat-modal> .button--search:hover {
  background-color: #cccccc;
  color: #171f36;
}
.greenfloat-modal-box> .greenfloat-modal> .modalBox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(23, 31, 54, 0.9);
  display: none;
}
/* ------------- LUNA RING, Solar Power Generation on the Moon -------------- */
.runa-box1 p.bullet:before {
  content: "・";
}
.runa-box1 ul.bullet> li:before {
  content: "・";
  text-indent: -1.4em;
}
.runa-box1 ol.bullet> li:before {
  counter-increment: order;
  content: "・" counter(order);
}
.runa-box1 ul li {
  text-indent: -1.1em;
}
.runa-box1 .runa-box1-frame ul {
  padding-left: 10px;
}


@media (max-width: 767px) {
/* ------------- LUNA RING, Solar Power Generation on the Moon -------------- */
  .dream-title-lv1--icon span {
    display: block;
    font-size: 2.4rem;
  }

}