<ul class="dot_e">
  <li><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img></li>
  <li><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img></li>
  <li><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img></li>
  <li><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img></li>
  <li><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img></li>
  <li><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img></li>
  <li><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img></li>
  <li><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img></li>
  <li><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img></li>
  <li><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img></li>
  <li><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img></li>
  <li><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img></li>
  <li><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img></li>
  <li><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img></li>
  <li><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img></li>
  <li><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img><img></li>
</ul>
.dot_e {
  font-size: 0;
  margin: 0;
  padding: 0;
}

img {
  background: #eee;
  width: 20px;
  height: 20px;
}

/*基本色 
肌色: #facd89;
赤: #ff0000;
緑: #638c0b;
*/

/*1行目*/
.dot_e li:nth-child(1) img:nth-child(1) {background: none;}
.dot_e li:nth-child(1) img:nth-child(2) {background: none;}
.dot_e li:nth-child(1) img:nth-child(3) {background: none;}
.dot_e li:nth-child(1) img:nth-child(4) {background: none;}
.dot_e li:nth-child(1) img:nth-child(5) {background: none;}
.dot_e li:nth-child(1) img:nth-child(6) {background: none;}
.dot_e li:nth-child(1) img:nth-child(7) {background: none;}
.dot_e li:nth-child(1) img:nth-child(8) {background: none;}
.dot_e li:nth-child(1) img:nth-child(9) {background: none;}
.dot_e li:nth-child(1) img:nth-child(10) {background: none;}
.dot_e li:nth-child(1) img:nth-child(11) {background: none;}
.dot_e li:nth-child(1) img:nth-child(12) {background: none;}
.dot_e li:nth-child(1) img:nth-child(13) {background: none;}
.dot_e li:nth-child(1) img:nth-child(14) {background: none;}
.dot_e li:nth-child(1) img:nth-child(15) {background: none;}
.dot_e li:nth-child(1) img:nth-child(16) {background: none;}

/*2行目*/
.dot_e li:nth-child(2) img:nth-child(1) {background: none;}
.dot_e li:nth-child(2) img:nth-child(2) {background: none;}
.dot_e li:nth-child(2) img:nth-child(3) {background: none;}
.dot_e li:nth-child(2) img:nth-child(4) {background: none;}
.dot_e li:nth-child(2) img:nth-child(5) {background: none;}
.dot_e li:nth-child(2) img:nth-child(6) {background: none;}
.dot_e li:nth-child(2) img:nth-child(7) {background: none;}
.dot_e li:nth-child(2) img:nth-child(8) {background: none;}
.dot_e li:nth-child(2) img:nth-child(9) {background: none;}
.dot_e li:nth-child(2) img:nth-child(10) {background: none;}
.dot_e li:nth-child(2) img:nth-child(11) {background: none;}
.dot_e li:nth-child(2) img:nth-child(12) {background: none;}
.dot_e li:nth-child(2) img:nth-child(13) {background: none;}
.dot_e li:nth-child(2) img:nth-child(14) {background: none;}
.dot_e li:nth-child(2) img:nth-child(15) {background: none;}
.dot_e li:nth-child(2) img:nth-child(16) {background: none;}


/*3行目*/
.dot_e li:nth-child(3) img:nth-child(1) {background: none;}
.dot_e li:nth-child(3) img:nth-child(2) {background: none;}
.dot_e li:nth-child(3) img:nth-child(3) {background: none;}
.dot_e li:nth-child(3) img:nth-child(4) {background: none;}
.dot_e li:nth-child(3) img:nth-child(5) {background: none;}
.dot_e li:nth-child(3) img:nth-child(6) {background: none;}
.dot_e li:nth-child(3) img:nth-child(7) {background: none;}
.dot_e li:nth-child(3) img:nth-child(8) {background: none;}
.dot_e li:nth-child(3) img:nth-child(9) {background: none;}
.dot_e li:nth-child(3) img:nth-child(10) {background: none;}
.dot_e li:nth-child(3) img:nth-child(11) {background: none;}
.dot_e li:nth-child(3) img:nth-child(12) {background: none;}
.dot_e li:nth-child(3) img:nth-child(13) {background: none;}
.dot_e li:nth-child(3) img:nth-child(14) {background: none;}
.dot_e li:nth-child(3) img:nth-child(15) {background: none;}
.dot_e li:nth-child(3) img:nth-child(16) {background: none;}


