@charset "utf-8";

.css-wapuu {
	position: relative;
 	width: 400px;
 	height: 400px;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

/*---------------------------------------

  Line

---------------------------------------*/

.css-wapuu .line1 {
  background-color: #000;
  width: 234px;
  height: 293px;
  position: absolute;
  top: 8px;
  left: 83px;
  border-radius: 120px 108px 129px 118px / 119px 145px 109px 145px;
}

.css-wapuu .line1::after {
	content: "";
	background-color: #000;
	width: 238px;
	height: 260px;
	position: absolute;
	left: -19px;
	bottom: -5px;
	border-radius: 140px 140px 120px 142px / 148px 141px 100px 105px;
	-webkit-transform: rotate(-114deg);
  	   -moz-transform: rotate(-114deg);
  	    -ms-transform: rotate(-114deg);
  	     -o-transform: rotate(-114deg);
  	        transform: rotate(-114deg);
}

.css-wapuu .line1::before {
  content: "";
  background-color: #000;
  width: 128px;
  height: 69px;
  position: absolute;
  top: 125px;
  left: 138px;
  border-radius: 10px 70px 70px 48px / 10px 10px 20px 19px;
  -webkit-transform: rotate(-89deg);
     -moz-transform: rotate(-89deg);
      -ms-transform: rotate(-89deg);
       -o-transform: rotate(-89deg);
          transform: rotate(-89deg);
}

.css-wapuu .line2 {
	background-color: #000;
  width: 64px;
  height: 24px;
  position: absolute;
  top: 75px;
  left: 66px;
  border-radius: 112px / 89px;
}

.css-wapuu .line2::after {
	content: "";
	background-color: #000;
  width: 44px;
  height: 18px;
  position: absolute;
  top: -6px;
  left: 3px;
  border-radius: 72px 14px 12px 14px / 14px 35px 5px 9px;
  -webkit-transform: rotate(148deg);
     -moz-transform: rotate(148deg);
      -ms-transform: rotate(148deg);
       -o-transform: rotate(148deg);
          transform: rotate(148deg);
}

/*---------------------------------------

  Ball

---------------------------------------*/
.css-wapuu .ball {
	width: 214px;
	height: 214px;
	position: absolute;
  	top: 74px;
  	left: 60px;
	border-radius: 50%;
}

.css-wapuu .ball2 {
  width: 51px;
  height: 12px;
  position: absolute;
  top: 124px;
  left: 200px;
  border-radius: 10px 70px 70px 48px / 10px 10px 20px 19px;
  -webkit-transform: rotate(-166deg);
     -moz-transform: rotate(-166deg);
      -ms-transform: rotate(-166deg);
       -o-transform: rotate(-166deg);
          transform: rotate(-166deg);
  z-index: 1;
}

.css-wapuu .boll-light {
  width: 154px;
  height: 164px;
  position: absolute;
  top: 93px;
  left: 62px;
  border-radius: 170px 190px 198px 150px / 170px 190px 184px 204px;
}

.css-wapuu .w-circle {
	background: #fff;
  width: 125px;
  height: 140px;
  position: absolute;
  top: 104px;
  left: 67px;
  border-radius: 160px 140px 159px 140px / 180px 150px 178px 148px;
}

.css-wapuu .w-circle-inner {
  width: 113px;
  height: 127px;
  position: absolute;
  top: 110px;
  left: 71px;
  border-radius: 160px 140px 161px 146px / 180px 150px 186px 145px;
}

/*---------------------------------------

  WordPress logo

---------------------------------------*/
.css-wapuu .w-1 {
	background: #FFF;
	width: 101px;
  height: 18px;
  position: absolute;
  top: 184px;
  left: 42px;
  border-radius: 35px 4px 131px 80px / 0px 2px 37px 22px;
  -webkit-transform: rotate(73deg);
     -moz-transform: rotate(73deg);
      -ms-transform: rotate(73deg);
       -o-transform: rotate(73deg);
          transform: rotate(73deg);
}

.css-wapuu .w-2 {
	width: 117px;
  height: 58px;
  position: absolute;
  top: 145px;
  left: 61px;
  border-radius: 19px 35px 75px 65px / 25px 25px 35px 35px;
  -webkit-transform: rotate(73deg);
     -moz-transform: rotate(73deg);
      -ms-transform: rotate(73deg);
       -o-transform: rotate(73deg);
          transform: rotate(73deg);
}

.css-wapuu .w-3 {
	background: #fff;
	width: 20px;
	height: 5px;
	position: absolute;
	top: 139px;
  left: 76px;
	border-radius: 6px;
  -webkit-transform: rotate(-18deg);
     -moz-transform: rotate(-18deg);
      -ms-transform: rotate(-18deg);
       -o-transform: rotate(-18deg);
          transform: rotate(-18deg);
}

.css-wapuu .w-4 {
	background: #FFF;
	width: 70px;
  height: 18px;
  position: absolute;
  top: 190px;
  left: 83px;
  border-radius: 35px 4px 131px 80px / 0px 2px 37px 22px;
  -webkit-transform: rotate(99deg);
     -moz-transform: rotate(99deg);
      -ms-transform: rotate(99deg);
       -o-transform: rotate(99deg);
          transform: rotate(99deg);
}

.css-wapuu .w-5 {
	width: 68px;
  height: 18px;
  position: absolute;
  top: 194px;
  left: 89px;
  border-radius: 35px 20px 131px 80px / 0px 22px 22px 22px;
  -webkit-transform: rotate(98deg);
     -moz-transform: rotate(98deg);
      -ms-transform: rotate(98deg);
       -o-transform: rotate(98deg);
          transform: rotate(98deg);
}

.css-wapuu .w-6 {
	background: #FFF;
	width: 119px;
  height: 22px;
  position: absolute;
  top: 168px;
  left: 72px;
  border-radius: 35px 4px 131px 80px / 0px 2px 19px 22px;
  -webkit-transform: rotate(71deg);
     -moz-transform: rotate(71deg);
      -ms-transform: rotate(71deg);
       -o-transform: rotate(71deg);
          transform: rotate(71deg);
}

.css-wapuu .w-7 {
	width: 119px;
  height: 22px;
  position: absolute;
  top: 161px;
  left: 89px;
  border-radius: 35px 4px 131px 80px / 0px 2px 19px 22px;
  -webkit-transform: rotate(71deg);
     -moz-transform: rotate(71deg);
      -ms-transform: rotate(71deg);
       -o-transform: rotate(71deg);
          transform: rotate(71deg);
}

.css-wapuu .w-8 {
	background: #fff;
	width: 35px;
	height: 5px;
	position: absolute;
	top: 134px;
  left: 102px;
	border-radius: 6px;
  -webkit-transform: rotate(-5deg);
     -moz-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
       -o-transform: rotate(-5deg);
          transform: rotate(-5deg);
}

.css-wapuu .w-9 {
	width: 20px;
	height: 18px;
	position: absolute;
	top: 116px;
  left: 107px;
  -webkit-transform: rotate(-5deg);
     -moz-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
       -o-transform: rotate(-5deg);
          transform: rotate(-5deg);
}

.css-wapuu .w-10 {
	background: #FFF;
	width: 30px;
	height: 20px;
	position: absolute;
	top: 125px;
  left: 146px;
  border-radius: 85px / 70px;
  -webkit-transform: rotate(59deg);
     -moz-transform: rotate(59deg);
      -ms-transform: rotate(59deg);
       -o-transform: rotate(59deg);
          transform: rotate(59deg);
}

.css-wapuu .w-11 {
	background: #FFF;
	width: 55px;
	height: 20px;
	position: absolute;
	top: 134px;
  left: 138px;
  border-radius: 195px / 44px;
  -webkit-transform: rotate(93deg);
     -moz-transform: rotate(93deg);
      -ms-transform: rotate(93deg);
       -o-transform: rotate(93deg);
          transform: rotate(93deg);
}

.css-wapuu .w-12 {
	width: 33px;
	height: 20px;
	position: absolute;
	top: 151px;
  left: 135px;
  border-radius: 98px / 44px;
  -webkit-transform: rotate(83deg);
     -moz-transform: rotate(83deg);
      -ms-transform: rotate(83deg);
       -o-transform: rotate(83deg);
          transform: rotate(83deg);
}

.css-wapuu .w-13 {
	background: #FFF;
	width: 70px;
  height: 9px;
  position: absolute;
  top: 190px;
  left: 124px;
  -webkit-transform: rotate(106deg);
     -moz-transform: rotate(106deg);
      -ms-transform: rotate(106deg);
       -o-transform: rotate(106deg);
          transform: rotate(106deg);
}

/*---------------------------------------

  Body

---------------------------------------*/
.css-wapuu .body {
  width: 63px;
  height: 50px;
  position: absolute;
  top: 97px;
  left: 251px;
  border-radius: 12px 70px 0 22px / 29px 80px 0 29px;
  -webkit-transform: rotate(41deg);
     -moz-transform: rotate(41deg);
      -ms-transform: rotate(41deg);
       -o-transform: rotate(41deg);
          transform: rotate(41deg);
}

.css-wapuu .body::before {
  content: "";
  width: 113px;
  height: 31px;
  position: absolute;
  top: 7px;
  left: -20px;
  border-radius: 82px 80px 10px 6px / 49px 40px 20px 10px;
  -webkit-transform: rotate(40deg);
     -moz-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
       -o-transform: rotate(40deg);
          transform: rotate(40deg);
}

.css-wapuu .body::after {
  content: "";
  width: 115px;
  height: 30px;
  position: absolute;
  top: 53px;
  left: 24px;
  border-radius: 82px 80px 10px 6px / 49px 40px 20px 10px;
  -webkit-transform: rotate(53deg);
     -moz-transform: rotate(53deg);
      -ms-transform: rotate(53deg);
       -o-transform: rotate(53deg);
          transform: rotate(53deg);
}

/* Belly (position litte fix) */
.css-wapuu .belly {
  background-color: #000;
  width: 18px;
  height: 6px;
  position: absolute;
  top: 149px;
  left: 266px;
  border-radius: 48px / 30px;
  -webkit-transform: rotate(-140deg);
     -moz-transform: rotate(-140deg);
      -ms-transform: rotate(-140deg);
       -o-transform: rotate(-140deg);
          transform: rotate(-140deg);
  z-index: 2;
}

.css-wapuu .belly::after {
  content: "";
  background-color: #000;
  width: 18px;
  height: 6px;
  position: absolute;
  top: -49px;
  left: -42px;
  border-radius: 48px / 30px;
  -webkit-transform: rotate(-185deg);
     -moz-transform: rotate(-185deg);
      -ms-transform: rotate(-185deg);
       -o-transform: rotate(-185deg);
          transform: rotate(-185deg);
}

.css-wapuu .belly::before {
  content: "";
  background-color: #000;
  width: 48px;
  height: 5px;
  position: absolute;
  top: -25px;
  left: -37px;
  border-radius: 10px 70px 70px 48px / 10px 10px 20px 19px;
  -webkit-transform: rotate(55deg);
     -moz-transform: rotate(55deg);
      -ms-transform: rotate(55deg);
       -o-transform: rotate(55deg);
          transform: rotate(55deg);
}

/*---------------------------------------

  Face

---------------------------------------*/
.css-wapuu .line-face1 {
	background-color: #000;
  width: 74px;
  height: 37px;
  position: absolute;
  top: 56px;
  left: 96px;
  border-radius: 82px / 41px;
  -webkit-transform: rotate(-43deg);
     -moz-transform: rotate(-43deg);
      -ms-transform: rotate(-43deg);
       -o-transform: rotate(-43deg);
          transform: rotate(-43deg);
}

.css-wapuu .line-face2 {
	background-color: #000;
  width: 74px;
  height: 37px;
  position: absolute;
  top: 52px;
  left: 146px;
  border-radius: 82px / 41px;
  -webkit-transform: rotate(-7deg);
     -moz-transform: rotate(-7deg);
      -ms-transform: rotate(-7deg);
       -o-transform: rotate(-7deg);
          transform: rotate(-7deg);
}

.css-wapuu .face {
  width: 77px;
  height: 35px;
  position: absolute;
  top: 48px;
  left: 96px;
  border-radius: 82px / 39px;
  -webkit-transform: rotate(-47deg);
     -moz-transform: rotate(-47deg);
      -ms-transform: rotate(-47deg);
       -o-transform: rotate(-47deg);
          transform: rotate(-47deg);
}

.face::after {
  content: "";
  width: 98px;
  height: 59px;
  position: absolute;
  top: 15px;
  left: 35px;
  border-radius: 82px / 49px;
  -webkit-transform: rotate(37deg);
     -moz-transform: rotate(37deg);
      -ms-transform: rotate(37deg);
       -o-transform: rotate(37deg);
          transform: rotate(37deg);
}

.css-wapuu .face::before {
  content: "";
  width: 120px;
  height: 55px;
  position: absolute;
  top: 21px;
  left: 30px;
  border-radius: 82px / 39px;
  -webkit-transform: rotate(42deg);
     -moz-transform: rotate(42deg);
      -ms-transform: rotate(42deg);
       -o-transform: rotate(42deg);
          transform: rotate(42deg);
}

/* Mouth (little position fix) */
.css-wapuu .mouth {
  background-color: #000;
  width: 9px;
  height: 6px;
  position: absolute;
  top: 77px;
  left: 198px;
  border-radius: 50%;
  -webkit-transform: rotate(-39deg);
       -moz-transform: rotate(-39deg);
        -ms-transform: rotate(-39deg);
         -o-transform: rotate(-39deg);
            transform: rotate(-39deg);
}

/*---------------------------------------

  Hands

---------------------------------------*/
.css-wapuu .line-right-hand {
	background: #000;
	width: 35px;
	height: 36px;
	position: absolute;
  top: 93px;
  left: 73px;
  border-radius: 20px;
}

.css-wapuu .line-right-hand::after {
	content: "";
	background: #000;
	width: 35px;
	height: 30px;
	position: absolute;
  top: 7px;
  left: -4px;
  border-radius: 20px;
}

.css-wapuu .line-left-hand {
	background-color: #000;
  width: 114px;
	height: 43px;
  position: absolute;
  top: 78px;
  left: 146px;
  border-radius: 82px / 41px;
  -webkit-transform: rotate(-20deg);
  	 -moz-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
  	   -o-transform: rotate(-20deg);
          transform: rotate(-20deg);
}

.css-wapuu .line-left-hand::after {
	content: "";
	background-color: #000;
  width: 87px;
  height: 20px;
  position: absolute;
  top: 65px;
  left: 60px;
  border-radius: 82px / 121px;
  -webkit-transform: rotate(62deg);
     -moz-transform: rotate(62deg);
      -ms-transform: rotate(62deg);
       -o-transform: rotate(62deg);
          transform: rotate(62deg);
}

.css-wapuu .line-left-hand::before {
	content: "";
	background-color: #000;
  width: 84px;
  height: 24px;
  position: absolute;
  top: 39px;
  left: 42px;
  border-radius: 35px 35px 75px 75px / 25px 25px 54px 35px;
  -webkit-transform: rotate(-149deg);
     -moz-transform: rotate(-149deg);
      -ms-transform: rotate(-149deg);
       -o-transform: rotate(-149deg);
          transform: rotate(-149deg);
}

.css-wapuu .left-hand {
  width: 68px;
  height: 29px;
  position: absolute;
  top: 90px;
  left: 155px;
  border-radius: 82px / 39px;
  -webkit-transform: rotate(-18deg);
     -moz-transform: rotate(-18deg);
      -ms-transform: rotate(-18deg);
       -o-transform: rotate(-18deg);
          transform: rotate(-18deg);
}

.css-wapuu .left-hand::after {
  content: "";
  background-color: #000;
  width: 54px;
  height: 11px;
  position: absolute;
  top: 33px;
  left: 28px;
  border-radius: 82px 82px 0 0 / 39px 39px 0 0;
  -webkit-transform: rotate(21deg);
     -moz-transform: rotate(21deg);
      -ms-transform: rotate(21deg);
       -o-transform: rotate(21deg);
          transform: rotate(21deg);
}

.css-wapuu .left-hand::before {
  content: "";
  width: 79px;
  height: 32px;
  position: absolute;
  top: 3px;
  left: 14px;
  border-radius: 82px 82px 0 0 / 39px 39px 0 0;
  -webkit-transform: rotate(21deg);
     -moz-transform: rotate(21deg);
      -ms-transform: rotate(21deg);
       -o-transform: rotate(21deg);
          transform: rotate(21deg);
}

.css-wapuu .right-hand {
  width: 25px;
  height: 17px;
  position: absolute;
  top: 105px;
  left: 80px;
  border-radius: 32px 31px 41px 25px / 17px 20px 26px 26px;
  -webkit-transform: rotate(-48deg);
     -moz-transform: rotate(-48deg);
      -ms-transform: rotate(-48deg);
       -o-transform: rotate(-48deg);
          transform: rotate(-48deg);
}

.css-wapuu .arm {
  background-color: #000;
  width: 35px;
  height: 5px;
  position: absolute;
  top: 82px;
  left: 203px;
  border-radius: 10px 70px 70px 48px / 10px 10px 20px 19px;
  -webkit-transform: rotate(188deg);
     -moz-transform: rotate(188deg);
      -ms-transform: rotate(188deg);
       -o-transform: rotate(188deg);
          transform: rotate(188deg);
}

/* 腕の線、微調整 */
.css-wapuu .arm::before {
  content: "";
  background-color: #000;
  width: 35px;
  height: 5px;
  position: absolute;
  top: -40px;
  left: -33px;
  border-radius: 10px 70px 70px 48px / 10px 10px 20px 19px;
  -webkit-transform: rotate(27deg);
     -moz-transform: rotate(27deg);
      -ms-transform: rotate(27deg);
       -o-transform: rotate(27deg);
          transform: rotate(27deg);
}

/*---------------------------------------

  Ear

---------------------------------------*/
.css-wapuu .line-left-ear {
	background-color: #000;
  width: 110px;
  height: 22px;
  position: absolute;
  top: 27px;
  left: 251px;
  border-radius: 132px 100px 70px 110px / 89px 120px 70px 110px;
}

.css-wapuu .line-left-ear::after {
  content: "";
  background-color: #000;
  width: 83px;
  height: 28px;
  position: absolute;
  top: 12px;
  left: -4px;
  border-radius: 100px / 44px;
  -webkit-transform: rotate(29deg);
     -moz-transform: rotate(29deg);
      -ms-transform: rotate(29deg);
       -o-transform: rotate(29deg);
          transform: rotate(29deg);
}

.css-wapuu .line-left-ear::before {
  content: "";
  background-color: #000;
  width: 63px;
  height: 36px;
  position: absolute;
  top: 8px;
  left: 49px;
  border-radius: 100px / 53px;
  -webkit-transform: rotate(-33deg);
     -moz-transform: rotate(-33deg);
      -ms-transform: rotate(-33deg);
       -o-transform: rotate(-33deg);
          transform: rotate(-33deg);
}

.css-wapuu .ear-left {
  width: 78px;
	height: 31px;
  position: absolute;
  top: 36px;
  left: 275px;
  border-radius: 0 0 90px 90px;
  -webkit-transform: rotate(-1deg);
     -moz-transform: rotate(-1deg);
      -ms-transform: rotate(-1deg);
       -o-transform: rotate(-1deg);
          transform: rotate(-1deg);
}

.css-wapuu .ear-left::after {
  content: "";
  width: 35px;
  height: 8px;
  position: absolute;
  top: 9px;
  left: -15px;
  border-radius: 70px 35px 10px 88px / 10px 10px 16px 19px;
  -webkit-transform: rotate(33deg);
     -moz-transform: rotate(33deg);
      -ms-transform: rotate(33deg);
       -o-transform: rotate(33deg);
          transform: rotate(33deg);
}

.css-wapuu .ear-left::before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top: -13px;
  left: -13px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 40px solid;
  border-radius: 50%;
  -webkit-transform: rotate(110deg);
     -moz-transform: rotate(110deg);
      -ms-transform: rotate(110deg);
       -o-transform: rotate(110deg);
          transform: rotate(110deg);
}

