.picList {
  position: relative;
  width: 100%;
  height: 70vh;
  min-height: 420px;
  -webkit-transform: rotateX(-5deg);
  transform: rotateX(-5deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 455.1831372428px;
  perspective: 455.1831372428px
}
.pic {
  position: absolute;
  top: 50%;
  left: calc(50% - 50px);
  width: 100px;
  padding: 1em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0.9;
  background: #eee
}
.pic_name {
  position: absolute;
  top: 105%;
  left: 0;
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-align: center;
  opacity: 0
}
.pic:nth-child(1) {
  background: #f8f8ba
}
.picList[data-front="1"] .pic:nth-child(1) {
  z-index: 11;
  -webkit-transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad);
  transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad)
}
.picList[data-front="1"] .pic:nth-child(1) .pic_name {
  opacity: 1
}
.picList[data-front="2"] .pic:nth-child(1) {
  z-index: 10;
  -webkit-transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad);
  transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad)
}
.picList[data-front="3"] .pic:nth-child(1) {
  z-index: 5;
  -webkit-transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad);
  transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad)
}
.picList[data-front="4"] .pic:nth-child(1) {
  z-index: -1;
  -webkit-transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad);
  transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad)
}
.picList[data-front="5"] .pic:nth-child(1) {
  z-index: -7;
  -webkit-transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad);
  transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad)
}
.picList[data-front="6"] .pic:nth-child(1) {
  z-index: -10;
  -webkit-transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad);
  transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad)
}
.picList[data-front="7"] .pic:nth-child(1) {
  z-index: -10;
  -webkit-transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad);
  transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad)
}
.picList[data-front="8"] .pic:nth-child(1) {
  z-index: -7;
  -webkit-transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad);
  transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad)
}
.picList[data-front="9"] .pic:nth-child(1) {
  z-index: -1;
  -webkit-transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad);
  transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad)
}
.picList[data-front="10"] .pic:nth-child(1) {
  z-index: 5;
  -webkit-transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad);
  transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad)
}
.picList[data-front="11"] .pic:nth-child(1) {
  z-index: 10;
  -webkit-transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad);
  transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad)
}
.pic:nth-child(2) {
  background: #d6f8ba
}
.picList[data-front="1"] .pic:nth-child(2) {
  z-index: 10;
  -webkit-transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad);
  transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad)
}
.picList[data-front="2"] .pic:nth-child(2) {
  z-index: 11;
  -webkit-transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad);
  transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad)
}
.picList[data-front="2"] .pic:nth-child(2) .pic_name {
  opacity: 1
}
.picList[data-front="3"] .pic:nth-child(2) {
  z-index: 10;
  -webkit-transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad);
  transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad)
}
.picList[data-front="4"] .pic:nth-child(2) {
  z-index: 5;
  -webkit-transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad);
  transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad)
}
.picList[data-front="5"] .pic:nth-child(2) {
  z-index: -1;
  -webkit-transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad);
  transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad)
}
.picList[data-front="6"] .pic:nth-child(2) {
  z-index: -7;
  -webkit-transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad);
  transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad)
}
.picList[data-front="7"] .pic:nth-child(2) {
  z-index: -10;
  -webkit-transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad);
  transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad)
}
.picList[data-front="8"] .pic:nth-child(2) {
  z-index: -10;
  -webkit-transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad);
  transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad)
}
.picList[data-front="9"] .pic:nth-child(2) {
  z-index: -7;
  -webkit-transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad);
  transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad)
}
.picList[data-front="10"] .pic:nth-child(2) {
  z-index: -1;
  -webkit-transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad);
  transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad)
}
.picList[data-front="11"] .pic:nth-child(2) {
  z-index: 5;
  -webkit-transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad);
  transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad)
}
.pic:nth-child(3) {
  background: #baf8bf
}
.picList[data-front="1"] .pic:nth-child(3) {
  z-index: 5;
  -webkit-transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad);
  transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad)
}
.picList[data-front="2"] .pic:nth-child(3) {
  z-index: 10;
  -webkit-transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad);
  transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad)
}
.picList[data-front="3"] .pic:nth-child(3) {
  z-index: 11;
  -webkit-transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad);
  transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad)
}
.picList[data-front="3"] .pic:nth-child(3) .pic_name {
  opacity: 1
}
.picList[data-front="4"] .pic:nth-child(3) {
  z-index: 10;
  -webkit-transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad);
  transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad)
}
.picList[data-front="5"] .pic:nth-child(3) {
  z-index: 5;
  -webkit-transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad);
  transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad)
}
.picList[data-front="6"] .pic:nth-child(3) {
  z-index: -1;
  -webkit-transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad);
  transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad)
}
.picList[data-front="7"] .pic:nth-child(3) {
  z-index: -7;
  -webkit-transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad);
  transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad)
}
.picList[data-front="8"] .pic:nth-child(3) {
  z-index: -10;
  -webkit-transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad);
  transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad)
}
.picList[data-front="9"] .pic:nth-child(3) {
  z-index: -10;
  -webkit-transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad);
  transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad)
}
.picList[data-front="10"] .pic:nth-child(3) {
  z-index: -7;
  -webkit-transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad);
  transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad)
}
.picList[data-front="11"] .pic:nth-child(3) {
  z-index: -1;
  -webkit-transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad);
  transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad)
}
.pic:nth-child(4) {
  background: #baf8e1
}
.picList[data-front="1"] .pic:nth-child(4) {
  z-index: -1;
  -webkit-transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad);
  transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad)
}
.picList[data-front="2"] .pic:nth-child(4) {
  z-index: 5;
  -webkit-transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad);
  transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad)
}
.picList[data-front="3"] .pic:nth-child(4) {
  z-index: 10;
  -webkit-transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad);
  transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad)
}
.picList[data-front="4"] .pic:nth-child(4) {
  z-index: 11;
  -webkit-transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad);
  transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad)
}
.picList[data-front="4"] .pic:nth-child(4) .pic_name {
  opacity: 1
}
.picList[data-front="5"] .pic:nth-child(4) {
  z-index: 10;
  -webkit-transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad);
  transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad)
}
.picList[data-front="6"] .pic:nth-child(4) {
  z-index: 5;
  -webkit-transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad);
  transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad)
}
.picList[data-front="7"] .pic:nth-child(4) {
  z-index: -1;
  -webkit-transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad);
  transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad)
}
.picList[data-front="8"] .pic:nth-child(4) {
  z-index: -7;
  -webkit-transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad);
  transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad)
}
.picList[data-front="9"] .pic:nth-child(4) {
  z-index: -10;
  -webkit-transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad);
  transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad)
}
.picList[data-front="10"] .pic:nth-child(4) {
  z-index: -10;
  -webkit-transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad);
  transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad)
}
.picList[data-front="11"] .pic:nth-child(4) {
  z-index: -7;
  -webkit-transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad);
  transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad)
}
.pic:nth-child(5) {
  background: #baedf8
}
.picList[data-front="1"] .pic:nth-child(5) {
  z-index: -7;
  -webkit-transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad);
  transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad)
}
.picList[data-front="2"] .pic:nth-child(5) {
  z-index: -1;
  -webkit-transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad);
  transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad)
}
.picList[data-front="3"] .pic:nth-child(5) {
  z-index: 5;
  -webkit-transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad);
  transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad)
}
.picList[data-front="4"] .pic:nth-child(5) {
  z-index: 10;
  -webkit-transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad);
  transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad)
}
.picList[data-front="5"] .pic:nth-child(5) {
  z-index: 11;
  -webkit-transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad);
  transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad)
}
.picList[data-front="5"] .pic:nth-child(5) .pic_name {
  opacity: 1
}
.picList[data-front="6"] .pic:nth-child(5) {
  z-index: 10;
  -webkit-transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad);
  transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad)
}
.picList[data-front="7"] .pic:nth-child(5) {
  z-index: 5;
  -webkit-transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad);
  transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad)
}
.picList[data-front="8"] .pic:nth-child(5) {
  z-index: -1;
  -webkit-transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad);
  transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad)
}
.picList[data-front="9"] .pic:nth-child(5) {
  z-index: -7;
  -webkit-transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad);
  transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad)
}
.picList[data-front="10"] .pic:nth-child(5) {
  z-index: -10;
  -webkit-transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad);
  transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad)
}
.picList[data-front="11"] .pic:nth-child(5) {
  z-index: -10;
  -webkit-transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad);
  transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad)
}
.pic:nth-child(6) {
  background: #bacbf8
}
.picList[data-front="1"] .pic:nth-child(6) {
  z-index: -10;
  -webkit-transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad);
  transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad)
}
.picList[data-front="2"] .pic:nth-child(6) {
  z-index: -7;
  -webkit-transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad);
  transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad)
}
.picList[data-front="3"] .pic:nth-child(6) {
  z-index: -1;
  -webkit-transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad);
  transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad)
}
.picList[data-front="4"] .pic:nth-child(6) {
  z-index: 5;
  -webkit-transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad);
  transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad)
}
.picList[data-front="5"] .pic:nth-child(6) {
  z-index: 10;
  -webkit-transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad);
  transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad)
}
.picList[data-front="6"] .pic:nth-child(6) {
  z-index: 11;
  -webkit-transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad);
  transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad)
}
.picList[data-front="6"] .pic:nth-child(6) .pic_name {
  opacity: 1
}
.picList[data-front="7"] .pic:nth-child(6) {
  z-index: 10;
  -webkit-transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad);
  transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad)
}
.picList[data-front="8"] .pic:nth-child(6) {
  z-index: 5;
  -webkit-transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad);
  transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad)
}
.picList[data-front="9"] .pic:nth-child(6) {
  z-index: -1;
  -webkit-transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad);
  transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad)
}
.picList[data-front="10"] .pic:nth-child(6) {
  z-index: -7;
  -webkit-transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad);
  transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad)
}
.picList[data-front="11"] .pic:nth-child(6) {
  z-index: -10;
  -webkit-transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad);
  transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad)
}
.pic:nth-child(7) {
  background: #cbbaf8
}
.picList[data-front="1"] .pic:nth-child(7) {
  z-index: -10;
  -webkit-transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad);
  transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad)
}
.picList[data-front="2"] .pic:nth-child(7) {
  z-index: -10;
  -webkit-transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad);
  transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad)
}
.picList[data-front="3"] .pic:nth-child(7) {
  z-index: -7;
  -webkit-transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad);
  transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad)
}
.picList[data-front="4"] .pic:nth-child(7) {
  z-index: -1;
  -webkit-transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad);
  transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad)
}
.picList[data-front="5"] .pic:nth-child(7) {
  z-index: 5;
  -webkit-transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad);
  transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad)
}
.picList[data-front="6"] .pic:nth-child(7) {
  z-index: 10;
  -webkit-transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad);
  transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad)
}
.picList[data-front="7"] .pic:nth-child(7) {
  z-index: 11;
  -webkit-transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad);
  transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad)
}
.picList[data-front="7"] .pic:nth-child(7) .pic_name {
  opacity: 1
}
.picList[data-front="8"] .pic:nth-child(7) {
  z-index: 10;
  -webkit-transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad);
  transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad)
}
.picList[data-front="9"] .pic:nth-child(7) {
  z-index: 5;
  -webkit-transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad);
  transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad)
}
.picList[data-front="10"] .pic:nth-child(7) {
  z-index: -1;
  -webkit-transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad);
  transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad)
}
.picList[data-front="11"] .pic:nth-child(7) {
  z-index: -7;
  -webkit-transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad);
  transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad)
}
.pic:nth-child(8) {
  background: #edbaf8
}
.picList[data-front="1"] .pic:nth-child(8) {
  z-index: -7;
  -webkit-transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad);
  transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad)
}
.picList[data-front="2"] .pic:nth-child(8) {
  z-index: -10;
  -webkit-transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad);
  transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad)
}
.picList[data-front="3"] .pic:nth-child(8) {
  z-index: -10;
  -webkit-transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad);
  transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad)
}
.picList[data-front="4"] .pic:nth-child(8) {
  z-index: -7;
  -webkit-transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad);
  transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad)
}
.picList[data-front="5"] .pic:nth-child(8) {
  z-index: -1;
  -webkit-transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad);
  transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad)
}
.picList[data-front="6"] .pic:nth-child(8) {
  z-index: 5;
  -webkit-transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad);
  transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad)
}
.picList[data-front="7"] .pic:nth-child(8) {
  z-index: 10;
  -webkit-transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad);
  transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad)
}
.picList[data-front="8"] .pic:nth-child(8) {
  z-index: 11;
  -webkit-transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad);
  transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad)
}
.picList[data-front="8"] .pic:nth-child(8) .pic_name {
  opacity: 1
}
.picList[data-front="9"] .pic:nth-child(8) {
  z-index: 10;
  -webkit-transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad);
  transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad)
}
.picList[data-front="10"] .pic:nth-child(8) {
  z-index: 5;
  -webkit-transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad);
  transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad)
}
.picList[data-front="11"] .pic:nth-child(8) {
  z-index: -1;
  -webkit-transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad);
  transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad)
}
.pic:nth-child(9) {
  background: #f8bae2
}
.picList[data-front="1"] .pic:nth-child(9) {
  z-index: -1;
  -webkit-transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad);
  transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad)
}
.picList[data-front="2"] .pic:nth-child(9) {
  z-index: -7;
  -webkit-transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad);
  transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad)
}
.picList[data-front="3"] .pic:nth-child(9) {
  z-index: -10;
  -webkit-transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad);
  transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad)
}
.picList[data-front="4"] .pic:nth-child(9) {
  z-index: -10;
  -webkit-transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad);
  transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad)
}
.picList[data-front="5"] .pic:nth-child(9) {
  z-index: -7;
  -webkit-transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad);
  transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad)
}
.picList[data-front="6"] .pic:nth-child(9) {
  z-index: -1;
  -webkit-transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad);
  transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad)
}
.picList[data-front="7"] .pic:nth-child(9) {
  z-index: 5;
  -webkit-transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad);
  transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad)
}
.picList[data-front="8"] .pic:nth-child(9) {
  z-index: 10;
  -webkit-transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad);
  transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad)
}
.picList[data-front="9"] .pic:nth-child(9) {
  z-index: 11;
  -webkit-transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad);
  transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad)
}
.picList[data-front="9"] .pic:nth-child(9) .pic_name {
  opacity: 1
}
.picList[data-front="10"] .pic:nth-child(9) {
  z-index: 10;
  -webkit-transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad);
  transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad)
}
.picList[data-front="11"] .pic:nth-child(9) {
  z-index: 5;
  -webkit-transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad);
  transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad)
}
.pic:nth-child(10) {
  background: #f8bac0
}
.picList[data-front="1"] .pic:nth-child(10) {
  z-index: 5;
  -webkit-transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad);
  transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad)
}
.picList[data-front="2"] .pic:nth-child(10) {
  z-index: -1;
  -webkit-transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad);
  transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad)
}
.picList[data-front="3"] .pic:nth-child(10) {
  z-index: -7;
  -webkit-transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad);
  transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad)
}
.picList[data-front="4"] .pic:nth-child(10) {
  z-index: -10;
  -webkit-transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad);
  transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad)
}
.picList[data-front="5"] .pic:nth-child(10) {
  z-index: -10;
  -webkit-transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad);
  transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad)
}
.picList[data-front="6"] .pic:nth-child(10) {
  z-index: -7;
  -webkit-transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad);
  transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad)
}
.picList[data-front="7"] .pic:nth-child(10) {
  z-index: -1;
  -webkit-transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad);
  transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad)
}
.picList[data-front="8"] .pic:nth-child(10) {
  z-index: 5;
  -webkit-transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad);
  transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad)
}
.picList[data-front="9"] .pic:nth-child(10) {
  z-index: 10;
  -webkit-transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad);
  transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad)
}
.picList[data-front="10"] .pic:nth-child(10) {
  z-index: 11;
  -webkit-transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad);
  transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad)
}
.picList[data-front="10"] .pic:nth-child(10) .pic_name {
  opacity: 1
}
.picList[data-front="11"] .pic:nth-child(10) {
  z-index: 10;
  -webkit-transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad);
  transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad)
}
.pic:nth-child(11) {
  background: #f8d6ba
}
.picList[data-front="1"] .pic:nth-child(11) {
  z-index: 10;
  -webkit-transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad);
  transform: translate3d(-123.0452917055px, 0, 191.4622111454px) rotateY(5.7119866429rad)
}
.picList[data-front="2"] .pic:nth-child(11) {
  z-index: 5;
  -webkit-transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad);
  transform: translate3d(-207.024572691px, 0, 94.544954438px) rotateY(5.1407879786rad)
}
.picList[data-front="3"] .pic:nth-child(11) {
  z-index: -1;
  -webkit-transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad);
  transform: translate3d(-225.2750146128px, 0, -32.3896572807px) rotateY(4.5695893143rad)
}
.picList[data-front="4"] .pic:nth-child(11) {
  z-index: -7;
  -webkit-transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad);
  transform: translate3d(-172.0022311122px, 0, -149.0407816672px) rotateY(3.99839065rad)
}
.picList[data-front="5"] .pic:nth-child(11) {
  z-index: -10;
  -webkit-transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad);
  transform: translate3d(-64.1199545433px, 0, -218.3725109461px) rotateY(3.4271919857rad)
}
.picList[data-front="6"] .pic:nth-child(11) {
  z-index: -10;
  -webkit-transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad);
  transform: translate3d(64.1199545433px, 0, -218.3725109461px) rotateY(2.8559933214rad)
}
.picList[data-front="7"] .pic:nth-child(11) {
  z-index: -7;
  -webkit-transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad);
  transform: translate3d(172.0022311122px, 0, -149.0407816672px) rotateY(2.2847946572rad)
}
.picList[data-front="8"] .pic:nth-child(11) {
  z-index: -1;
  -webkit-transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad);
  transform: translate3d(225.2750146128px, 0, -32.3896572807px) rotateY(1.7135959929rad)
}
.picList[data-front="9"] .pic:nth-child(11) {
  z-index: 5;
  -webkit-transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad);
  transform: translate3d(207.024572691px, 0, 94.544954438px) rotateY(1.1423973286rad)
}
.picList[data-front="10"] .pic:nth-child(11) {
  z-index: 10;
  -webkit-transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad);
  transform: translate3d(123.0452917055px, 0, 191.4622111454px) rotateY(0.5711986643rad)
}
.picList[data-front="11"] .pic:nth-child(11) {
  z-index: 11;
  -webkit-transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad);
  transform: translate3d(0px, 0, 227.5915686214px) rotateY(0rad)
}
.picList[data-front="11"] .pic:nth-child(11) .pic_name {
  opacity: 1
}
.btn {
  display: inline-block;
  margin-top: 4em;
  padding: 0.5em 1em;
  color: #333;
  border: none;
  background: #eee
}
.btn + .btn {
  margin-left: 2em
}
/*# sourceMappingURL=../sourcemaps/kurukuru.css.map */