/*4行目*/
.dot_e li:nth-child(4) img:nth-child(1) {background: none;}
.dot_e li:nth-child(4) img:nth-child(2) {background: none;}
.dot_e li:nth-child(4) img:nth-child(3) {background: none;}
.dot_e li:nth-child(4) img:nth-child(4) {background: none;}
.dot_e li:nth-child(4) img:nth-child(5) {background: none;}
.dot_e li:nth-child(4) img:nth-child(6) {background: none;}
.dot_e li:nth-child(4) img:nth-child(7) {background: none;}
.dot_e li:nth-child(4) img:nth-child(8) {background: none;}
.dot_e li:nth-child(4) img:nth-child(9) {background: none;}
.dot_e li:nth-child(4) img:nth-child(10) {background: none;}
.dot_e li:nth-child(4) img:nth-child(11) {background: none;}
.dot_e li:nth-child(4) img:nth-child(12) {background: none;}
.dot_e li:nth-child(4) img:nth-child(13) {background: none;}
.dot_e li:nth-child(4) img:nth-child(14) {background: none;}
.dot_e li:nth-child(4) img:nth-child(15) {background: none;}
.dot_e li:nth-child(4) img:nth-child(16) {background: none;}


/*5行目*/
.dot_e li:nth-child(5) img:nth-child(1) {background: none;}
.dot_e li:nth-child(5) img:nth-child(2) {background: none;}
.dot_e li:nth-child(5) img:nth-child(3) {background: none;}
.dot_e li:nth-child(5) img:nth-child(4) {background: none;}
.dot_e li:nth-child(5) img:nth-child(5) {background: none;}
.dot_e li:nth-child(5) img:nth-child(6) {background: none;}
.dot_e li:nth-child(5) img:nth-child(7) {background: none;}
.dot_e li:nth-child(5) img:nth-child(8) {background: none;}
.dot_e li:nth-child(5) img:nth-child(9) {background: none;}
.dot_e li:nth-child(5) img:nth-child(10) {background: none;}
.dot_e li:nth-child(5) img:nth-child(11) {background: none;}
.dot_e li:nth-child(5) img:nth-child(12) {background: none;}
.dot_e li:nth-child(5) img:nth-child(13) {background: none;}
.dot_e li:nth-child(5) img:nth-child(14) {background: none;}
.dot_e li:nth-child(5) img:nth-child(15) {background: none;}
.dot_e li:nth-child(5) img:nth-child(16) {background: none;}


/*6行目*/
.dot_e li:nth-child(6) img:nth-child(1) {background: none;}
.dot_e li:nth-child(6) img:nth-child(2) {background: none;}
.dot_e li:nth-child(6) img:nth-child(3) {background: none;}
.dot_e li:nth-child(6) img:nth-child(4) {background: none;}
.dot_e li:nth-child(6) img:nth-child(5) {background: none;}
.dot_e li:nth-child(6) img:nth-child(6) {background: none;}
.dot_e li:nth-child(6) img:nth-child(7) {background: none;}
.dot_e li:nth-child(6) img:nth-child(8) {background: none;}
.dot_e li:nth-child(6) img:nth-child(9) {background: none;}
.dot_e li:nth-child(6) img:nth-child(10) {background: none;}
.dot_e li:nth-child(6) img:nth-child(11) {background: none;}
.dot_e li:nth-child(6) img:nth-child(12) {background: none;}
.dot_e li:nth-child(6) img:nth-child(13) {background: none;}
.dot_e li:nth-child(6) img:nth-child(14) {background: none;}
.dot_e li:nth-child(6) img:nth-child(15) {background: none;}
.dot_e li:nth-child(6) img:nth-child(16) {background: none;}