.css-wapuu .ear-right {
  width: 0px;
  height: 0px;
  position: absolute;
  top: 72px;
  left: 75px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 22px solid;
  border-radius: 50%;
  -webkit-transform: rotate(422deg);
     -moz-transform: rotate(422deg);
      -ms-transform: rotate(422deg);
       -o-transform: rotate(422deg);
          transform: rotate(422deg);
}

.css-wapuu .ear-right::before {
  content: "";
  background-color: #000;
  width: 29px;
  height: 9px;
  position: absolute;
  top: -18px;
  left: -19px;
  border-radius: 30px/ 12px;
  -webkit-transform: rotate(81deg);
     -moz-transform: rotate(81deg);
      -ms-transform: rotate(81deg);
       -o-transform: rotate(81deg);
          transform: rotate(81deg);
}

.css-wapuu .ear-right::after {
  content: "";
  background-color: #000;
  width: 15px;
  height: 7px;
  position: absolute;
  top: -26px;
  left: -1px;
  border-radius: 30px/ 16px;
  -webkit-transform: rotate(21deg);
     -moz-transform: rotate(21deg);
      -ms-transform: rotate(21deg);
       -o-transform: rotate(21deg);
          transform: rotate(21deg);
}

/*---------------------------------------

  Legs

---------------------------------------*/
.css-wapuu .line-left-leg {
  background-color: #000;
  width: 83px;
  height: 80px;
  position: absolute;
  top: 207px;
  left: 208px;
  border-radius: 82px / 74px;
  -webkit-transform: rotate(-20deg);
     -moz-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
       -o-transform: rotate(-20deg);
          transform: rotate(-20deg);
}

