body {

      margin: 0;
      background-color: #ffffff;
      margin-bottom: 50px;
  }

  #Canvas2 {
      display: block;
      z-index: -1;
      margin-top: -15px;
      background-image: url(../image/guusuukai.png);
      background-size: cover;
      position: absolute;
  }

  #Canvas22 {
      position: absolute;
      right: 0;
  }

  #btn {
      margin: 0 auto;
      text-align: center;
      width: 250px;
      display: flex;
      justify-content: center;
  }

  #btn2 {
      width: 340px;
      padding-top: 50px;

  }

  #syokocolor {
      margin: 0 auto;
      margin-top: 20px;
      width: 150px;
      border: solid 1px #254a8e;
      border-radius: 5px;
      text-align: center;
      height: 50px;
  }

  #rbsyoko {
      margin: 0 auto;
      margin-top: 20px;
      width: 150px;
      border: solid 1px #254a8e;
      border-radius: 5px;
      text-align: center;
      height: 50px;
  }

  #handcolor {
      margin: 0 auto;
      margin-top: 20px;
      width: 150px;
      border: solid 1px #254a8e;
      border-radius: 5px;
      text-align: center;
      height: 50px;
  }

  #jido {
      margin: 0 auto;
      margin-top: 20px;
      width: 150px;
      border: solid 1px #254a8e;
      border-radius: 5px;
      text-align: center;
      height: 50px;
  }

  #yniku {
      margin: 0 auto;
      margin-top: 20px;
      width: 200px;
      border: solid 1px #254a8e;
      border-radius: 5px;
      text-align: center;
      display: none;
      height: 50px;
  }

  #takubtn {
      padding: 10px;
      font-size: 18px;
      cursor: pointer;
      border: none;
      border-radius: 8px;
      background-color: #4989ff;
      color: white;

      transition: all 0.1s ease;
      width: 120px;
      text-align: center;
  }

  #senbtn {
      padding: 10px;
      font-size: 12px;
      cursor: pointer;
      border: none;
      border-radius: 8px;
      background-color: #4989ff;
      color: white;
      transition: all 0.1s ease;
      width: 50px;
      text-align: center;
      margin-left: 30px;
      line-height: 26px;
      display: none;
  }


  .hand6 {
      fill: #000000;
  }

  .hand7 {
      fill: #FFF;
  }

  #main {
      width: 340px;
      margin: 0 auto;
  }

  #hand {
      width: 200px;
      height: 50px;
      margin: 0 auto;
      position: relative;
  }

  #title22 {
      width: 340px;
      height: 70px;
      font-size: 20px;
      border: solid 3px #000000;
      border-radius: 5px;
      text-align: center;
      margin-bottom: 50px;
  }

  .hand4 {
      position: absolute;
      z-index: 30;
  }

  .hand5 {
      position: absolute;
      z-index: 40;
  }

  #hand3 {
      width: 200px;
      height: 50px;
      margin: 0 auto;
      margin-top: -50px;
      z-index: 30;
      position: relative;
      text-align: center;
      display: none;
  }

  #hand2 {
      width: 200px;
      height: 50px;
      margin: 0 auto;
      margin-top: -30px;
      z-index: 20;
      position: relative;
  }

  #niku {
      width: 340px;
      height: 150px;
      margin: 0 auto;
      margin-top: -200px;
      z-index: 80;
      position: relative;
      text-align: center;
      display: none;
      margin-bottom: -50px;
  }

  #hand22 {
      width: 200px;
      height: 150px;
      margin: 0 auto;
      margin-top: -10px;
      z-index: 20;
      position: relative;
      display: none;
  }

  #end {
      height: 50px;
      text-align: center;
      font-size: 20px;
      display: none;
  }