@charset "UTF-8";
/*! Author: Kazuya Abe (OSSI Inc.)  * Generated by Live Sass Compiler */
/******************************************
*******************************************/
/***********
  サイズ変換
************/
/*********
ブレイクポイント
**********/
/*********
ホバー
**********/
@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blink3 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blink4 {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
#contents.DQ_titleshindan {
  padding: 3.32vw 0 0vw;
}
#contents.DQ_titleshindan .q_logo {
  position: relative;
  z-index: 10;
  pointer-events: none;
  height: 31.055vw;
  width: 100vw;
  display: flex;
  justify-content: center;
  text-align: center;
}
#contents.DQ_titleshindan .q_logo img {
  width: 66.992vw;
  height: 100%;
  display: block;
}
#contents.DQ_titleshindan .q_logo {
  margin-bottom: 2.441vw;
}
#contents.DQ_titleshindan .q_title {
  position: absolute;
  top: -1.758vw;
  left: 50%;
  transform: translate(-50%, 0);
  width: 21.875vw;
}
#contents.DQ_titleshindan .q_title img {
  width: 100%;
  height: auto;
}
#contents.DQ_titleshindan .qText {
  font-weight: 900;
  font-size: 4.395vw;
  font-family: "Noto Sans JP", serif;
  line-height: 1.422;
}
#contents.DQ_titleshindan .qBtns {
  position: relative;
  color: #fff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 89.453vw;
  margin: 2.441vw auto 0;
}
#contents.DQ_titleshindan .qBtns div {
  cursor: pointer;
  width: 43.652vw;
  position: relative;
  transition: 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#contents.DQ_titleshindan .qBtns div.replay {
  background-color: #141000;
  border: 0.586vw solid #141000;
  padding: 0 0 0.977vw;
  position: relative;
  border-radius: 1.953vw;
}
#contents.DQ_titleshindan .qBtns div.replay b {
  border: solid 0.586vw #fff;
  border-radius: 1.172vw;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 12.5vw;
  line-height: 1.33;
  padding: 1.953vw 0;
  justify-content: center;
  align-items: center;
  background-color: #151515;
}
#contents.DQ_titleshindan .qBtns div.replay b span {
  letter-spacing: 0.05em;
  display: inline-flex;
  text-align: center;
  /*
  font-size: sp(40); font-weight: 900;
  text-shadow: 0 0 sp(5) rgba(#000000,1),0 0 sp(5) rgba(#000000,1),0 0 sp(5) rgba(#000000,1);
  */
}
#contents.DQ_titleshindan .qBtns div.replay b span img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}
#contents.DQ_titleshindan .qBtns div::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background: url(../img/question/arr.webp) no-repeat center center/100% 100%;
  opacity: 0;
  transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 30;
}
@media (hover: hover) and (pointer: fine) {
  #contents.DQ_titleshindan .qBtns div:hover::before {
    opacity: 1;
    transition: 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
}
#contents.DQ_titleshindan .qBtns {
  /*
  div#noBtn span,
  div#yesBtn span{position: relative; display: block;
      &::before{content: ''; width: 100%; height: 100%;
          background: url(../img/question/btnYes.webp) no-repeat center center / 100% 100%;
          @include pcBreak{
              background: url(../img/question/btnYes@pc.webp) no-repeat center center / 100% 100%;
          }
          position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
          z-index: 10; opacity: 0.5; pointer-events: none;
      }
  }
  div#noBtn span::before{
      background: url(../img/question/btnNo.webp) no-repeat center center / 100% 100%;
      @include pcBreak{
          background: url(../img/question/btnNo@pc.webp) no-repeat center center / 100% 100%;
      }
  }
      */
}
#contents.DQ_titleshindan .qBtns.cNo, #contents.DQ_titleshindan .qBtns.cYes {
  pointer-events: none;
}
#contents.DQ_titleshindan .qBtns.cNo div:hover::before, #contents.DQ_titleshindan .qBtns.cYes div:hover::before {
  opacity: 0;
}
#contents.DQ_titleshindan .qBtns.cNo #noBtn {
  transform: scale(1.06);
  opacity: 1;
  transition: 0.5s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
}
#contents.DQ_titleshindan .qBtns.cNo #noBtn::before {
  opacity: 1;
  animation: blink3 0.76s cubic-bezier(0, 0, 1, 1) forwards;
}
#contents.DQ_titleshindan .qBtns.cNo #noBtn span::before {
  transform: scale(1.04, 1.08) translate(-48%, -45%);
  transform-origin: center center;
  filter: brightness(5);
  opacity: 0;
  transition: 0.8s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (hover: hover) and (pointer: fine) {
  #contents.DQ_titleshindan .qBtns.cNo #noBtn::before {
    opacity: 1;
    animation: none;
  }
}
#contents.DQ_titleshindan .qBtns.cNo #yesBtn {
  transform: scale(0.96);
  opacity: 0;
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
#contents.DQ_titleshindan .qBtns.cYes #yesBtn {
  transform: scale(1.06);
  opacity: 1;
  transition: 0.5s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
}
#contents.DQ_titleshindan .qBtns.cYes #yesBtn::before {
  opacity: 1;
  animation: blink3 0.76s cubic-bezier(0, 0, 1, 1) forwards;
}
#contents.DQ_titleshindan .qBtns.cYes #yesBtn span::before {
  transform: scale(1.04, 1.06) translate(-48%, -45%);
  transform-origin: center center;
  filter: brightness(5);
  opacity: 0;
  transition: 0.8s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (hover: hover) and (pointer: fine) {
  #contents.DQ_titleshindan .qBtns.cYes #yesBtn::before {
    opacity: 1;
    animation: none;
  }
}
#contents.DQ_titleshindan .qBtns.cYes #noBtn {
  transform: scale(0.96);
  opacity: 0;
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@keyframes cnBtn {
  0% {
    transform: scale(1);
    filter: brightness(1);
  }
  /* むにっと潰れる */
  25% {
    transform: scale(0.96, 1.06);
  }
  /* 少し大きめにポヨン */
  45% {
    transform: scale(1.04, 0.94);
  }
  /* 余韻 */
  65% {
    transform: scale(0.98, 1.02);
    filter: brightness(1.5);
  }
  100% {
    transform: scale(1);
    filter: brightness(1);
  }
}
#contents.DQ_titleshindan #q {
  position: relative;
  opacity: 0;
  transition: 0.6s;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#contents.DQ_titleshindan #q.show {
  opacity: 1;
  transition: 0.6s;
}
#contents.DQ_titleshindan #q #replayBtn {
  display: none;
  margin: 0 auto;
}
#contents.DQ_titleshindan #q #replayBtn span {
  font-size: 3.906vw;
  font-weight: 900;
  text-shadow: 0 0 0.488vw black, 0 0 0.488vw black, 0 0 0.488vw black;
}
#contents.DQ_titleshindan #q.replay #replayBtn {
  display: inline-block;
}
#contents.DQ_titleshindan #q.replay #qCount, #contents.DQ_titleshindan #q.replay #questionWrap,
#contents.DQ_titleshindan #q.replay #noBtn, #contents.DQ_titleshindan #q.replay #yesBtn {
  display: none;
  pointer-events: none;
}
#contents.DQ_titleshindan #qCount {
  font-size: 0 !important;
}
#contents.DQ_titleshindan #question {
  opacity: 0;
}
#contents.DQ_titleshindan #questionWrap #question {
  opacity: 1;
  transition: 0.6s;
}
#contents.DQ_titleshindan #questionWrap #question.out {
  opacity: 0;
  transition: 0.4s;
}
#contents.DQ_titleshindan #questionWrap {
  background-color: #141000;
  position: relative;
  color: #fff;
  display: flex;
  border-radius: 1.953vw;
  align-items: flex-start;
  justify-content: flex-start;
  justify-content: center;
  align-items: center;
  width: 95.508vw;
  border: 0.586vw solid #141000;
  padding: 0 0 0.586vw;
  position: relative;
}
#contents.DQ_titleshindan #questionWrapIn {
  border: solid 0.586vw #fff;
  border-radius: 1.172vw;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 22.852vw;
  padding-top: 0.977vw;
  justify-content: center;
  align-items: center;
  background-color: #151515;
}
#contents.DQ_titleshindan #questionWrap p {
  text-align: center;
  text-shadow: 0 0 0.488vw black, 0 0 0.488vw black, 0 0 0.488vw black;
}
#contents.DQ_titleshindan .dqMonsters {
  position: relative;
  pointer-events: none;
  height: 89.844vw;
  width: 100%;
  margin-top: 2.246vw;
}
#contents.DQ_titleshindan .dqMonsters_item {
  position: absolute;
  font-size: 0;
  display: block;
  opacity: 0;
}
#contents.DQ_titleshindan .dqMonsters_item b,
#contents.DQ_titleshindan .dqMonsters_item i {
  display: block;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 10;
  width: 100%;
  height: 100%;
}
#contents.DQ_titleshindan .dqMonsters_item b {
  z-index: 20;
  position: absolute;
  top: 0;
}
#contents.DQ_titleshindan .dqMonsters_item.-item01 {
  left: 60.84vw;
  top: 30.371vw;
  width: 38.672vw;
  height: 40.43vw;
  z-index: 70;
}
#contents.DQ_titleshindan .dqMonsters_item.-item01 b,
#contents.DQ_titleshindan .dqMonsters_item.-item01 i {
  background-image: url(../img/monster/gorem.webp);
}
#contents.DQ_titleshindan .dqMonsters_item.-item02 {
  left: 63.086vw;
  top: 0.586vw;
  width: 22.07vw;
  height: 15.332vw;
  z-index: 110;
}
#contents.DQ_titleshindan .dqMonsters_item.-item02 b,
#contents.DQ_titleshindan .dqMonsters_item.-item02 i {
  background-image: url(../img/monster/draki.webp);
}
#contents.DQ_titleshindan .dqMonsters_item.-item03 {
  left: 5.176vw;
  top: 53.711vw;
  width: 15.625vw;
  height: 23.438vw;
  z-index: 100;
}
#contents.DQ_titleshindan .dqMonsters_item.-item03 b,
#contents.DQ_titleshindan .dqMonsters_item.-item03 i {
  background-image: url(../img/monster/naito.webp);
}
#contents.DQ_titleshindan .dqMonsters_item.-item04 {
  left: 31.055vw;
  top: 29.297vw;
  width: 34.57vw;
  height: 37.695vw;
  z-index: 50;
}
#contents.DQ_titleshindan .dqMonsters_item.-item04 b,
#contents.DQ_titleshindan .dqMonsters_item.-item04 i {
  background-image: url(../img/monster/golden.webp);
}
#contents.DQ_titleshindan .dqMonsters_item.-item05 {
  left: 22.266vw;
  top: 59.277vw;
  width: 24.316vw;
  height: 17.578vw;
  z-index: 95;
}
#contents.DQ_titleshindan .dqMonsters_item.-item05 b,
#contents.DQ_titleshindan .dqMonsters_item.-item05 i {
  background-image: url(../img/monster/momonja.webp);
}
#contents.DQ_titleshindan .dqMonsters_item.-item06 {
  left: 0.684vw;
  top: 28.711vw;
  width: 47.363vw;
  height: 41.504vw;
  z-index: 30;
}
#contents.DQ_titleshindan .dqMonsters_item.-item06 b,
#contents.DQ_titleshindan .dqMonsters_item.-item06 i {
  background-image: url(../img/monster/kira.webp);
}
#contents.DQ_titleshindan .dqMonsters_item.-item07 {
  left: 2.637vw;
  top: 11.133vw;
  width: 13.477vw;
  height: 20.605vw;
  z-index: 10;
}
#contents.DQ_titleshindan .dqMonsters_item.-item07 b,
#contents.DQ_titleshindan .dqMonsters_item.-item07 i {
  background-image: url(../img/monster/hoimi.webp);
}
#contents.DQ_titleshindan .dqMonsters_item.-item08 {
  left: 80.469vw;
  top: 11.23vw;
  width: 16.992vw;
  height: 18.945vw;
  z-index: 100;
}
#contents.DQ_titleshindan .dqMonsters_item.-item08 b,
#contents.DQ_titleshindan .dqMonsters_item.-item08 i {
  background-image: url(../img/monster/gost.webp);
}
#contents.DQ_titleshindan .dqMonsters_item.-item09 {
  left: 77.148vw;
  top: 63.672vw;
  width: 20.801vw;
  height: 15.039vw;
  z-index: 100;
}
#contents.DQ_titleshindan .dqMonsters_item.-item09 b,
#contents.DQ_titleshindan .dqMonsters_item.-item09 i {
  background-image: url(../img/monster/metal.webp);
}
#contents.DQ_titleshindan .dqMonsters_item.-item10 {
  left: 11.133vw;
  top: 0.586vw;
  width: 42.48vw;
  height: 41.504vw;
  z-index: 5;
}
#contents.DQ_titleshindan .dqMonsters_item.-item10 b,
#contents.DQ_titleshindan .dqMonsters_item.-item10 i {
  background-image: url(../img/monster/rex.webp);
}
#contents.DQ_titleshindan .dqMonsters_item.-item11 {
  left: 33.203vw;
  top: -1.563vw;
  width: 62.793vw;
  height: 60.156vw;
  z-index: 15;
}
#contents.DQ_titleshindan .dqMonsters_item.-item11 b,
#contents.DQ_titleshindan .dqMonsters_item.-item11 i {
  background-image: url(../img/monster/giga.webp);
}
#contents.DQ_titleshindan .dqMonsters_item.-item12 {
  left: 41.699vw;
  top: 65.039vw;
  width: 15.234vw;
  height: 14.453vw;
  z-index: 100;
}
#contents.DQ_titleshindan .dqMonsters_item.-item12 b,
#contents.DQ_titleshindan .dqMonsters_item.-item12 i {
  background-image: url(../img/monster/sura.webp);
}
#contents.DQ_titleshindan .dqMonsters_item.-item13 {
  left: 52.734vw;
  top: 58.789vw;
  width: 30.078vw;
  height: 18.652vw;
  z-index: 95;
}
#contents.DQ_titleshindan .dqMonsters_item.-item13 b,
#contents.DQ_titleshindan .dqMonsters_item.-item13 i {
  background-image: url(../img/monster/ookiduti.webp);
}
#contents.DQ_titleshindan #debug01,
#contents.DQ_titleshindan #debug02 {
  width: 20vw;
  height: 5vw;
  background-color: red;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1000;
  pointer-events: all;
  font-size: 12px;
  text-align: center;
}
#contents.DQ_titleshindan #debug02 {
  background-color: blue;
}
#contents.DQ_titleshindan .dqMonsters_item.-item01 {
  transform: scale(1) translate(0, -30%);
  transform-origin: center bottom;
  filter: brightness(0.8);
}
#contents.DQ_titleshindan .dqMonsters_item.-item01.-show {
  transform: scale(1);
  filter: brightness(1);
  opacity: 1;
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item01.-show.-delay2 {
  transition: 0.6s 0.38s cubic-bezier(0.23, 1, 0.32, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item01.-show.-delay3 {
  transition: 0.6s 0.72s cubic-bezier(0.23, 1, 0.32, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item01 i::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ca3c48;
  mask-image: url(../img/monster/gorem.webp);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  filter: blur(0.977vw);
  opacity: 0;
}
#contents.DQ_titleshindan .dqMonsters_item.-item01.-show.-play2 i {
  animation: tameShake 1.2s ease-out 1 forwards;
}
@keyframes landing-shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(0, 0);
  }
  30% {
    transform: translate(0, -0.5%);
  }
  40% {
    transform: translate(0, -0.25%);
  }
  50% {
    transform: translate(0, 0);
  }
  60% {
    transform: translate(0, -0.25%);
  }
  70% {
    transform: translate(0, 0.5%);
  }
  80% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes tameShake {
  0% {
    transform: scale(1);
  }
  12% {
    transform: scale(1.12);
  }
  60% {
    transform: scale(1.12);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes tameShake2 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0.23;
  }
  50% {
    opacity: 0.23;
  }
  100% {
    opacity: 0;
  }
}
#contents.DQ_titleshindan .dqMonsters_item.-item02 {
  transform: scale(1) translate(0, -40%) scale(0.96);
  transform-origin: center top;
  filter: brightness(0.5);
}
#contents.DQ_titleshindan .dqMonsters_item.-item02.-show {
  transform: scale(1);
  filter: brightness(1);
  opacity: 1;
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item02.-show.-delay2 {
  transition: 0.6s 0.38s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item02.-show.-delay3 {
  transition: 0.6s 0.72s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item02.-show.-play2 {
  opacity: 1;
  animation: anim02i 1.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item02.-show.-play2 i {
  opacity: 1;
  animation: anim02b 1.7s cubic-bezier(0, 0, 1, 1);
}
@keyframes anim02i {
  0% {
    transform: scale(1) translate(0, 0);
  }
  20% {
    transform: scale(1.06) translate(0, 20%);
  }
  50% {
    transform: scale(1.4) translate(0, 0%) rotate(5deg);
  }
  100% {
    transform: scale(1) translate(0, 0%);
  }
}
@keyframes anim02b {
  0% {
    transform: scale(1) translate(0, 0);
  }
  60% {
    transform: scale(1) translate(0, -60%);
  }
  100% {
    transform: scale(1) translate(0, 0%);
  }
}
#contents.DQ_titleshindan .dqMonsters_item.-item03 {
  transform: scale(1) translate(50%, 0%);
  transform-origin: center bottom;
  filter: brightness(0.5);
}
#contents.DQ_titleshindan .dqMonsters_item.-item03.-show {
  transform: scale(1);
  filter: brightness(1);
  opacity: 1;
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item03.-show.-delay2 {
  transition: 0.6s 0.38s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item03.-show.-delay3 {
  transition: 0.6s 0.72s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item03.-show.-play3 {
  opacity: 1;
  animation: anim03i 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@keyframes anim03i {
  /*
   0% {transform: scale(1.0) translate(0,0);}
  8% {transform: scale(1.0) translate(0,-15%);}
  14% {transform: scale(1.0) translate(0,0%);}
  22% {transform: scale(1.0) translate(0,-15%);}
  28% {transform: scale(1.0) translate(0,0%);}
  50% {transform: scale(1.0) translate(0,0%);}
  80% {transform: scale(1.0) translate(0,0%);}
  100% {transform: scale(1.0) translate(0,0%);}
  */
  5% {
    transform: scale(1.12, 0.92) translate(0, 0%);
  }
  12% {
    transform: scale(1.05, 0.95) translate(0, 0%);
  }
  18% {
    transform: scale(1, 1.08) translate(0, -25%);
  }
  25% {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.05, 0.95);
  }
  35% {
    transform: scale(1.12, 0.92) translate(0, 0%);
  }
  42% {
    transform: scale(1.05, 0.95) translate(0, 0%);
  }
  48% {
    transform: scale(1, 1.08) translate(0, -40%);
  }
  55% {
    transform: scale(1, 1);
  }
  60% {
    transform: scale(1.05, 0.95);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes anim03b {
  0% {
    transform: scale(1) translate(0, 0);
  }
  60% {
    transform: scale(1) translate(0, -30%);
  }
  100% {
    transform: scale(1) translate(0, 0%);
  }
}
@keyframes anim03c {
  0% {
    transform: scale(1, 1);
  }
  10% {
    transform: scale(1.05, 0.95) translate(0, 5%);
  }
  30% {
    transform: scale(1.38, 1.38) translate(0, -8%);
  }
  100% {
    transform: scale(1, 1);
  }
}
#contents.DQ_titleshindan .dqMonsters_item.-item04 {
  opacity: 0;
  transform: scale(1) translate(0, -30%);
  transform-origin: center bottom;
  filter: brightness(0.8);
}
#contents.DQ_titleshindan .dqMonsters_item.-item04.-show {
  transform: scale(1);
  filter: brightness(1);
  opacity: 1;
  transition: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
#contents.DQ_titleshindan .dqMonsters_item.-item04.-show.-delay2 {
  transition: 0.6s 0.38s cubic-bezier(0.23, 1, 0.32, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item04.-show.-delay3 {
  transition: 0.6s 0.72s cubic-bezier(0.23, 1, 0.32, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item04.-show.-play2 {
  opacity: 1;
  animation: item04i 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
}
#contents.DQ_titleshindan .dqMonsters_item.-item04.-show.-play2 i {
  opacity: 1;
  animation: item04b 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) alternate forwards;
}
@keyframes item04i {
  0% {
    transform: translate(0);
  }
  22% {
    transform: translate(9%);
  }
  28% {
    transform: translate(9%);
  }
  72% {
    transform: translate(-9%);
  }
  78% {
    transform: translate(-9%);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes item04b {
  0% {
    transform: rotate(0deg);
  }
  22% {
    transform: rotate(15deg);
  }
  28% {
    transform: rotate(15deg);
  }
  72% {
    transform: rotate(-15deg);
  }
  76% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
#contents.DQ_titleshindan .dqMonsters_item.-item05 {
  transform: scale(1) translate(0%, -30%);
  transform-origin: center bottom;
  filter: brightness(0.5);
}
#contents.DQ_titleshindan .dqMonsters_item.-item05.-show {
  transform: scale(1);
  filter: brightness(1);
  opacity: 1;
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item05.-show.-delay2 {
  transition: 0.6s 0.38s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item05.-show.-delay3 {
  transition: 0.6s 0.72s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item05.-show.-play2 {
  opacity: 1;
  animation: anim05i 2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@keyframes anim05i {
  20% {
    transform: scale(1) translate(0, 0);
  }
  28% {
    transform: scale(1) translate(0, -12%);
  }
  34% {
    transform: scale(1) translate(0, 0%);
  }
  42% {
    transform: scale(1) translate(0, -10%);
  }
  48% {
    transform: scale(1) translate(0, 0%);
  }
  80% {
    transform: scale(1) translate(0, 0%);
  }
  100% {
    transform: scale(1) translate(0, 0%);
  }
}
#contents.DQ_titleshindan .dqMonsters_item.-item06 {
  transform: scale(0.88) translate(0, -20%);
  transform-origin: center bottom;
  filter: brightness(0.8);
}
#contents.DQ_titleshindan .dqMonsters_item.-item06.-show {
  transform: scale(1);
  filter: brightness(1);
  opacity: 1;
  transition: 0.6s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item06.-show.-delay2 {
  transition: 0.6s 0.38s cubic-bezier(0.23, 1, 0.32, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item06.-show.-delay3 {
  transition: 0.6s 0.72s cubic-bezier(0.23, 1, 0.32, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item06.-show.-play {
  animation: anim06c 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
@keyframes anim06c {
  0% {
    transform: scale(1, 1);
  }
  20% {
    transform: scale(1.05, 0.95) translate(0, 0%);
  }
  35% {
    transform: scale(1.05, 0.95) translate(0, 0%);
  }
  50% {
    transform: scale(1, 1.08) translate(0, -25%);
  }
  100% {
    transform: scale(1, 1);
  }
}
#contents.DQ_titleshindan .dqMonsters_item.-item07 {
  transform: scale(1) translate(0, 30%) scale(0.94);
  transform-origin: center top;
  filter: brightness(0.5);
}
#contents.DQ_titleshindan .dqMonsters_item.-item07.-show {
  transform: scale(1);
  filter: brightness(1);
  opacity: 1;
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item07.-show.-delay2 {
  transition: 0.6s 0.38s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item07.-show.-delay3 {
  transition: 0.6s 0.72s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item07.-show.-play2 i {
  opacity: 1;
  animation: anim07i 2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
@keyframes anim07i {
  0% {
    transform: scale(1) translate(0, 0);
  }
  25% {
    transform: scale(1) translate(0, -20%);
  }
  75% {
    transform: scale(1) translate(0, 20%);
  }
  100% {
    transform: scale(1) translate(0, 0%);
  }
}
@keyframes anim07b {
  0% {
    transform: scale(1) translate(0, 0);
  }
  60% {
    transform: scale(1) translate(0, -20%);
  }
  100% {
    transform: scale(1) translate(0, 0%);
  }
}
#contents.DQ_titleshindan .dqMonsters_item.-item08 {
  transform: scale(1) translate(40%, 0%);
  transform-origin: center bottom;
  filter: brightness(0.5);
}
#contents.DQ_titleshindan .dqMonsters_item.-item08.-show {
  transform: scale(1);
  filter: brightness(1);
  opacity: 1;
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item08.-show.-delay2 {
  transition: 0.6s 0.38s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item08.-show.-delay3 {
  transition: 0.6s 0.72s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item08.-show.-play2 i {
  opacity: 1;
  animation: anim08csp 2s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (min-width: 1024px) {
  #contents.DQ_titleshindan .dqMonsters_item.-item08.-show.-play2 i {
    opacity: 1;
    animation: anim08cpc 2s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
#contents.DQ_titleshindan .dqMonsters_item.-item08.-show.-play2 b {
  opacity: 0;
}
@keyframes anim08csp {
  0% {
    transform: scale(1, 1);
  }
  10% {
    transform: scale(1.05, 0.95) translate(0, -5%);
  }
  30% {
    transform: scale(1.33, 1.33) translate(-4%, -12%) rotate(8deg);
  }
  50% {
    transform: scale(1.33, 1.33) translate(-4%, -12%) rotate(-8deg);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes anim08cpc {
  0% {
    transform: scale(1, 1);
  }
  10% {
    transform: scale(1.05, 0.95) translate(0, 5%);
  }
  30% {
    transform: scale(1.33, 1.33) translate(-4%, 12%) rotate(8deg);
  }
  50% {
    transform: scale(1.33, 1.33) translate(-4%, 12%) rotate(-8deg);
  }
  100% {
    transform: scale(1, 1);
  }
}
#contents.DQ_titleshindan .dqMonsters_item.-item09 {
  transform: scale(1) translate(40%, 0%);
  transform-origin: center bottom;
  filter: brightness(0.5);
}
#contents.DQ_titleshindan .dqMonsters_item.-item09.-show {
  transform: scale(1);
  filter: brightness(1);
  opacity: 1;
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item09.-show.-delay2 {
  transition: 0.6s 0.38s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item09.-show.-delay3 {
  transition: 0.6s 0.72s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item09.-show.-play2 i {
  opacity: 1;
  animation: anim09c 2s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@keyframes anim09c {
  0% {
    transform: scale(1, 1);
  }
  10% {
    transform: scale(1.05, 0.95) translate(0, 5%);
  }
  30% {
    transform: scale(1.3, 1.4) translate(0, -2%);
  }
  100% {
    transform: scale(1, 1);
  }
}
#contents.DQ_titleshindan .dqMonsters_item.-item10 {
  transform: translate(0%, 10%) scale(0.96);
  transform-origin: center bottom;
  filter: brightness(0.5);
}
#contents.DQ_titleshindan .dqMonsters_item.-item10.-show {
  transform: scale(1);
  filter: brightness(1);
  opacity: 1;
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item10.-show.-delay2 {
  transition: 0.6s 0.38s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item10.-show.-delay3 {
  transition: 0.6s 0.72s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item10.-show.-play2 {
  opacity: 1;
  animation: anim10i 2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@keyframes anim10i {
  0% {
    transform: scale(1) translate(0, 0);
  }
  10% {
    transform: scale(1.01) translate(0, 0.5%) rotate(1.25deg);
  }
  20% {
    transform: scale(1.02) translate(0, -0.5%) rotate(-1.25deg);
  }
  30% {
    transform: scale(1.03) translate(0, 0.5%) rotate(1.25deg);
  }
  40% {
    transform: scale(1.04) translate(0, -0.5%) rotate(-1.25deg);
  }
  50% {
    transform: scale(1.05) translate(0, 0%) rotate(0deg);
  }
  70% {
    transform: scale(1.05) translate(0, 0%);
  }
  100% {
    transform: scale(1) translate(0, 0%);
  }
}
#contents.DQ_titleshindan .dqMonsters_item.-item11 {
  transform: scale(1) translate(0%, -10%);
  transform-origin: center bottom;
  filter: brightness(0.5);
}
#contents.DQ_titleshindan .dqMonsters_item.-item11.-show {
  transform: scale(1);
  filter: brightness(1);
  opacity: 1;
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item11.-show.-delay2 {
  transition: 0.6s 0.38s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item11.-show.-delay3 {
  transition: 0.6s 0.72s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item11.-show.-play2 {
  animation: anim11i 1.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
@keyframes anim11i {
  0% {
    transform: scale(1, 1);
  }
  8% {
    transform: scale(1.01, 0.99) translate(0, 0%);
  }
  20% {
    transform: scale(1.06, 1.06) translate(0, -16%);
  }
  36% {
    transform: scale(1.06, 1.06);
  }
  66% {
    transform: scale(1.06, 1.06);
  }
  100% {
    transform: scale(1, 1);
  }
}
#contents.DQ_titleshindan {
  /*
      &.-show.-play2 {opacity: 1; animation: anim11i 2s $easeOutQuart;}
  }
  @keyframes anim11i {
       0% {transform: scale(1.0) translate(0,0);}
      36% {transform: scale(1.06) translate(0,0%);}
      100% {transform: scale(1.0) translate(0,0%);}
  }*/
}
#contents.DQ_titleshindan .dqMonsters_item.-item12 {
  transform: scale(1) translate(0%, -30%);
  transform-origin: center bottom;
  filter: brightness(0.5);
}
#contents.DQ_titleshindan .dqMonsters_item.-item12.-show {
  transform: scale(1);
  filter: brightness(1);
  opacity: 1;
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item12.-show.-delay2 {
  transition: 0.6s 0.38s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item12.-show.-delay3 {
  transition: 0.6s 0.72s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item12.-show.-play2 {
  animation: anim12c 1.5s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
@keyframes anim12c {
  10% {
    transform: scale(1.15, 0.9) translate(0, 0%);
  }
  24% {
    transform: scale(1.05, 0.95) translate(0, 0%);
  }
  36% {
    transform: scale(1, 1.08) translate(0, -40%);
  }
  50% {
    transform: scale(1, 1);
  }
  60% {
    transform: scale(1.1, 0.9);
  }
  100% {
    transform: scale(1, 1);
  }
}
#contents.DQ_titleshindan .dqMonsters_item.-item13 {
  transform: scale(1) translate(0%, -30%);
  transform-origin: center bottom;
  filter: brightness(0.5);
}
#contents.DQ_titleshindan .dqMonsters_item.-item13.-show {
  transform: scale(1);
  filter: brightness(1);
  opacity: 1;
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item13.-show.-delay2 {
  transition: 0.6s 0.38s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item13.-show.-delay3 {
  transition: 0.6s 0.72s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.DQ_titleshindan .dqMonsters_item.-item13 i::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ca3c48;
  mask-image: url(../img/monster/ookiduti.webp);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  filter: blur(0.977vw);
  opacity: 0;
}
#contents.DQ_titleshindan .dqMonsters_item.-item13.-show.-play i {
  animation: tameShake13 1s ease-out 1 forwards;
}
@keyframes tameShake13 {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  5% {
    transform: translate(-1%, 1%) rotate(0deg);
  }
  10% {
    transform: translate(1%, -1%) rotate(0deg);
  }
  15% {
    transform: translate(-1%, -1%) rotate(0deg);
  }
  20% {
    transform: translate(1%, 1%) rotate(0deg);
  }
  25% {
    transform: translate(0, 0) rotate(0deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes tameShake132 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0.33;
  }
  50% {
    opacity: 0.33;
  }
  100% {
    opacity: 0;
  }
}
@media (min-width: 1024px) {
  #contents.DQ_titleshindan {
    padding: clamp(23px, 1.198vw, 150vw) 0 0vw;
  }
  #contents.DQ_titleshindan #q {
    zoom: 0.8;
  }
  #contents.DQ_titleshindan .q_logo {
    height: clamp(176px, 9.167vw, 150vw);
    width: clamp(1200px, 62.5vw, 150vw);
    text-align: center;
  }
  #contents.DQ_titleshindan .q_logo img {
    width: auto;
    height: 100%;
    margin: 0 auto;
  }
  #contents.DQ_titleshindan .q_logo {
    margin: 0 auto clamp(21px, 1.094vw, 150vw);
  }
  #contents.DQ_titleshindan .q_title {
    top: min(-12px, -0.625vw);
    width: clamp(175px, 9.115vw, 150vw);
  }
  #contents.DQ_titleshindan .q_title img {
    width: 100%;
    height: auto;
  }
  #contents.DQ_titleshindan .qText {
    font-weight: 900;
    font-size: clamp(33px, 1.719vw, 150vw);
    font-family: "Noto Sans JP", serif;
    line-height: 1.474;
  }
  #contents.DQ_titleshindan .qBtns {
    width: clamp(1012px, 52.708vw, 150vw);
    margin: clamp(17px, 0.885vw, 150vw) auto 0;
    justify-content: center;
  }
  #contents.DQ_titleshindan .qBtns div {
    cursor: pointer;
    pointer-events: all;
    width: clamp(347px, 18.073vw, 150vw);
    position: relative;
    margin: 0 clamp(10px, 0.521vw, 150vw);
  }
  #contents.DQ_titleshindan .qBtns div.replay {
    border: clamp(4px, 0.208vw, 150vw) solid #141000;
    padding: 0 0 clamp(5px, 0.26vw, 150vw);
    position: relative;
    border-radius: clamp(16px, 0.833vw, 150vw);
  }
  #contents.DQ_titleshindan .qBtns div.replay b {
    border: solid clamp(4px, 0.208vw, 150vw) #fff;
    border-radius: clamp(10px, 0.521vw, 150vw);
    min-height: inherit;
    padding: clamp(20px, 1.042vw, 150vw) 0;
  }
  #contents.DQ_titleshindan .qBtns div::before {
    background: url(../img/question/arr@pc.webp) no-repeat center center/100% 100%;
  }
  #contents.DQ_titleshindan .qBtns div img {
    width: 100%;
    height: auto;
  }
  #contents.DQ_titleshindan #q {
    position: relative;
    z-index: 200;
    pointer-events: none;
  }
  #contents.DQ_titleshindan #q #replayBtn span {
    font-size: clamp(24px, 1.25vw, 150vw);
    text-shadow: 0 0 clamp(5px, 0.26vw, 150vw) black, 0 0 clamp(5px, 0.26vw, 150vw) black, 0 0 clamp(5px, 0.26vw, 150vw) black;
  }
  #contents.DQ_titleshindan #questionWrap {
    border-radius: clamp(16px, 0.833vw, 150vw);
    width: clamp(1110px, 57.813vw, 150vw);
    border: clamp(5px, 0.26vw, 150vw) solid #141000;
    padding: 0 0 clamp(4px, 0.208vw, 150vw);
  }
  #contents.DQ_titleshindan #questionWrapIn {
    border: solid clamp(4px, 0.208vw, 150vw) #fff;
    border-radius: clamp(10px, 0.521vw, 150vw);
    min-height: clamp(134px, 6.979vw, 150vw);
    padding-top: clamp(10px, 0.521vw, 150vw);
  }
  #contents.DQ_titleshindan #questionWrap p {
    text-shadow: 0 0 clamp(5px, 0.26vw, 150vw) black, 0 0 clamp(5px, 0.26vw, 150vw) black, 0 0 clamp(5px, 0.26vw, 150vw) black;
  }
  #contents.DQ_titleshindan #questionWrap p br {
    display: none !important;
  }
  #contents.DQ_titleshindan .dqMonsters {
    height: clamp(378px, 19.688vw, 150vw);
    width: 100%;
    margin-top: min(-46px, -2.396vw);
    margin-bottom: min(-35px, -1.823vw);
  }
  #contents.DQ_titleshindan .dqMonsters_item.-item01 {
    left: auto;
    right: 50%;
    top: clamp(110px, 5.729vw, 150vw);
    margin-right: clamp(203px, 10.573vw, 150vw);
    width: clamp(240px, 12.5vw, 150vw);
    height: clamp(250px, 13.021vw, 150vw);
    z-index: 50;
  }
  #contents.DQ_titleshindan .dqMonsters_item.-item02 {
    left: 50%;
    top: clamp(58px, 3.021vw, 150vw);
    margin-left: clamp(103px, 5.365vw, 150vw);
    width: clamp(137px, 7.135vw, 150vw);
    height: clamp(96px, 5vw, 150vw);
    z-index: 60;
  }
  #contents.DQ_titleshindan .dqMonsters_item.-item03 {
    left: auto;
    right: 50%;
    top: clamp(214px, 11.146vw, 150vw);
    margin-right: clamp(238px, 12.396vw, 150vw);
    width: clamp(96px, 5vw, 150vw);
    height: clamp(146px, 7.604vw, 150vw);
    z-index: 90;
  }
  #contents.DQ_titleshindan .dqMonsters_item.-item04 {
    left: auto;
    right: 50%;
    top: clamp(106px, 5.521vw, 150vw);
    margin-right: min(-20px, -1.042vw);
    width: clamp(214px, 11.146vw, 150vw);
    height: clamp(232px, 12.083vw, 150vw);
    z-index: 50;
  }
  #contents.DQ_titleshindan .dqMonsters_item.-item05 {
    left: auto;
    right: 50%;
    top: clamp(252px, 13.125vw, 150vw);
    margin-right: clamp(64px, 3.333vw, 150vw);
    width: clamp(151px, 7.865vw, 150vw);
    height: clamp(108px, 5.625vw, 150vw);
    z-index: 95;
  }
  #contents.DQ_titleshindan .dqMonsters_item.-item06 {
    left: 50%;
    top: clamp(100px, 5.208vw, 150vw);
    margin-left: clamp(20px, 1.042vw, 150vw);
    width: clamp(293px, 15.26vw, 150vw);
    height: clamp(257px, 13.385vw, 150vw);
    z-index: 65;
  }
  #contents.DQ_titleshindan .dqMonsters_item.-item07 {
    left: auto;
    right: 50%;
    top: clamp(57px, 2.969vw, 150vw);
    margin-right: clamp(194px, 10.104vw, 150vw);
    width: clamp(84px, 4.375vw, 150vw);
    height: clamp(128px, 6.667vw, 150vw);
    z-index: 30;
  }
  #contents.DQ_titleshindan .dqMonsters_item.-item08 {
    left: 50%;
    top: clamp(100px, 5.208vw, 150vw);
    margin-left: clamp(228px, 11.875vw, 150vw);
    width: clamp(105px, 5.469vw, 150vw);
    height: clamp(118px, 6.146vw, 150vw);
    z-index: 80;
  }
  #contents.DQ_titleshindan .dqMonsters_item.-item09 {
    left: auto;
    right: 50%;
    top: clamp(278px, 14.479vw, 150vw);
    margin-right: clamp(342px, 17.813vw, 150vw);
    width: clamp(129px, 6.719vw, 150vw);
    height: clamp(92px, 4.792vw, 150vw);
    z-index: 100;
  }
  #contents.DQ_titleshindan .dqMonsters_item.-item10 {
    left: auto;
    right: 50%;
    top: clamp(74px, 3.854vw, 150vw);
    margin-right: clamp(339px, 17.656vw, 150vw);
    width: clamp(297px, 15.469vw, 150vw);
    height: clamp(291px, 15.156vw, 150vw);
    z-index: 5;
  }
  #contents.DQ_titleshindan .dqMonsters_item.-item11 {
    left: 50%;
    top: clamp(0px, 0vw, 150vw);
    margin-left: clamp(251px, 13.073vw, 150vw);
    width: clamp(389px, 20.26vw, 150vw);
    height: clamp(372px, 19.375vw, 150vw);
    z-index: 30;
  }
  #contents.DQ_titleshindan .dqMonsters_item.-item12 {
    left: auto;
    right: 50%;
    top: clamp(278px, 14.479vw, 150vw);
    margin-right: clamp(1px, 0.052vw, 150vw);
    width: clamp(94px, 4.896vw, 150vw);
    height: clamp(90px, 4.688vw, 150vw);
    z-index: 100;
  }
  #contents.DQ_titleshindan .dqMonsters_item.-item13 {
    left: 50%;
    top: clamp(239px, 12.448vw, 150vw);
    margin-left: clamp(8px, 0.417vw, 150vw);
    width: clamp(186px, 9.688vw, 150vw);
    height: clamp(116px, 6.042vw, 150vw);
    z-index: 99;
  }
  #contents.DQ_titleshindan .dqMonsters_item.-item01 i::after {
    filter: blur(clamp(10px, 0.521vw, 150vw));
  }
  #contents.DQ_titleshindan .dqMonsters_item.-item13 i::after {
    filter: blur(clamp(10px, 0.521vw, 150vw));
  }
}/*# sourceMappingURL=question.css.map */