.css-wapuu .line-left-leg::after {
  content: "";
  background-color: #000;
  width: 93px;
  height: 62px;
  position: absolute;
  top: 3px;
  left: -21px;
  border-radius: 76px / 53px;
  -webkit-transform: rotate(-27deg);
     -moz-transform: rotate(-27deg);
      -ms-transform: rotate(-27deg);
       -o-transform: rotate(-27deg);
          transform: rotate(-27deg);
}

.css-wapuu .line-left-foot {
  background-color: #000;
  width: 89px;
  height: 50px;
  position: absolute;
  top: 220px;
  left: 140px;
  border-radius: 82px / 49px;
  -webkit-transform: rotate(67deg);
     -moz-transform: rotate(67deg);
      -ms-transform: rotate(67deg);
       -o-transform: rotate(67deg);
          transform: rotate(67deg);
}

.css-wapuu .line-left-foot::after {
  content: "";
  background-color: #000;
  width: 84px;
  height: 49px;
  position: absolute;
  top: 9px;
  left: 29px;
  border-radius: 75px 55px 41px 15px / 54px 40px 36px 25px;
  -webkit-transform: rotate(36deg);
     -moz-transform: rotate(36deg);
      -ms-transform: rotate(36deg);
       -o-transform: rotate(36deg);
          transform: rotate(36deg);
}