/*7行目*/
.dot_e li:nth-child(7) img:nth-child(1) {background: none;}
.dot_e li:nth-child(7) img:nth-child(2) {background: none;}
.dot_e li:nth-child(7) img:nth-child(3) {background: none;}
.dot_e li:nth-child(7) img:nth-child(4) {background: none;}
.dot_e li:nth-child(7) img:nth-child(5) {background: none;}
.dot_e li:nth-child(7) img:nth-child(6) {background: none;}
.dot_e li:nth-child(7) img:nth-child(7) {background: none;}
.dot_e li:nth-child(7) img:nth-child(8) {background: none;}
.dot_e li:nth-child(7) img:nth-child(9) {background: none;}
.dot_e li:nth-child(7) img:nth-child(10) {background: none;}
.dot_e li:nth-child(7) img:nth-child(11) {background: none;}
.dot_e li:nth-child(7) img:nth-child(12) {background: none;}
.dot_e li:nth-child(7) img:nth-child(13) {background: none;}
.dot_e li:nth-child(7) img:nth-child(14) {background: none;}
.dot_e li:nth-child(7) img:nth-child(15) {background: none;}
.dot_e li:nth-child(7) img:nth-child(16) {background: none;}


/*8行目*/
.dot_e li:nth-child(8) img:nth-child(1) {background: none;}
.dot_e li:nth-child(8) img:nth-child(2) {background: none;}
.dot_e li:nth-child(8) img:nth-child(3) {background: none;}
.dot_e li:nth-child(8) img:nth-child(4) {background: none;}
.dot_e li:nth-child(8) img:nth-child(5) {background: none;}
.dot_e li:nth-child(8) img:nth-child(6) {background: none;}
.dot_e li:nth-child(8) img:nth-child(7) {background: none;}
.dot_e li:nth-child(8) img:nth-child(8) {background: none;}
.dot_e li:nth-child(8) img:nth-child(9) {background: none;}
.dot_e li:nth-child(8) img:nth-child(10) {background: none;}
.dot_e li:nth-child(8) img:nth-child(11) {background: none;}
.dot_e li:nth-child(8) img:nth-child(12) {background: none;}
.dot_e li:nth-child(8) img:nth-child(13) {background: none;}
.dot_e li:nth-child(8) img:nth-child(14) {background: none;}
.dot_e li:nth-child(8) img:nth-child(15) {background: none;}
.dot_e li:nth-child(8) img:nth-child(16) {background: none;}


/*9行目*/
.dot_e li:nth-child(9) img:nth-child(1) {background: none;}
.dot_e li:nth-child(9) img:nth-child(2) {background: none;}
.dot_e li:nth-child(9) img:nth-child(3) {background: none;}
.dot_e li:nth-child(9) img:nth-child(4) {background: none;}
.dot_e li:nth-child(9) img:nth-child(5) {background: none;}
.dot_e li:nth-child(9) img:nth-child(6) {background: none;}
.dot_e li:nth-child(9) img:nth-child(7) {background: none;}
.dot_e li:nth-child(9) img:nth-child(8) {background: none;}
.dot_e li:nth-child(9) img:nth-child(9) {background: none;}
.dot_e li:nth-child(9) img:nth-child(10) {background: none;}
.dot_e li:nth-child(9) img:nth-child(11) {background: none;}
.dot_e li:nth-child(9) img:nth-child(12) {background: none;}
.dot_e li:nth-child(9) img:nth-child(13) {background: none;}
.dot_e li:nth-child(9) img:nth-child(14) {background: none;}
.dot_e li:nth-child(9) img:nth-child(15) {background: none;}
.dot_e li:nth-child(9) img:nth-child(16) {background: none;}


