.orange {background-color:#ffcc99; color:#000000;}
.skyblu {background-color:#504fc0; color:#000000;}
.violet {background-color:#6633cc; color:#ffffff;}
.redtex {color:#ff0000;}

.badButton {
  position: absolute;
  width: 1280px; height: 768px;
  left: 900px; top: 350px;
  width: 100%;
  transform: translate(-50%, -50%);
  color: rgba(250, 250, 250, 1);
  font-size: 24px;
  text-align:center;
  visibility:hidden;
}

#fullOverlay{
    position: absolute;
    left: 0; top: 0;
    width: 1280px; height: 768px;
    background: rgba(100, 100, 100, .0);
    z-index: 2147483646;
  }
  #fullOverlay .text{
    position: absolute;
    left: 640px; top: 384px;
    width: 100%;
    transform: translate(-50%, -50%);
    color: rgba(250, 250, 250, 1);
    font-size: 24px;
    text-align: center;
  }
  #fullOverlay2,
  #fullOverlay3,
  #fullOverlay4{
    position: absolute;
    left: 0; top: 0;
    width: 1290px; height: 803px;
    background: rgba(100, 100, 100, .3);
    z-index: 2147483646;
  }
  #fullOverlay2 .text,
  #fullOverlay3 .text,
  #fullOverlay4 .text{
    position: absolute;
    left: 640px; top: 384px;
    width: 100%;
    transform: translate(-50%, -50%);
    color: rgba(250, 250, 250, 1);
    font-size: 24px;
    text-align: center;
  }
  
  .opOverlay_black,
  .endOverlay_black1,
  .endOverlay_black2,
  .endOverlay_black3,
  .endOverlay_black4 {
    display: none;
    position: absolute;
    left: 0; top: 0;
    width: 1340px; height: 768px;
    background: rgb(13, 13, 13);
    z-index: 2147483646;
  }
  
  .endOverlay_blackXX{
    display: none;
    position: absolute;
    left: 0; top: 0;
    width: 1340px; height: 768px;
    background: rgb(13, 13, 13);
    z-index: 2147483647;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  body.scroll-lock {
        position: fixed;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom:0px;
  }
  
  .opOverlay1,
  .opOverlay1_2,
  .opOverlay1_3,
  .opOverlay1_4,
  .endOverlay1,
  .endOverlay1_2,
  .endOverlay2,
  .endOverlay2_2,
  .endOverlay2_3,
  .endOverlay3,
  .endOverlay3_2,
  .endOverlay3_3,
  .endOverlay3_4,
  .endOverlay3_5,
  .endOverlay4,
  .endOverlay4_2,
  .endOverlay4_3{
    display: none;
    position: absolute;
    left: 0; top: 0;
    width: 1340px; height: 820px;
    background: rgb(13, 13, 13);
    z-index: 2147483646;
  }
  
  .endOverlay1_3{
    display: none;
    position: absolute;
    left: 500px; top: 500px;
    width: 500px; height: 200px;
    z-index: 2147483646;
  }
  .endOverlay1_4{
      display: none;
      position: absolute;
      left: 600px; top: 600px;
      width: 500px; height: 200px;
      z-index: 2147483646;
  
  }.endOverlay2_4{
    display: none;
    position: absolute;
    left: 500px; top: 500px;
    width: 500px; height: 200px;
    z-index: 2147483646;
  }
  .endOverlay2_5{
    display: none;
    position: absolute;
    left: 600px; top: 600px;
    width: 600px; height: 200px;
    z-index: 2147483646;
  }
  
.endOverlay3_6{
  display: none;
  position: absolute;
  left: 500px; top: 500px;
  width: 500px; height: 200px;
  z-index: 2147483646;
}
.endOverlay3_7{
  display: none;
  position: absolute;
  left: 450px; top: 550px;
  width: 600px; height: 200px;
  z-index: 2147483646;
}
.endOverlay3_8{
  display: none;
  position: absolute;
  left: 450px; top: 650px;
  width: 600px; height: 200px;
  z-index: 2147483646;
}

.endOverlay4_4{
  display: none;
  position: absolute;
  left: 500px; top: 500px;
  width: 500px; height: 200px;
  z-index: 2147483646;
}
.endOverlay4_5{
  display: none;
  position: absolute;
  left: 600px; top: 600px;
  width: 600px; height: 200px;
  z-index: 2147483646;
}
   
  .opOverlay1-window,
  .opOverlay1_2-window,
  .opOverlay1_3-window,
  .opOverlay1_4-window,
  .endOverlay1-window,
  .endOverlay1_2-window,
  .endOverlay2-window,
  .endOverlay2_2-window,
  .endOverlay2_3-window,
  .endOverlay3-window,
  .endOverlay3_2-window,
  .endOverlay3_3-window,
  .endOverlay3_4-window,
  .endOverlay3_5-window,
  .endOverlay4-window,
  .endOverlay4_2-window,
  .endOverlay4_3-window{
    position: absolute;
    width: 100%;
    left: 640px; top: 300px;
    transform: translate(-50%, -50%);
    color: rgba(250, 250, 250, 1);
    font-size: 16px;
    text-align: center;
  }

  .titleWindow{
    position: absolute;
    width: 100%;
    color: rgba(250, 250, 250, 1);
    font-size: 16px;
    text-align: center;
  }
  

  .wankoM{
    text-align:left;
    font-size: 16px;
    color:rgb(191, 145, 9);
  }

  .koinuM{
    text-align:left;
    font-size: 16px;
    color:rgb(203, 203, 11);
  }

  .konoha{
    text-align:left;
    font-size: 16px;
    color:rgb(30, 145, 199);
  }
  
  .chacha{
    text-align:left;
    font-size: 16px;
    color:rgb(212, 38, 175);
  }
  .friend{
    text-align:left;
    font-size: 16px;
    color:rgb(255, 90, 68);
  }
  
  .normal{
    text-align:left;
    font-size: 16px;
    color:rgb(255, 255, 255);
  }
  
  .normal_mini{
    text-align:left;
    font-size: 12px;
    color:rgb(255, 255, 255);
  }


/* solid010 */
.button_solid010 a{
  background: #eee;
  border-radius: 3px;
  position: relative;
  display:inline-block;
  
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  max-width: 120px;
  padding: 10px 25px;
  color: #313131;
  transition: 0.3s ease-in-out;
  font-weight: 600;
  box-shadow: 5px 5px 0 #6bb6ff;
  text-decoration: none;
}
.button_solid010 a:hover {
background-color: #b3d9ff;
box-shadow: 0 0 0;
transform: translate(5px, 5px);
}



/* solid012 */
.button_solid012 a {
  background: #6bb6ff;
  border-radius: 3px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  max-width: 140px;
  padding: 10px 25px;
  color: #003067;
  transition: 0.3s ease-in-out;
  font-weight: 600;
  border: 2px solid #000;
  z-index: 1;
  border-radius: 5px;
  text-decoration: none;
}
.button_solid012 a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: #6bb6ff;
  z-index: -1;
  border: 2px solid #000;
  border-radius: 5px;
}
.button_solid012 a:after {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: translate3d(0,0.40rem,-1rem);
  transform: translate3d(0,0.40rem,-1rem);
  border: 2px solid #000;
  border-radius: inherit;
  background: #2b7fde;
  -webkit-box-shadow: 0 0.6rem 0 0 rgb(0 0 0 / 20%);
  box-shadow: 0 0.4rem 0 0 rgb(0 0 0 / 20%);
  z-index: -2;
}
.button_solid012 a i {
  position: absolute;
  right: 9px;
}
.button_solid012 a:hover {
  transform: translate3d(0,0.2rem,-1rem);
}
.button_solid012 a:hover:after {
  transform: translate3d(0,0.2rem,-1rem);
  box-shadow: 0 0.2rem 0 0 rgb(0 0 0 / 20%);
}