.css-wapuu .line-left-foot::before {
  content: "";
  background-color: #000;
  width: 84px;
  height: 49px;
  position: absolute;
  top: 7px;
  left: 19px;
  border-radius: 75px 55px 41px 15px / 54px 40px 36px 25px;
  -webkit-transform: rotate(16deg);
     -moz-transform: rotate(16deg);
      -ms-transform: rotate(16deg);
       -o-transform: rotate(16deg);
          transform: rotate(16deg);
}

.css-wapuu .line-right-foot {
  background-color: #000;
  width: 95px;
  height: 42px;
  position: absolute;
  top: 232px;
  left: 17px;
  border-radius: 82px / 39px;
  -webkit-transform: rotate(43deg);
     -moz-transform: rotate(43deg);
      -ms-transform: rotate(43deg);
       -o-transform: rotate(43deg);
          transform: rotate(43deg);
}

.css-wapuu .line-right-foot::after {
  content: "";
  background-color: #000;
  width: 101px;
  height: 40px;
  position: absolute;
  top: -8px;
  left: -8px;
  border-radius: 82px / 39px;
  -webkit-transform: rotate(15deg);
     -moz-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
       -o-transform: rotate(15deg);
          transform: rotate(15deg);
}

.css-wapuu .line-right-foot::before {
  content: "";
  background-color: #000;
  width: 52px;
  height: 44px;
  position: absolute;
  top: -10px;
  left: -11px;
  border-radius: 47px / 39px;
  -webkit-transform: rotate(59deg);
     -moz-transform: rotate(59deg);
      -ms-transform: rotate(59deg);
       -o-transform: rotate(59deg);
          transform: rotate(59deg);
}