/*10行目*/
.dot_e li:nth-child(10) img:nth-child(1) {background: none;}
.dot_e li:nth-child(10) img:nth-child(2) {background: none;}
.dot_e li:nth-child(10) img:nth-child(3) {background: none;}
.dot_e li:nth-child(10) img:nth-child(4) {background: none;}
.dot_e li:nth-child(10) img:nth-child(5) {background: none;}
.dot_e li:nth-child(10) img:nth-child(6) {background: none;}
.dot_e li:nth-child(10) img:nth-child(7) {background: none;}
.dot_e li:nth-child(10) img:nth-child(8) {background: none;}
.dot_e li:nth-child(10) img:nth-child(9) {background: none;}
.dot_e li:nth-child(10) img:nth-child(10) {background: none;}
.dot_e li:nth-child(10) img:nth-child(11) {background: none;}
.dot_e li:nth-child(10) img:nth-child(12) {background: none;}
.dot_e li:nth-child(10) img:nth-child(13) {background: none;}
.dot_e li:nth-child(10) img:nth-child(14) {background: none;}
.dot_e li:nth-child(10) img:nth-child(15) {background: none;}
.dot_e li:nth-child(10) img:nth-child(16) {background: none;}


/*11行目*/
.dot_e li:nth-child(11) img:nth-child(1) {background: none;}
.dot_e li:nth-child(11) img:nth-child(2) {background: none;}
.dot_e li:nth-child(11) img:nth-child(3) {background: none;}
.dot_e li:nth-child(11) img:nth-child(4) {background: none;}
.dot_e li:nth-child(11) img:nth-child(5) {background: none;}
.dot_e li:nth-child(11) img:nth-child(6) {background: none;}
.dot_e li:nth-child(11) img:nth-child(7) {background: none;}
.dot_e li:nth-child(11) img:nth-child(8) {background: none;}
.dot_e li:nth-child(11) img:nth-child(9) {background: none;}
.dot_e li:nth-child(11) img:nth-child(10) {background: none;}
.dot_e li:nth-child(11) img:nth-child(11) {background: none;}
.dot_e li:nth-child(11) img:nth-child(12) {background: none;}
.dot_e li:nth-child(11) img:nth-child(13) {background: none;}
.dot_e li:nth-child(11) img:nth-child(14) {background: none;}
.dot_e li:nth-child(11) img:nth-child(15) {background: none;}
.dot_e li:nth-child(11) img:nth-child(16) {background: none;}


/*12行目*/
.dot_e li:nth-child(12) img:nth-child(1) {background: none;}
.dot_e li:nth-child(12) img:nth-child(2) {background: none;}
.dot_e li:nth-child(12) img:nth-child(3) {background: none;}
.dot_e li:nth-child(12) img:nth-child(4) {background: none;}
.dot_e li:nth-child(12) img:nth-child(5) {background: none;}
.dot_e li:nth-child(12) img:nth-child(6) {background: none;}
.dot_e li:nth-child(12) img:nth-child(7) {background: none;}
.dot_e li:nth-child(12) img:nth-child(8) {background: none;}
.dot_e li:nth-child(12) img:nth-child(9) {background: none;}
.dot_e li:nth-child(12) img:nth-child(10) {background: none;}
.dot_e li:nth-child(12) img:nth-child(11) {background: none;}
.dot_e li:nth-child(12) img:nth-child(12) {background: none;}
.dot_e li:nth-child(12) img:nth-child(13) {background: none;}
.dot_e li:nth-child(12) img:nth-child(14) {background: none;}
.dot_e li:nth-child(12) img:nth-child(15) {background: none;}
.dot_e li:nth-child(12) img:nth-child(16) {background: none;}


/*13行目*/
.dot_e li:nth-child(13) img:nth-child(1) {background: none;}
.dot_e li:nth-child(13) img:nth-child(2) {background: none;}
.dot_e li:nth-child(13) img:nth-child(3) {background: none;}
.dot_e li:nth-child(13) img:nth-child(4) {background: none;}
.dot_e li:nth-child(13) img:nth-child(5) {background: none;}
.dot_e li:nth-child(13) img:nth-child(6) {background: none;}
.dot_e li:nth-child(13) img:nth-child(7) {background: none;}
.dot_e li:nth-child(13) img:nth-child(8) {background: none;}
.dot_e li:nth-child(13) img:nth-child(9) {background: none;}
.dot_e li:nth-child(13) img:nth-child(10) {background: none;}
.dot_e li:nth-child(13) img:nth-child(11) {background: none;}
.dot_e li:nth-child(13) img:nth-child(12) {background: none;}
.dot_e li:nth-child(13) img:nth-child(13) {background: none;}
.dot_e li:nth-child(13) img:nth-child(14) {background: none;}
.dot_e li:nth-child(13) img:nth-child(15) {background: none;}
.dot_e li:nth-child(13) img:nth-child(16) {background: none;}


