/*-----------------------------------------
** trivia modal
-----------------------------------------*/
body._trivia-1 {
  background-color: #dd7b10;
  /* background-image: url(../img/prono/trivia-modal-bg-1.png);
  background-position: 95% 95%;
  background-repeat: no-repeat;
  background-size: 37% auto; */
}
body._trivia-2 {
  background-color: #553fa4;
  /* background-image: url(../img/prono/trivia-modal-bg-2.png);
  background-position: 98% 98%;
  background-repeat: no-repeat;
  background-size: 35% auto; */
}
body._trivia-3 {
  background-color: #006837;
  /* background-image: url(../img/prono/trivia-modal-bg-3.png);
  background-position: 95% 115%;
  background-repeat: no-repeat;
  background-size: 33% auto; */
}
@media screen and (max-width: 768px) {
  /* body._trivia-1 {
    background-color: #dd7b10;
    background-image: url(../img/prono/trivia-modal-bg-1.png);
    background-position: center 95%;
    background-repeat: no-repeat;
    background-size: 37% auto;
  }
  body._trivia-2 {
    background-color: #553fa4;
    background-image: url(../img/prono/trivia-modal-bg-2.png);
    background-position: center 98%;
    background-repeat: no-repeat;
    background-size: 35% auto;
  }
  body._trivia-3 {
    background-color: #006837;
    background-image: url(../img/prono/trivia-modal-bg-3.png);
    background-position: center 115%;
    background-repeat: no-repeat;
    background-size: 33% auto;
  } */
}

#wrapper {
  width: 100%;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
    "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* min-width: 1200px; */
  margin: 0 auto;
  padding: 80px;
  color: #fff;
  font-weight: 700;
}
section {
  width: 100%;
  position: relative;
  z-index: 10;
}
._inner {
  max-width: 600px;
  width: 90%;
  margin: 0 auto 0 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  #wrapper {
    /* min-width: 100%; */
    padding: 40px 10px 100px 10px;
  }
  ._inner {
    max-width: 600px;
    width: 90%;
    margin: 0 auto;
    position: relative;
  }
}

._elephant {
  width: 38%;
  position: absolute;
  right: -26%;
  bottom: 0%;
}
._yeti {
  width: 45%;
  position: absolute;
  right: -26%;
  bottom: -40px;
  z-index: -1;
  filter: drop-shadow(0 0 3px rgba(0,0,0,0.4));
  -webkit-filter: drop-shadow(0 0 3px rgba(0,0,0,0.4));
}
._wolf {
  width: 42%;
  position: absolute;
  right: -26%;
  bottom: 0%;
  z-index: -1;
  filter: drop-shadow(0 0 3px rgba(0,0,0,0.4));
  -webkit-filter: drop-shadow(0 0 3px rgba(0,0,0,0.4));
}
@media screen and (max-width: 768px) {
  ._elephant {
    width: 70%;
    position: inherit;
    right: inherit;
    bottom: inherit;
    margin: 0 auto;
  }
  ._yeti {
    width: 90%;
    position: inherit;
    right: inherit;
    bottom: inherit;
    margin: 0 auto;
  }
  ._wolf {
    width: 80%;
    position: inherit;
    right: inherit;
    bottom: inherit;
    margin: 0 auto;
  }
}

/*-----------------------------------------
** trivia modal
-----------------------------------------*/
._trivia-ttl {
  font-size: 1.46rem;
  padding: 0 0 10px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #fff;
}
._trivia-list {
  list-style: none;
  margin: 0 0 50px 0;
  padding: 0;
}
._trivia-list:last-of-type {
  margin-bottom: 0;
}
._trivia-list li {
  margin: 0 0 7px 0;
  line-height: 1.6;
  font-size: 1rem;
}
._trivia-txt {
  line-height: 2;
}
._trivia-txt p {
  margin: 0 0 2em 0;
  font-size: 1rem;
}
._trivia-txt p:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  ._trivia-ttl {
    font-size: 1.13rem;
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #fff;
  }
  ._trivia-list li {
  font-size: 0.86rem;
}
  ._trivia-txt p {
    font-size: 0.86rem;
  }
}

.-lg {
  font-size: 140%;
}
.-yllw {
  color: #ffff00;
}
@media screen and (max-width: 768px) {
.-lg {
  font-size: 120%;
}
}