.css-wapuu .left-leg {
  width: 79px;
  height: 62px;
  position: absolute;
  top: 215px;
  left: 205px;
  border-radius: 82px / 55px;
  -webkit-transform: rotate(-21deg);
     -moz-transform: rotate(-21deg);
      -ms-transform: rotate(-21deg);
       -o-transform: rotate(-21deg);
          transform: rotate(-21deg);
}

.css-wapuu .left-leg::after {
  content: "";
  width: 64px;
  height: 25px;
  position: absolute;
  top: 24px;
  left: 43px;
  border-radius: 82px / 37px;
  -webkit-transform: rotate(-35deg);
     -moz-transform: rotate(-35deg);
      -ms-transform: rotate(-35deg);
       -o-transform: rotate(-35deg);
          transform: rotate(-35deg);
}

.css-wapuu .left-leg::before {
  content: "";
  width: 94px;
  height: 37px;
  position: absolute;
  top: 26px;
  left: -27px;
  border-radius: 82px / 37px;
  -webkit-transform: rotate(2deg);
     -moz-transform: rotate(2deg);
      -ms-transform: rotate(2deg);
       -o-transform: rotate(2deg);
          transform: rotate(2deg);
}

.css-wapuu .left-foot {
  width: 66px;
  height: 33px;
  position: absolute;
  top: 226px;
  left: 151px;
  border-radius: 82px / 41px;
  -webkit-transform: rotate(67deg);
     -moz-transform: rotate(67deg);
      -ms-transform: rotate(67deg);
       -o-transform: rotate(67deg);
          transform: rotate(67deg);
}