/*14行目*/
.dot_e li:nth-child(14) img:nth-child(1) {background: none;}
.dot_e li:nth-child(14) img:nth-child(2) {background: none;}
.dot_e li:nth-child(14) img:nth-child(3) {background: none;}
.dot_e li:nth-child(14) img:nth-child(4) {background: none;}
.dot_e li:nth-child(14) img:nth-child(5) {background: none;}
.dot_e li:nth-child(14) img:nth-child(6) {background: none;}
.dot_e li:nth-child(14) img:nth-child(7) {background: none;}
.dot_e li:nth-child(14) img:nth-child(8) {background: none;}
.dot_e li:nth-child(14) img:nth-child(9) {background: none;}
.dot_e li:nth-child(14) img:nth-child(10) {background: none;}
.dot_e li:nth-child(14) img:nth-child(11) {background: none;}
.dot_e li:nth-child(14) img:nth-child(12) {background: none;}
.dot_e li:nth-child(14) img:nth-child(13) {background: none;}
.dot_e li:nth-child(14) img:nth-child(14) {background: none;}
.dot_e li:nth-child(14) img:nth-child(15) {background: none;}
.dot_e li:nth-child(14) img:nth-child(16) {background: none;}


/*15行目*/
.dot_e li:nth-child(15) img:nth-child(1) {background: none;}
.dot_e li:nth-child(15) img:nth-child(2) {background: none;}
.dot_e li:nth-child(15) img:nth-child(3) {background: none;}
.dot_e li:nth-child(15) img:nth-child(4) {background: none;}
.dot_e li:nth-child(15) img:nth-child(5) {background: none;}
.dot_e li:nth-child(15) img:nth-child(6) {background: none;}
.dot_e li:nth-child(15) img:nth-child(7) {background: none;}
.dot_e li:nth-child(15) img:nth-child(8) {background: none;}
.dot_e li:nth-child(15) img:nth-child(9) {background: none;}
.dot_e li:nth-child(15) img:nth-child(10) {background: none;}
.dot_e li:nth-child(15) img:nth-child(11) {background: none;}
.dot_e li:nth-child(15) img:nth-child(12) {background: none;}
.dot_e li:nth-child(15) img:nth-child(13) {background: none;}
.dot_e li:nth-child(15) img:nth-child(14) {background: none;}
.dot_e li:nth-child(15) img:nth-child(15) {background: none;}
.dot_e li:nth-child(15) img:nth-child(16) {background: none;}


/*15行目*/
.dot_e li:nth-child(16) img:nth-child(1) {background: none;}
.dot_e li:nth-child(16) img:nth-child(2) {background: none;}
.dot_e li:nth-child(16) img:nth-child(3) {background: none;}
.dot_e li:nth-child(16) img:nth-child(4) {background: none;}
.dot_e li:nth-child(16) img:nth-child(5) {background: none;}
.dot_e li:nth-child(16) img:nth-child(6) {background: none;}
.dot_e li:nth-child(16) img:nth-child(7) {background: none;}
.dot_e li:nth-child(16) img:nth-child(8) {background: none;}
.dot_e li:nth-child(16) img:nth-child(9) {background: none;}
.dot_e li:nth-child(16) img:nth-child(10) {background: none;}
.dot_e li:nth-child(16) img:nth-child(11) {background: none;}
.dot_e li:nth-child(16) img:nth-child(12) {background: none;}
.dot_e li:nth-child(16) img:nth-child(13) {background: none;}
.dot_e li:nth-child(16) img:nth-child(14) {background: none;}
.dot_e li:nth-child(16) img:nth-child(15) {background: none;}
.dot_e li:nth-child(16) img:nth-child(16) {background: none;}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.