.css-wapuu .left-foot::after {
  content: "";
  width: 64px;
  height: 32px;
  position: absolute;
  top: 7px;
  left: 26px;
  border-radius: 75px 45px 42px 19px / 44px 40px 36px 25px;
  -webkit-transform: rotate(37deg);
     -moz-transform: rotate(37deg);
      -ms-transform: rotate(37deg);
       -o-transform: rotate(37deg);
          transform: rotate(37deg);
}

.css-wapuu .left-foot::before {
  content: "";
  width: 64px;
  height: 32px;
  position: absolute;
  top: 8px;
  left: 19px;
  border-radius: 75px 45px 42px 19px / 44px 40px 36px 25px;
  -webkit-transform: rotate(20deg);
     -moz-transform: rotate(20deg);
      -ms-transform: rotate(20deg);
       -o-transform: rotate(20deg);
          transform: rotate(20deg);
}

.css-wapuu .right-foot {
  width: 79px;
  height: 24px;
  position: absolute;
  top: 234px;
  left: 26px;
  border-radius: 82px / 32px;
  -webkit-transform: rotate(51deg);
     -moz-transform: rotate(51deg);
      -ms-transform: rotate(51deg);
       -o-transform: rotate(51deg);
          transform: rotate(51deg);
}

.css-wapuu .right-foot::after {
  content: "";
  width: 72px;
  height: 32px;
  position: absolute;
  top: -5px;
  left: -1px;
  border-radius: 45px 150px 92px 49px / 44px 40px 36px 45px;
  -webkit-transform: rotate(1deg);
     -moz-transform: rotate(1deg);
      -ms-transform: rotate(1deg);
       -o-transform: rotate(1deg);
          transform: rotate(1deg);
}

.css-wapuu .thenar {
  background-color: #000;
  width: 40px;
  height: 7px;
  position: absolute;
  top: 258px;
  left: 146px;
  border-radius: 10px 70px 70px 48px / 10px 10px 20px 19px;
  -webkit-transform: rotate(-92deg);
     -moz-transform: rotate(-92deg);
      -ms-transform: rotate(-92deg);
       -o-transform: rotate(-92deg);
          transform: rotate(-92deg);
}

/*---------------------------------------

  Neck

---------------------------------------*/
.css-wapuu .neck {
  width: 109px;
  height: 50px;
  position: absolute;
  top: 43px;
  left: 200px;
  border-radius: 82px / 39px;
  -webkit-transform: rotate(47deg);
     -moz-transform: rotate(47deg);
      -ms-transform: rotate(47deg);
       -o-transform: rotate(47deg);
          transform: rotate(47deg);
}

.css-wapuu .neck::after {
  content: "";
  width: 40px;
  height: 15px;
  position: absolute;
  top: 45px;
  left: 20px;
  border-radius: 75px 35px 35px 15px / 54px 35px 25px 25px;
  -webkit-transform: rotate(-39deg);
     -moz-transform: rotate(-39deg);
      -ms-transform: rotate(-39deg);
       -o-transform: rotate(-39deg);
          transform: rotate(-39deg);
}

.css-wapuu .neck::before {
  content: "";
  width: 67px;
  height: 44px;
  position: absolute;
  top: 25px;
  left: 59px;
  border-radius: 82px 80px 0 82px / 29px 80px 0 29px;
  -webkit-transform: rotate(-21deg);
     -moz-transform: rotate(-21deg);
      -ms-transform: rotate(-21deg);
       -o-transform: rotate(-21deg);
          transform: rotate(-21deg);
}

/*---------------------------------------

  Eyes

---------------------------------------*/
.css-wapuu .eye-rignt {
	background-color: #000;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 58px;
	left: 118px;
	border-radius: 50%;
}

.css-wapuu .eye-left {
	background-color: #000;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 42px;
	left: 187px;
	border-radius: 50%;
}

/*---------------------------------------

  Nose

---------------------------------------*/
.css-wapuu .nose {
	background-color: #000;
	width: 20px;
	height: 10px;
	position: absolute;
	top: 59px;
	left: 141px;
	border-radius: 10px / 5px;
	-webkit-transform: rotate(-20deg);
  	   -moz-transform: rotate(-20deg);
  	    -ms-transform: rotate(-20deg);
  	     -o-transform: rotate(-20deg);
  	        transform: rotate(-20deg);
}

.css-wapuu .nose::after {
	content: "";
	background-color: #000;
	width: 18px;
	height: 10px;
	position: absolute;
	left: 1px;
	bottom: -1px;
	border-radius: 9px / 5px;
}

/*---------------------------------------

  Tail

---------------------------------------*/
.css-wapuu .line-tail1 {
  background-color: #000;
  width: 133px;
  height: 38px;
  position: absolute;
  top: 288px;
  left: 174px;
  border-radius: 35px 35px 105px 135px / 25px 25px 43px 45px;
  -webkit-transform: rotate(-54deg);
       -moz-transform: rotate(-54deg);
        -ms-transform: rotate(-54deg);
         -o-transform: rotate(-54deg);
            transform: rotate(-54deg);
}

.css-wapuu .line-tail1::after {
  content: "";
  background-color: #000;
  width: 109px;
  height: 39px;
  position: absolute;
  top: -17px;
  left: -50px;
  border-radius: 35px 35px 105px 135px / 25px 25px 63px 65px;
  -webkit-transform: rotate(23deg);
       -moz-transform: rotate(23deg);
        -ms-transform: rotate(23deg);
         -o-transform: rotate(23deg);
            transform: rotate(23deg);
}

.css-wapuu .line-tail1::before {
  content: "";
  background-color: #000;
  width: 103px;
  height: 44px;
  position: absolute;
  top: -56px;
  left: -84px;
  border-radius: 55px / 26px;
  -webkit-transform: rotate(58deg);
       -moz-transform: rotate(58deg);
        -ms-transform: rotate(58deg);
         -o-transform: rotate(58deg);
            transform: rotate(58deg);
}

.css-wapuu .line-tail2 {
  background-color: #000;
  width: 82px;
  height: 55px;
  position: absolute;
  top: 306px;
  left: 58px;
  border-radius: 55px / 40px;
  -webkit-transform: rotate(47deg);
       -moz-transform: rotate(47deg);
        -ms-transform: rotate(47deg);
         -o-transform: rotate(47deg);
            transform: rotate(47deg);
}

.css-wapuu .line-tail2::after {
  content: "";
  background-color: #000;
  width: 52px;
  height: 15px;
  position: absolute;
  top: -3px;
  left: 46px;
  border-radius: 55px / 40px;
  -webkit-transform: rotate(-20deg);
       -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
         -o-transform: rotate(-20deg);
            transform: rotate(-20deg);
}

.css-wapuu .line-tail2::before {
  content: "";
  background-color: #000;
  width: 72px;
  height: 15px;
  position: absolute;
  top: -23px;
  left: 56px;
  border-radius: 55px / 40px;
  -webkit-transform: rotate(119deg);
       -moz-transform: rotate(119deg);
        -ms-transform: rotate(119deg);
         -o-transform: rotate(119deg);
            transform: rotate(119deg);
}

.css-wapuu .tail1 {
  width: 70px;
  height: 16px;
  position: absolute;
  top: 300px;
  left: 205px;
  border-radius: 10px 70px 70px 60px / 10px 10px 20px 20px;
  -webkit-transform: rotate(-51deg);
     -moz-transform: rotate(-51deg);
      -ms-transform: rotate(-51deg);
       -o-transform: rotate(-51deg);
          transform: rotate(-51deg);
}

.css-wapuu .tail1::after {
  content: "";
  width: 95px;
  height: 18px;
  position: absolute;
  top: -16px;
  left: -69px;
  border-radius: 10px 70px 70px 60px / 10px 10px 20px 20px;
  -webkit-transform: rotate(24deg);
     -moz-transform: rotate(24deg);
      -ms-transform: rotate(24deg);
       -o-transform: rotate(24deg);
          transform: rotate(24deg);
}

.css-wapuu .tail1::before {
  content: "";
  width: 80px;
  height: 21px;
  position: absolute;
  top: -53px;
  left: -105px;
  border-radius: 10px 70px 70px 60px / 10px 10px 20px 20px;
  -webkit-transform: rotate(57deg);
     -moz-transform: rotate(57deg);
      -ms-transform: rotate(57deg);
       -o-transform: rotate(57deg);
          transform: rotate(57deg);
}

.css-wapuu .tail2 {
  width: 53px;
  height: 32px;
  position: absolute;
  top: 317px;
  left: 73px;
  border-radius: 70px / 44px;
  -webkit-transform: rotate(44deg);
     -moz-transform: rotate(44deg);
      -ms-transform: rotate(44deg);
       -o-transform: rotate(44deg);
          transform: rotate(44deg);
}

.css-wapuu .tail2::after {
  content: "";
  width: 35px;
  height: 14px;
  position: absolute;
  top: 3px;
  left: 26px;
  border-radius: 10px 70px 70px 60px / 10px 10px 20px 20px;
  -webkit-transform: rotate(-11deg);
     -moz-transform: rotate(-11deg);
      -ms-transform: rotate(-11deg);
       -o-transform: rotate(-11deg);
          transform: rotate(-11deg);
}

.css-wapuu .tail3 {
  background-color: #fff;
  width: 42px;
  height: 16px;
  position: absolute;
  top: 319px;
  left: 126px;
  border-radius: 45px 50px 142px 99px / 24px 50px 40px 65px;
  -webkit-transform: rotate(10deg);
     -moz-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
       -o-transform: rotate(10deg);
          transform: rotate(10deg);
}

.css-wapuu .tail3::before {
  content: "";
  background-color: #fff;
  width: 30px;
  height: 13px;
  position: absolute;
  top: -3px;
  left: 31px;
  border-radius: 45px 50px 102px 99px / 24px 50px 60px 65px;
  -webkit-transform: rotate(-27deg);
     -moz-transform: rotate(-27deg);
      -ms-transform: rotate(-27deg);
       -o-transform: rotate(-27deg);
          transform: rotate(-27deg);
}

.css-wapuu .tail4 {
  background-color: #000;
  width: 73px;
  height: 10px;
  position: absolute;
  top: 324px;
  left: 158px;
  border-radius: 10px 70px 70px 48px / 10px 10px 20px 19px;
  -webkit-transform: rotate(-28deg);
     -moz-transform: rotate(-28deg);
      -ms-transform: rotate(-28deg);
       -o-transform: rotate(-28deg);
          transform: rotate(-28deg);
}

.css-wapuu .tail4::after {
  content: "";
  background-color: #000;
  width: 43px;
  height: 10px;
  position: absolute;
  top: -6px;
  left: 59px;
  border-radius: 10px 70px 70px 48px / 10px 10px 20px 19px;
  -webkit-transform: rotate(-19deg);
     -moz-transform: rotate(-19deg);
      -ms-transform: rotate(-19deg);
       -o-transform: rotate(-19deg);
          transform: rotate(-19deg);
}

.css-wapuu .tail4::before {
  content: "";
  background-color: #000;
  width: 53px;
  height: 12px;
  position: absolute;
  top: -14px;
  left: -38px;
  border-radius: 10px 70px 75px 48px / 10px 10px 21px 23px;
  -webkit-transform: rotate(40deg);
     -moz-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
       -o-transform: rotate(40deg);
          transform: rotate(40deg);
}

/*---------------------------------------

  Color

---------------------------------------*/

/* body yellow */
.css-wapuu .body,.css-wapuu .body::before,.css-wapuu .body::after,.css-wapuu .face,.css-wapuu .face::after,.css-wapuu .face::before,.css-wapuu .left-hand,.css-wapuu .left-hand::before,.css-wapuu .right-hand,.css-wapuu .left-leg,.css-wapuu .left-leg::after,.css-wapuu .left-leg::before,.css-wapuu .left-foot,.css-wapuu .left-foot::after,.css-wapuu .left-foot::before,.css-wapuu .right-foot,.css-wapuu .right-foot::after,.css-wapuu .neck,.css-wapuu .neck::after,.css-wapuu .neck::before {
	background-color: #ffd215;
}

/* ear orange */
.css-wapuu .ear-left,.css-wapuu .ear-left::after,.css-wapuu .tail1,.css-wapuu .tail1::after,.css-wapuu .tail1::before,.css-wapuu .tail2,.css-wapuu .tail2::after {
	background-color: #fe8809;
}

.css-wapuu .ear-left::before,.css-wapuu .ear-right {
	border-top-color: #fe8809;
}

/* ball blue */
.css-wapuu .ball,.css-wapuu .ball2 {
	background-color: #035683;
}

.css-wapuu .boll-light,.css-wapuu .w-circle-inner,.css-wapuu .w-2,.css-wapuu .w-5,.css-wapuu .w-7,.css-wapuu .w-9,.css-wapuu .w-12 {
	background-color: #06709c;
}

/*---------------------------------------

  blink

---------------------------------------*/

.css-wapuu .blink {
    -webkit-animation: scaleout infinite 7s ease-out;
      animation: scaleout infinite 7s ease-out;
  }

	@-webkit-keyframes scaleout {
	  0% {
	    -webkit-transform: rotate(-8deg) scaleY(1.0);
	  }
	  25% {
	    -webkit-transform: rotate(-8deg) scaleY(1.0);
	  }
	  26% {
	    -webkit-transform: rotate(-8deg) scaleY(0);
	  }
	  27% {
	    -webkit-transform: rotate(-8deg) scaleY(1.0);
	  }
	  80% {
	    -webkit-transform: rotate(-8deg) scaleY(1.0);
	  }
	  81% {
	    -webkit-transform: rotate(-8deg) scaleY(0);
	  }
	  82% {
	    -webkit-transform: rotate(-8deg) scaleY(1.0);
	  }
	  83% {
	    -webkit-transform: rotate(-8deg) scaleY(1.0);
	  }
	  84% {
	    -webkit-transform: rotate(-8deg) scaleY(0);
	  }
	  85% {
	    -webkit-transform: rotate(-8deg) scaleY(1.0);
	  }
	  100% {
	    -webkit-transform: rotate(-8deg) scaleY(1.0);
	  }
	}

  @keyframes scaleout {
    0% {
      transform: rotate(-8deg) scaleY(1.0);
    }
    25% {
      transform: rotate(-8deg) scaleY(1.0);
    }
    26% {
      transform: rotate(-8deg) scaleY(0);
    }
    27% {
      transform: rotate(-8deg) scaleY(1.0);
    }
    80% {
      transform: rotate(-8deg) scaleY(1.0);
    }
    81% {
      transform: rotate(-8deg) scaleY(0);
    }
    82% {
      transform: rotate(-8deg) scaleY(1.0);
    }
    83% {
      transform: rotate(-8deg) scaleY(1.0);
    }
    84% {
      transform: rotate(-8deg) scaleY(0);
    }
    85% {
      transform: rotate(-8deg) scaleY(1.0);
    }
    100% {
      transform: rotate(-8deg) scaleY(1.0);
    }
  }