CSSmaze.htm

戻る

<!DOCTYPE HTML>
<HTML LANG="ja">

<HEAD>
<META CHARSET="Shift_JIS">
<TITLE>スタイルシート 迷路</TITLE>

<STYLE TYPE="text/css">
<!--

@keyframes moving {
  to {
    z-index:-1;
  }
}

body {
  background-color:#CCFFFF;
}

#title {
  color:#CC0000;
  font-size:large;
  font-weight:bold;
  text-align:center;
}

#content {
  text-align:center;
  user-select:none;
}

.move, #reset {
  display:none;
}

#maze {
  position:relative;
  width:218px;
  height:218px;
  margin-left:auto;
  margin-right:auto;
  /* linear-gradient() はゴールの表示 */
  background:linear-gradient(#FFE000, #FFE000) 198px 198px / 20px 20px no-repeat, white;
  border:solid 2px #C04040;
  overflow:clip;
}

/* 移動処理用 */
.move-l {
  position:absolute;
  left:calc(var(--h) * 22px);
  top:calc(var(--v) * 22px);
  width:20px;
  height:20px;
  /* 縦位置と横位置が両方とも現在位置と同じ,または両方とも違うときは隠す */
  --w1:calc(var(--v) - var(--curr-v));
  --b1:min(var(--w1) * var(--w1), 1);
  --w2:calc(var(--h) - var(--curr-h));
  --b2:min(var(--w2) * var(--w2), 1);
  z-index:calc(0 - var(--b1) * var(--b2) - (1 - var(--b1)) * (1 - var(--b2)));
  cursor:pointer;
}

/* 横の壁 */
.wh {
  position:absolute;
  --b:clamp(0, var(--curr-v) - var(--v), 1);
  left:calc((var(--h) * 22 - 2) * 1px);
  top:calc((var(--v) * 22 + 20 - var(--b) * 196) * 1px);
  width:24px;
  height:196px;
  border-top:solid calc((1 - var(--b)) * 2px) #C04040;
  border-bottom:solid calc(var(--b) * 2px) #C04040;
  z-index:calc(var(--wh) - 1);
}

/* 縦の壁 */
.wv {
  position:absolute;
  --b:clamp(0, var(--curr-h) - var(--h), 1);
  left:calc((var(--h) * 22 + 20 - var(--b) * 196) * 1px);
  top:calc((var(--v) * 22 - 2) * 1px);
  width:196px;
  height:24px;
  border-left:solid calc((1 - var(--b)) * 2px) #C04040;
  border-right:solid calc(var(--b) * 2px) #C04040;
  z-index:calc(var(--wv) - 1);
}

/* 現在位置 */
#curr {
  position:absolute;
  left:calc((var(--curr-h) * 22 + 3) * 1px);
  top:calc((var(--curr-v) * 22 + 3) * 1px);
  width:14px;
  height:14px;
  border-radius:7px;
  background-color:blue;
  transition:left 100ms linear, top 100ms linear;
}

#goal-dlg {
  display:inline-block;
  position:relative;
  padding:10px 20px;;
  margin-top:75px;
  font-size:14px;
  font-weight:bold;
  line-height:1;
  background-color:#C0FF60;
  border-radius:4px;
  visibility:hidden;
}

#goal-msg {
  color:red;
}

#goal-rst {
  display:inline-block;
  padding:8px 10px;
  margin-top:4px;
  color:white;
  background-color:#006000;
  border-radius:5px;
  cursor:pointer;
}

/* 壁位置 */
#sel-1:checked ~ #maze {
  --wh00:0; --wh01:0; --wh02:1; --wh03:0; --wh04:1; --wh05:0; --wh06:0; --wh07:1; --wh08:1; --wh09:0;
  --wh10:0; --wh11:1; --wh12:0; --wh13:1; --wh14:0; --wh15:0; --wh16:1; --wh17:1; --wh18:1; --wh19:0;
  --wh20:0; --wh21:0; --wh22:0; --wh23:0; --wh24:0; --wh25:0; --wh26:0; --wh27:1; --wh28:1; --wh29:1;
  --wh30:1; --wh31:1; --wh32:0; --wh33:0; --wh34:1; --wh35:1; --wh36:1; --wh37:1; --wh38:1; --wh39:0;
  --wh40:0; --wh41:0; --wh42:0; --wh43:1; --wh44:1; --wh45:0; --wh46:0; --wh47:1; --wh48:0; --wh49:0;
  --wh50:0; --wh51:0; --wh52:0; --wh53:0; --wh54:0; --wh55:1; --wh56:0; --wh57:0; --wh58:0; --wh59:0;
  --wh60:0; --wh61:0; --wh62:1; --wh63:0; --wh64:0; --wh65:1; --wh66:1; --wh67:0; --wh68:1; --wh69:0;
  --wh70:0; --wh71:0; --wh72:1; --wh73:1; --wh74:1; --wh75:0; --wh76:0; --wh77:1; --wh78:0; --wh79:0;
  --wh80:0; --wh81:1; --wh82:0; --wh83:1; --wh84:0; --wh85:0; --wh86:1; --wh87:1; --wh88:1; --wh89:0;

  --wv00:0; --wv01:0; --wv02:0; --wv03:1; --wv04:0; --wv05:1; --wv06:0; --wv07:0; --wv08:0;
  --wv10:1; --wv11:0; --wv12:1; --wv13:0; --wv14:1; --wv15:0; --wv16:0; --wv17:0; --wv18:1;
  --wv20:1; --wv21:1; --wv22:1; --wv23:1; --wv24:1; --wv25:1; --wv26:0; --wv27:0; --wv28:0;
  --wv30:0; --wv31:1; --wv32:1; --wv33:0; --wv34:1; --wv35:1; --wv36:0; --wv37:0; --wv38:0;
  --wv40:0; --wv41:1; --wv42:1; --wv43:0; --wv44:0; --wv45:1; --wv46:0; --wv47:0; --wv48:1;
  --wv50:1; --wv51:1; --wv52:0; --wv53:1; --wv54:0; --wv55:1; --wv56:1; --wv57:1; --wv58:1;
  --wv60:1; --wv61:1; --wv62:1; --wv63:1; --wv64:0; --wv65:0; --wv66:1; --wv67:0; --wv68:1;
  --wv70:1; --wv71:0; --wv72:0; --wv73:1; --wv74:1; --wv75:0; --wv76:1; --wv77:0; --wv78:1;
  --wv80:1; --wv81:1; --wv82:0; --wv83:0; --wv84:1; --wv85:1; --wv86:0; --wv87:1; --wv88:0;
  --wv90:0; --wv91:0; --wv92:0; --wv93:1; --wv94:0; --wv95:1; --wv96:0; --wv97:0; --wv98:0;
}

#sel-2:checked ~ #maze {
  --wh00:0; --wh01:1; --wh02:1; --wh03:0; --wh04:1; --wh05:1; --wh06:0; --wh07:0; --wh08:0; --wh09:1;
  --wh10:0; --wh11:1; --wh12:0; --wh13:1; --wh14:0; --wh15:0; --wh16:1; --wh17:1; --wh18:1; --wh19:0;
  --wh20:0; --wh21:0; --wh22:1; --wh23:1; --wh24:1; --wh25:1; --wh26:0; --wh27:1; --wh28:0; --wh29:0;
  --wh30:0; --wh31:1; --wh32:0; --wh33:1; --wh34:1; --wh35:0; --wh36:1; --wh37:0; --wh38:1; --wh39:0;
  --wh40:0; --wh41:0; --wh42:1; --wh43:0; --wh44:0; --wh45:1; --wh46:0; --wh47:1; --wh48:0; --wh49:0;
  --wh50:1; --wh51:1; --wh52:0; --wh53:1; --wh54:1; --wh55:0; --wh56:1; --wh57:0; --wh58:0; --wh59:0;
  --wh60:0; --wh61:0; --wh62:0; --wh63:0; --wh64:0; --wh65:1; --wh66:0; --wh67:1; --wh68:1; --wh69:0;
  --wh70:0; --wh71:0; --wh72:0; --wh73:1; --wh74:0; --wh75:0; --wh76:1; --wh77:1; --wh78:1; --wh79:0;
  --wh80:0; --wh81:0; --wh82:1; --wh83:1; --wh84:0; --wh85:1; --wh86:1; --wh87:1; --wh88:1; --wh89:1;

  --wv00:0; --wv01:0; --wv02:1; --wv03:0; --wv04:0; --wv05:0; --wv06:1; --wv07:1; --wv08:0;
  --wv10:0; --wv11:0; --wv12:1; --wv13:0; --wv14:1; --wv15:1; --wv16:0; --wv17:1; --wv18:0;
  --wv20:1; --wv21:1; --wv22:0; --wv23:0; --wv24:1; --wv25:0; --wv26:0; --wv27:0; --wv28:0;
  --wv30:1; --wv31:0; --wv32:0; --wv33:0; --wv34:0; --wv35:1; --wv36:1; --wv37:0; --wv38:1;
  --wv40:1; --wv41:0; --wv42:1; --wv43:0; --wv44:1; --wv45:0; --wv46:1; --wv47:0; --wv48:1;
  --wv50:0; --wv51:1; --wv52:0; --wv53:1; --wv54:0; --wv55:1; --wv56:0; --wv57:1; --wv58:1;
  --wv60:0; --wv61:1; --wv62:1; --wv63:0; --wv64:1; --wv65:0; --wv66:1; --wv67:0; --wv68:1;
  --wv70:1; --wv71:1; --wv72:1; --wv73:1; --wv74:1; --wv75:0; --wv76:0; --wv77:0; --wv78:1;
  --wv80:1; --wv81:1; --wv82:0; --wv83:0; --wv84:1; --wv85:0; --wv86:0; --wv87:0; --wv88:0;
  --wv90:1; --wv91:0; --wv92:0; --wv93:0; --wv94:0; --wv95:0; --wv96:0; --wv97:0; --wv98:0;
}

#sel-3:checked ~ #maze {
  --wh00:0; --wh01:1; --wh02:0; --wh03:0; --wh04:0; --wh05:1; --wh06:1; --wh07:1; --wh08:0; --wh09:0;
  --wh10:0; --wh11:0; --wh12:1; --wh13:1; --wh14:1; --wh15:1; --wh16:1; --wh17:0; --wh18:0; --wh19:1;
  --wh20:1; --wh21:1; --wh22:1; --wh23:0; --wh24:0; --wh25:0; --wh26:0; --wh27:0; --wh28:1; --wh29:0;
  --wh30:0; --wh31:0; --wh32:0; --wh33:1; --wh34:1; --wh35:1; --wh36:0; --wh37:1; --wh38:0; --wh39:0;
  --wh40:0; --wh41:1; --wh42:1; --wh43:1; --wh44:0; --wh45:1; --wh46:1; --wh47:1; --wh48:1; --wh49:0;
  --wh50:0; --wh51:0; --wh52:0; --wh53:0; --wh54:0; --wh55:0; --wh56:0; --wh57:0; --wh58:0; --wh59:0;
  --wh60:0; --wh61:1; --wh62:1; --wh63:1; --wh64:1; --wh65:1; --wh66:1; --wh67:1; --wh68:0; --wh69:0;
  --wh70:0; --wh71:1; --wh72:0; --wh73:0; --wh74:0; --wh75:0; --wh76:1; --wh77:0; --wh78:0; --wh79:1;
  --wh80:1; --wh81:1; --wh82:1; --wh83:0; --wh84:1; --wh85:0; --wh86:0; --wh87:1; --wh88:1; --wh89:0;

  --wv00:0; --wv01:0; --wv02:1; --wv03:0; --wv04:1; --wv05:0; --wv06:0; --wv07:0; --wv08:0;
  --wv10:1; --wv11:1; --wv12:0; --wv13:1; --wv14:0; --wv15:0; --wv16:0; --wv17:1; --wv18:1;
  --wv20:0; --wv21:0; --wv22:0; --wv23:1; --wv24:0; --wv25:1; --wv26:1; --wv27:1; --wv28:0;
  --wv30:0; --wv31:1; --wv32:1; --wv33:0; --wv34:1; --wv35:0; --wv36:1; --wv37:0; --wv38:1;
  --wv40:1; --wv41:0; --wv42:0; --wv43:1; --wv44:0; --wv45:0; --wv46:1; --wv47:0; --wv48:1;
  --wv50:0; --wv51:1; --wv52:0; --wv53:1; --wv54:1; --wv55:0; --wv56:1; --wv57:0; --wv58:0;
  --wv60:1; --wv61:0; --wv62:1; --wv63:0; --wv64:1; --wv65:1; --wv66:0; --wv67:1; --wv68:1;
  --wv70:1; --wv71:0; --wv72:0; --wv73:1; --wv74:0; --wv75:0; --wv76:0; --wv77:1; --wv78:1;
  --wv80:0; --wv81:0; --wv82:1; --wv83:1; --wv84:1; --wv85:1; --wv86:0; --wv87:1; --wv88:0;
  --wv90:0; --wv91:0; --wv92:0; --wv93:0; --wv94:0; --wv95:1; --wv96:0; --wv97:0; --wv98:0;
}

#sel-4:checked ~ #maze {
  --wh00:0; --wh01:1; --wh02:1; --wh03:1; --wh04:1; --wh05:0; --wh06:1; --wh07:0; --wh08:0; --wh09:1;
  --wh10:0; --wh11:0; --wh12:1; --wh13:1; --wh14:1; --wh15:1; --wh16:0; --wh17:1; --wh18:1; --wh19:0;
  --wh20:0; --wh21:1; --wh22:0; --wh23:1; --wh24:0; --wh25:0; --wh26:1; --wh27:1; --wh28:0; --wh29:0;
  --wh30:0; --wh31:0; --wh32:0; --wh33:0; --wh34:1; --wh35:1; --wh36:0; --wh37:1; --wh38:1; --wh39:0;
  --wh40:0; --wh41:1; --wh42:1; --wh43:0; --wh44:1; --wh45:0; --wh46:0; --wh47:1; --wh48:1; --wh49:0;
  --wh50:0; --wh51:0; --wh52:0; --wh53:1; --wh54:0; --wh55:1; --wh56:1; --wh57:1; --wh58:1; --wh59:0;
  --wh60:0; --wh61:0; --wh62:1; --wh63:1; --wh64:1; --wh65:1; --wh66:0; --wh67:0; --wh68:1; --wh69:0;
  --wh70:0; --wh71:1; --wh72:0; --wh73:1; --wh74:1; --wh75:1; --wh76:1; --wh77:0; --wh78:1; --wh79:1;
  --wh80:1; --wh81:0; --wh82:0; --wh83:0; --wh84:1; --wh85:1; --wh86:1; --wh87:1; --wh88:0; --wh89:0;

  --wv00:0; --wv01:0; --wv02:0; --wv03:0; --wv04:1; --wv05:0; --wv06:0; --wv07:1; --wv08:0;
  --wv10:1; --wv11:0; --wv12:0; --wv13:0; --wv14:0; --wv15:1; --wv16:0; --wv17:1; --wv18:0;
  --wv20:1; --wv21:0; --wv22:1; --wv23:0; --wv24:0; --wv25:1; --wv26:0; --wv27:0; --wv28:1;
  --wv30:0; --wv31:1; --wv32:1; --wv33:0; --wv34:1; --wv35:0; --wv36:1; --wv37:0; --wv38:1;
  --wv40:1; --wv41:0; --wv42:1; --wv43:1; --wv44:0; --wv45:1; --wv46:1; --wv47:0; --wv48:0;
  --wv50:1; --wv51:1; --wv52:0; --wv53:0; --wv54:1; --wv55:0; --wv56:0; --wv57:0; --wv58:0;
  --wv60:1; --wv61:0; --wv62:0; --wv63:1; --wv64:0; --wv65:0; --wv66:1; --wv67:0; --wv68:1;
  --wv70:1; --wv71:1; --wv72:0; --wv73:0; --wv74:0; --wv75:0; --wv76:1; --wv77:0; --wv78:0;
  --wv80:0; --wv81:1; --wv82:1; --wv83:0; --wv84:0; --wv85:0; --wv86:1; --wv87:0; --wv88:1;
  --wv90:0; --wv91:0; --wv92:1; --wv93:0; --wv94:0; --wv95:0; --wv96:0; --wv97:0; --wv98:0;
}

/* 移動 */
:is(#m00, #m01, #m02, #m03, #m04, #m05, #m06, #m07, #m08, #m09, #reset):checked ~ #maze {
  --curr-v:0;
}
:is(#m10, #m11, #m12, #m13, #m14, #m15, #m16, #m17, #m18, #m19):checked ~ #maze {
  --curr-v:1;
}
:is(#m20, #m21, #m22, #m23, #m24, #m25, #m26, #m27, #m28, #m29):checked ~ #maze {
  --curr-v:2;
}
:is(#m30, #m31, #m32, #m33, #m34, #m35, #m36, #m37, #m38, #m39):checked ~ #maze {
  --curr-v:3;
}
:is(#m40, #m41, #m42, #m43, #m44, #m45, #m46, #m47, #m48, #m49):checked ~ #maze {
  --curr-v:4;
}
:is(#m50, #m51, #m52, #m53, #m54, #m55, #m56, #m57, #m58, #m59):checked ~ #maze {
  --curr-v:5;
}
:is(#m60, #m61, #m62, #m63, #m64, #m65, #m66, #m67, #m68, #m69):checked ~ #maze {
  --curr-v:6;
}
:is(#m70, #m71, #m72, #m73, #m74, #m75, #m76, #m77, #m78, #m79):checked ~ #maze {
  --curr-v:7;
}
:is(#m80, #m81, #m82, #m83, #m84, #m85, #m86, #m87, #m88, #m89):checked ~ #maze {
  --curr-v:8;
}
:is(#m90, #m91, #m92, #m93, #m94, #m95, #m96, #m97, #m98, #m99):checked ~ #maze {
  --curr-v:9;
}

:is(#m00, #m10, #m20, #m30, #m40, #m50, #m60, #m70, #m80, #m90, #reset):checked ~ #maze {
  --curr-h:0;
}
:is(#m01, #m11, #m21, #m31, #m41, #m51, #m61, #m71, #m81, #m91):checked ~ #maze {
  --curr-h:1;
}
:is(#m02, #m12, #m22, #m32, #m42, #m52, #m62, #m72, #m82, #m92):checked ~ #maze {
  --curr-h:2;
}
:is(#m03, #m13, #m23, #m33, #m43, #m53, #m63, #m73, #m83, #m93):checked ~ #maze {
  --curr-h:3;
}
:is(#m04, #m14, #m24, #m34, #m44, #m54, #m64, #m74, #m84, #m94):checked ~ #maze {
  --curr-h:4;
}
:is(#m05, #m15, #m25, #m35, #m45, #m55, #m65, #m75, #m85, #m95):checked ~ #maze {
  --curr-h:5;
}
:is(#m06, #m16, #m26, #m36, #m46, #m56, #m66, #m76, #m86, #m96):checked ~ #maze {
  --curr-h:6;
}
:is(#m07, #m17, #m27, #m37, #m47, #m57, #m67, #m77, #m87, #m97):checked ~ #maze {
  --curr-h:7;
}
:is(#m08, #m18, #m28, #m38, #m48, #m58, #m68, #m78, #m88, #m98):checked ~ #maze {
  --curr-h:8;
}
:is(#m09, #m19, #m29, #m39, #m49, #m59, #m69, #m79, #m89, #m99):checked ~ #maze {
  --curr-h:9;
}

.move:active ~ #maze .move-l {
  animation:none;
}

.move:checked ~ #maze .move-l {
  animation:moving 100ms step-start;
}

#m99:checked ~ .sel {
  pointer-events:none;
}

#m99:checked ~ #maze .move-l {
  z-index:-1;
}

#m99:checked ~ #maze #goal-dlg {
  visibility:visible;
  transition:visibility 0s 100ms;
}

#reset:checked ~ #maze #curr {
  transition:none;
}

-->
</STYLE>

</HEAD>

<BODY>
<BR>
<DIV ID="title">スタイルシート 迷路</DIV>
<BR>

<DIV ID="content">

<INPUT TYPE=RADIO NAME="move" ID="m00" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m01" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m02" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m03" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m04" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m05" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m06" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m07" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m08" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m09" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m10" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m11" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m12" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m13" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m14" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m15" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m16" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m17" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m18" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m19" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m20" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m21" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m22" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m23" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m24" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m25" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m26" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m27" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m28" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m29" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m30" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m31" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m32" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m33" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m34" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m35" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m36" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m37" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m38" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m39" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m40" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m41" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m42" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m43" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m44" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m45" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m46" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m47" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m48" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m49" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m50" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m51" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m52" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m53" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m54" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m55" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m56" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m57" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m58" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m59" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m60" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m61" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m62" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m63" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m64" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m65" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m66" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m67" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m68" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m69" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m70" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m71" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m72" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m73" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m74" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m75" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m76" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m77" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m78" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m79" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m80" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m81" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m82" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m83" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m84" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m85" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m86" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m87" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m88" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m89" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m90" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m91" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m92" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m93" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m94" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m95" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m96" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m97" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m98" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="m99" CLASS="move">
<INPUT TYPE=RADIO NAME="move" ID="reset" CHECKED>

迷路選択
<INPUT TYPE=RADIO NAME="sel" ID="sel-1" CLASS="sel" TABINDEX="-1" CHECKED><LABEL FOR="sel-1" CLASS="sel">1</LABEL>
<INPUT TYPE=RADIO NAME="sel" ID="sel-2" CLASS="sel" TABINDEX="-1"><LABEL FOR="sel-2" CLASS="sel">2</LABEL>
<INPUT TYPE=RADIO NAME="sel" ID="sel-3" CLASS="sel" TABINDEX="-1"><LABEL FOR="sel-3" CLASS="sel">3</LABEL>
<INPUT TYPE=RADIO NAME="sel" ID="sel-4" CLASS="sel" TABINDEX="-1"><LABEL FOR="sel-4" CLASS="sel">4</LABEL>
<BR><BR>

<DIV ID="maze">

<!-- 移動処理用 -->
<LABEL CLASS="move-l" FOR="m00" STYLE="--v:0; --h:0"></LABEL>
<LABEL CLASS="move-l" FOR="m01" STYLE="--v:0; --h:1"></LABEL>
<LABEL CLASS="move-l" FOR="m02" STYLE="--v:0; --h:2"></LABEL>
<LABEL CLASS="move-l" FOR="m03" STYLE="--v:0; --h:3"></LABEL>
<LABEL CLASS="move-l" FOR="m04" STYLE="--v:0; --h:4"></LABEL>
<LABEL CLASS="move-l" FOR="m05" STYLE="--v:0; --h:5"></LABEL>
<LABEL CLASS="move-l" FOR="m06" STYLE="--v:0; --h:6"></LABEL>
<LABEL CLASS="move-l" FOR="m07" STYLE="--v:0; --h:7"></LABEL>
<LABEL CLASS="move-l" FOR="m08" STYLE="--v:0; --h:8"></LABEL>
<LABEL CLASS="move-l" FOR="m09" STYLE="--v:0; --h:9"></LABEL>
<LABEL CLASS="move-l" FOR="m10" STYLE="--v:1; --h:0"></LABEL>
<LABEL CLASS="move-l" FOR="m11" STYLE="--v:1; --h:1"></LABEL>
<LABEL CLASS="move-l" FOR="m12" STYLE="--v:1; --h:2"></LABEL>
<LABEL CLASS="move-l" FOR="m13" STYLE="--v:1; --h:3"></LABEL>
<LABEL CLASS="move-l" FOR="m14" STYLE="--v:1; --h:4"></LABEL>
<LABEL CLASS="move-l" FOR="m15" STYLE="--v:1; --h:5"></LABEL>
<LABEL CLASS="move-l" FOR="m16" STYLE="--v:1; --h:6"></LABEL>
<LABEL CLASS="move-l" FOR="m17" STYLE="--v:1; --h:7"></LABEL>
<LABEL CLASS="move-l" FOR="m18" STYLE="--v:1; --h:8"></LABEL>
<LABEL CLASS="move-l" FOR="m19" STYLE="--v:1; --h:9"></LABEL>
<LABEL CLASS="move-l" FOR="m20" STYLE="--v:2; --h:0"></LABEL>
<LABEL CLASS="move-l" FOR="m21" STYLE="--v:2; --h:1"></LABEL>
<LABEL CLASS="move-l" FOR="m22" STYLE="--v:2; --h:2"></LABEL>
<LABEL CLASS="move-l" FOR="m23" STYLE="--v:2; --h:3"></LABEL>
<LABEL CLASS="move-l" FOR="m24" STYLE="--v:2; --h:4"></LABEL>
<LABEL CLASS="move-l" FOR="m25" STYLE="--v:2; --h:5"></LABEL>
<LABEL CLASS="move-l" FOR="m26" STYLE="--v:2; --h:6"></LABEL>
<LABEL CLASS="move-l" FOR="m27" STYLE="--v:2; --h:7"></LABEL>
<LABEL CLASS="move-l" FOR="m28" STYLE="--v:2; --h:8"></LABEL>
<LABEL CLASS="move-l" FOR="m29" STYLE="--v:2; --h:9"></LABEL>
<LABEL CLASS="move-l" FOR="m30" STYLE="--v:3; --h:0"></LABEL>
<LABEL CLASS="move-l" FOR="m31" STYLE="--v:3; --h:1"></LABEL>
<LABEL CLASS="move-l" FOR="m32" STYLE="--v:3; --h:2"></LABEL>
<LABEL CLASS="move-l" FOR="m33" STYLE="--v:3; --h:3"></LABEL>
<LABEL CLASS="move-l" FOR="m34" STYLE="--v:3; --h:4"></LABEL>
<LABEL CLASS="move-l" FOR="m35" STYLE="--v:3; --h:5"></LABEL>
<LABEL CLASS="move-l" FOR="m36" STYLE="--v:3; --h:6"></LABEL>
<LABEL CLASS="move-l" FOR="m37" STYLE="--v:3; --h:7"></LABEL>
<LABEL CLASS="move-l" FOR="m38" STYLE="--v:3; --h:8"></LABEL>
<LABEL CLASS="move-l" FOR="m39" STYLE="--v:3; --h:9"></LABEL>
<LABEL CLASS="move-l" FOR="m40" STYLE="--v:4; --h:0"></LABEL>
<LABEL CLASS="move-l" FOR="m41" STYLE="--v:4; --h:1"></LABEL>
<LABEL CLASS="move-l" FOR="m42" STYLE="--v:4; --h:2"></LABEL>
<LABEL CLASS="move-l" FOR="m43" STYLE="--v:4; --h:3"></LABEL>
<LABEL CLASS="move-l" FOR="m44" STYLE="--v:4; --h:4"></LABEL>
<LABEL CLASS="move-l" FOR="m45" STYLE="--v:4; --h:5"></LABEL>
<LABEL CLASS="move-l" FOR="m46" STYLE="--v:4; --h:6"></LABEL>
<LABEL CLASS="move-l" FOR="m47" STYLE="--v:4; --h:7"></LABEL>
<LABEL CLASS="move-l" FOR="m48" STYLE="--v:4; --h:8"></LABEL>
<LABEL CLASS="move-l" FOR="m49" STYLE="--v:4; --h:9"></LABEL>
<LABEL CLASS="move-l" FOR="m50" STYLE="--v:5; --h:0"></LABEL>
<LABEL CLASS="move-l" FOR="m51" STYLE="--v:5; --h:1"></LABEL>
<LABEL CLASS="move-l" FOR="m52" STYLE="--v:5; --h:2"></LABEL>
<LABEL CLASS="move-l" FOR="m53" STYLE="--v:5; --h:3"></LABEL>
<LABEL CLASS="move-l" FOR="m54" STYLE="--v:5; --h:4"></LABEL>
<LABEL CLASS="move-l" FOR="m55" STYLE="--v:5; --h:5"></LABEL>
<LABEL CLASS="move-l" FOR="m56" STYLE="--v:5; --h:6"></LABEL>
<LABEL CLASS="move-l" FOR="m57" STYLE="--v:5; --h:7"></LABEL>
<LABEL CLASS="move-l" FOR="m58" STYLE="--v:5; --h:8"></LABEL>
<LABEL CLASS="move-l" FOR="m59" STYLE="--v:5; --h:9"></LABEL>
<LABEL CLASS="move-l" FOR="m60" STYLE="--v:6; --h:0"></LABEL>
<LABEL CLASS="move-l" FOR="m61" STYLE="--v:6; --h:1"></LABEL>
<LABEL CLASS="move-l" FOR="m62" STYLE="--v:6; --h:2"></LABEL>
<LABEL CLASS="move-l" FOR="m63" STYLE="--v:6; --h:3"></LABEL>
<LABEL CLASS="move-l" FOR="m64" STYLE="--v:6; --h:4"></LABEL>
<LABEL CLASS="move-l" FOR="m65" STYLE="--v:6; --h:5"></LABEL>
<LABEL CLASS="move-l" FOR="m66" STYLE="--v:6; --h:6"></LABEL>
<LABEL CLASS="move-l" FOR="m67" STYLE="--v:6; --h:7"></LABEL>
<LABEL CLASS="move-l" FOR="m68" STYLE="--v:6; --h:8"></LABEL>
<LABEL CLASS="move-l" FOR="m69" STYLE="--v:6; --h:9"></LABEL>
<LABEL CLASS="move-l" FOR="m70" STYLE="--v:7; --h:0"></LABEL>
<LABEL CLASS="move-l" FOR="m71" STYLE="--v:7; --h:1"></LABEL>
<LABEL CLASS="move-l" FOR="m72" STYLE="--v:7; --h:2"></LABEL>
<LABEL CLASS="move-l" FOR="m73" STYLE="--v:7; --h:3"></LABEL>
<LABEL CLASS="move-l" FOR="m74" STYLE="--v:7; --h:4"></LABEL>
<LABEL CLASS="move-l" FOR="m75" STYLE="--v:7; --h:5"></LABEL>
<LABEL CLASS="move-l" FOR="m76" STYLE="--v:7; --h:6"></LABEL>
<LABEL CLASS="move-l" FOR="m77" STYLE="--v:7; --h:7"></LABEL>
<LABEL CLASS="move-l" FOR="m78" STYLE="--v:7; --h:8"></LABEL>
<LABEL CLASS="move-l" FOR="m79" STYLE="--v:7; --h:9"></LABEL>
<LABEL CLASS="move-l" FOR="m80" STYLE="--v:8; --h:0"></LABEL>
<LABEL CLASS="move-l" FOR="m81" STYLE="--v:8; --h:1"></LABEL>
<LABEL CLASS="move-l" FOR="m82" STYLE="--v:8; --h:2"></LABEL>
<LABEL CLASS="move-l" FOR="m83" STYLE="--v:8; --h:3"></LABEL>
<LABEL CLASS="move-l" FOR="m84" STYLE="--v:8; --h:4"></LABEL>
<LABEL CLASS="move-l" FOR="m85" STYLE="--v:8; --h:5"></LABEL>
<LABEL CLASS="move-l" FOR="m86" STYLE="--v:8; --h:6"></LABEL>
<LABEL CLASS="move-l" FOR="m87" STYLE="--v:8; --h:7"></LABEL>
<LABEL CLASS="move-l" FOR="m88" STYLE="--v:8; --h:8"></LABEL>
<LABEL CLASS="move-l" FOR="m89" STYLE="--v:8; --h:9"></LABEL>
<LABEL CLASS="move-l" FOR="m90" STYLE="--v:9; --h:0"></LABEL>
<LABEL CLASS="move-l" FOR="m91" STYLE="--v:9; --h:1"></LABEL>
<LABEL CLASS="move-l" FOR="m92" STYLE="--v:9; --h:2"></LABEL>
<LABEL CLASS="move-l" FOR="m93" STYLE="--v:9; --h:3"></LABEL>
<LABEL CLASS="move-l" FOR="m94" STYLE="--v:9; --h:4"></LABEL>
<LABEL CLASS="move-l" FOR="m95" STYLE="--v:9; --h:5"></LABEL>
<LABEL CLASS="move-l" FOR="m96" STYLE="--v:9; --h:6"></LABEL>
<LABEL CLASS="move-l" FOR="m97" STYLE="--v:9; --h:7"></LABEL>
<LABEL CLASS="move-l" FOR="m98" STYLE="--v:9; --h:8"></LABEL>
<LABEL CLASS="move-l" FOR="m99" STYLE="--v:9; --h:9"></LABEL>

<!-- 横の壁 -->
<DIV CLASS="wh" STYLE="--v:0; --h:0; --wh:var(--wh00)"></DIV>
<DIV CLASS="wh" STYLE="--v:0; --h:1; --wh:var(--wh01)"></DIV>
<DIV CLASS="wh" STYLE="--v:0; --h:2; --wh:var(--wh02)"></DIV>
<DIV CLASS="wh" STYLE="--v:0; --h:3; --wh:var(--wh03)"></DIV>
<DIV CLASS="wh" STYLE="--v:0; --h:4; --wh:var(--wh04)"></DIV>
<DIV CLASS="wh" STYLE="--v:0; --h:5; --wh:var(--wh05)"></DIV>
<DIV CLASS="wh" STYLE="--v:0; --h:6; --wh:var(--wh06)"></DIV>
<DIV CLASS="wh" STYLE="--v:0; --h:7; --wh:var(--wh07)"></DIV>
<DIV CLASS="wh" STYLE="--v:0; --h:8; --wh:var(--wh08)"></DIV>
<DIV CLASS="wh" STYLE="--v:0; --h:9; --wh:var(--wh09)"></DIV>
<DIV CLASS="wh" STYLE="--v:1; --h:0; --wh:var(--wh10)"></DIV>
<DIV CLASS="wh" STYLE="--v:1; --h:1; --wh:var(--wh11)"></DIV>
<DIV CLASS="wh" STYLE="--v:1; --h:2; --wh:var(--wh12)"></DIV>
<DIV CLASS="wh" STYLE="--v:1; --h:3; --wh:var(--wh13)"></DIV>
<DIV CLASS="wh" STYLE="--v:1; --h:4; --wh:var(--wh14)"></DIV>
<DIV CLASS="wh" STYLE="--v:1; --h:5; --wh:var(--wh15)"></DIV>
<DIV CLASS="wh" STYLE="--v:1; --h:6; --wh:var(--wh16)"></DIV>
<DIV CLASS="wh" STYLE="--v:1; --h:7; --wh:var(--wh17)"></DIV>
<DIV CLASS="wh" STYLE="--v:1; --h:8; --wh:var(--wh18)"></DIV>
<DIV CLASS="wh" STYLE="--v:1; --h:9; --wh:var(--wh19)"></DIV>
<DIV CLASS="wh" STYLE="--v:2; --h:0; --wh:var(--wh20)"></DIV>
<DIV CLASS="wh" STYLE="--v:2; --h:1; --wh:var(--wh21)"></DIV>
<DIV CLASS="wh" STYLE="--v:2; --h:2; --wh:var(--wh22)"></DIV>
<DIV CLASS="wh" STYLE="--v:2; --h:3; --wh:var(--wh23)"></DIV>
<DIV CLASS="wh" STYLE="--v:2; --h:4; --wh:var(--wh24)"></DIV>
<DIV CLASS="wh" STYLE="--v:2; --h:5; --wh:var(--wh25)"></DIV>
<DIV CLASS="wh" STYLE="--v:2; --h:6; --wh:var(--wh26)"></DIV>
<DIV CLASS="wh" STYLE="--v:2; --h:7; --wh:var(--wh27)"></DIV>
<DIV CLASS="wh" STYLE="--v:2; --h:8; --wh:var(--wh28)"></DIV>
<DIV CLASS="wh" STYLE="--v:2; --h:9; --wh:var(--wh29)"></DIV>
<DIV CLASS="wh" STYLE="--v:3; --h:0; --wh:var(--wh30)"></DIV>
<DIV CLASS="wh" STYLE="--v:3; --h:1; --wh:var(--wh31)"></DIV>
<DIV CLASS="wh" STYLE="--v:3; --h:2; --wh:var(--wh32)"></DIV>
<DIV CLASS="wh" STYLE="--v:3; --h:3; --wh:var(--wh33)"></DIV>
<DIV CLASS="wh" STYLE="--v:3; --h:4; --wh:var(--wh34)"></DIV>
<DIV CLASS="wh" STYLE="--v:3; --h:5; --wh:var(--wh35)"></DIV>
<DIV CLASS="wh" STYLE="--v:3; --h:6; --wh:var(--wh36)"></DIV>
<DIV CLASS="wh" STYLE="--v:3; --h:7; --wh:var(--wh37)"></DIV>
<DIV CLASS="wh" STYLE="--v:3; --h:8; --wh:var(--wh38)"></DIV>
<DIV CLASS="wh" STYLE="--v:3; --h:9; --wh:var(--wh39)"></DIV>
<DIV CLASS="wh" STYLE="--v:4; --h:0; --wh:var(--wh40)"></DIV>
<DIV CLASS="wh" STYLE="--v:4; --h:1; --wh:var(--wh41)"></DIV>
<DIV CLASS="wh" STYLE="--v:4; --h:2; --wh:var(--wh42)"></DIV>
<DIV CLASS="wh" STYLE="--v:4; --h:3; --wh:var(--wh43)"></DIV>
<DIV CLASS="wh" STYLE="--v:4; --h:4; --wh:var(--wh44)"></DIV>
<DIV CLASS="wh" STYLE="--v:4; --h:5; --wh:var(--wh45)"></DIV>
<DIV CLASS="wh" STYLE="--v:4; --h:6; --wh:var(--wh46)"></DIV>
<DIV CLASS="wh" STYLE="--v:4; --h:7; --wh:var(--wh47)"></DIV>
<DIV CLASS="wh" STYLE="--v:4; --h:8; --wh:var(--wh48)"></DIV>
<DIV CLASS="wh" STYLE="--v:4; --h:9; --wh:var(--wh49)"></DIV>
<DIV CLASS="wh" STYLE="--v:5; --h:0; --wh:var(--wh50)"></DIV>
<DIV CLASS="wh" STYLE="--v:5; --h:1; --wh:var(--wh51)"></DIV>
<DIV CLASS="wh" STYLE="--v:5; --h:2; --wh:var(--wh52)"></DIV>
<DIV CLASS="wh" STYLE="--v:5; --h:3; --wh:var(--wh53)"></DIV>
<DIV CLASS="wh" STYLE="--v:5; --h:4; --wh:var(--wh54)"></DIV>
<DIV CLASS="wh" STYLE="--v:5; --h:5; --wh:var(--wh55)"></DIV>
<DIV CLASS="wh" STYLE="--v:5; --h:6; --wh:var(--wh56)"></DIV>
<DIV CLASS="wh" STYLE="--v:5; --h:7; --wh:var(--wh57)"></DIV>
<DIV CLASS="wh" STYLE="--v:5; --h:8; --wh:var(--wh58)"></DIV>
<DIV CLASS="wh" STYLE="--v:5; --h:9; --wh:var(--wh59)"></DIV>
<DIV CLASS="wh" STYLE="--v:6; --h:0; --wh:var(--wh60)"></DIV>
<DIV CLASS="wh" STYLE="--v:6; --h:1; --wh:var(--wh61)"></DIV>
<DIV CLASS="wh" STYLE="--v:6; --h:2; --wh:var(--wh62)"></DIV>
<DIV CLASS="wh" STYLE="--v:6; --h:3; --wh:var(--wh63)"></DIV>
<DIV CLASS="wh" STYLE="--v:6; --h:4; --wh:var(--wh64)"></DIV>
<DIV CLASS="wh" STYLE="--v:6; --h:5; --wh:var(--wh65)"></DIV>
<DIV CLASS="wh" STYLE="--v:6; --h:6; --wh:var(--wh66)"></DIV>
<DIV CLASS="wh" STYLE="--v:6; --h:7; --wh:var(--wh67)"></DIV>
<DIV CLASS="wh" STYLE="--v:6; --h:8; --wh:var(--wh68)"></DIV>
<DIV CLASS="wh" STYLE="--v:6; --h:9; --wh:var(--wh69)"></DIV>
<DIV CLASS="wh" STYLE="--v:7; --h:0; --wh:var(--wh70)"></DIV>
<DIV CLASS="wh" STYLE="--v:7; --h:1; --wh:var(--wh71)"></DIV>
<DIV CLASS="wh" STYLE="--v:7; --h:2; --wh:var(--wh72)"></DIV>
<DIV CLASS="wh" STYLE="--v:7; --h:3; --wh:var(--wh73)"></DIV>
<DIV CLASS="wh" STYLE="--v:7; --h:4; --wh:var(--wh74)"></DIV>
<DIV CLASS="wh" STYLE="--v:7; --h:5; --wh:var(--wh75)"></DIV>
<DIV CLASS="wh" STYLE="--v:7; --h:6; --wh:var(--wh76)"></DIV>
<DIV CLASS="wh" STYLE="--v:7; --h:7; --wh:var(--wh77)"></DIV>
<DIV CLASS="wh" STYLE="--v:7; --h:8; --wh:var(--wh78)"></DIV>
<DIV CLASS="wh" STYLE="--v:7; --h:9; --wh:var(--wh79)"></DIV>
<DIV CLASS="wh" STYLE="--v:8; --h:0; --wh:var(--wh80)"></DIV>
<DIV CLASS="wh" STYLE="--v:8; --h:1; --wh:var(--wh81)"></DIV>
<DIV CLASS="wh" STYLE="--v:8; --h:2; --wh:var(--wh82)"></DIV>
<DIV CLASS="wh" STYLE="--v:8; --h:3; --wh:var(--wh83)"></DIV>
<DIV CLASS="wh" STYLE="--v:8; --h:4; --wh:var(--wh84)"></DIV>
<DIV CLASS="wh" STYLE="--v:8; --h:5; --wh:var(--wh85)"></DIV>
<DIV CLASS="wh" STYLE="--v:8; --h:6; --wh:var(--wh86)"></DIV>
<DIV CLASS="wh" STYLE="--v:8; --h:7; --wh:var(--wh87)"></DIV>
<DIV CLASS="wh" STYLE="--v:8; --h:8; --wh:var(--wh88)"></DIV>
<DIV CLASS="wh" STYLE="--v:8; --h:9; --wh:var(--wh89)"></DIV>

<!-- 縦の壁 -->
<DIV CLASS="wv" STYLE="--v:0; --h:0; --wv:var(--wv00)"></DIV>
<DIV CLASS="wv" STYLE="--v:0; --h:1; --wv:var(--wv01)"></DIV>
<DIV CLASS="wv" STYLE="--v:0; --h:2; --wv:var(--wv02)"></DIV>
<DIV CLASS="wv" STYLE="--v:0; --h:3; --wv:var(--wv03)"></DIV>
<DIV CLASS="wv" STYLE="--v:0; --h:4; --wv:var(--wv04)"></DIV>
<DIV CLASS="wv" STYLE="--v:0; --h:5; --wv:var(--wv05)"></DIV>
<DIV CLASS="wv" STYLE="--v:0; --h:6; --wv:var(--wv06)"></DIV>
<DIV CLASS="wv" STYLE="--v:0; --h:7; --wv:var(--wv07)"></DIV>
<DIV CLASS="wv" STYLE="--v:0; --h:8; --wv:var(--wv08)"></DIV>
<DIV CLASS="wv" STYLE="--v:1; --h:0; --wv:var(--wv10)"></DIV>
<DIV CLASS="wv" STYLE="--v:1; --h:1; --wv:var(--wv11)"></DIV>
<DIV CLASS="wv" STYLE="--v:1; --h:2; --wv:var(--wv12)"></DIV>
<DIV CLASS="wv" STYLE="--v:1; --h:3; --wv:var(--wv13)"></DIV>
<DIV CLASS="wv" STYLE="--v:1; --h:4; --wv:var(--wv14)"></DIV>
<DIV CLASS="wv" STYLE="--v:1; --h:5; --wv:var(--wv15)"></DIV>
<DIV CLASS="wv" STYLE="--v:1; --h:6; --wv:var(--wv16)"></DIV>
<DIV CLASS="wv" STYLE="--v:1; --h:7; --wv:var(--wv17)"></DIV>
<DIV CLASS="wv" STYLE="--v:1; --h:8; --wv:var(--wv18)"></DIV>
<DIV CLASS="wv" STYLE="--v:2; --h:0; --wv:var(--wv20)"></DIV>
<DIV CLASS="wv" STYLE="--v:2; --h:1; --wv:var(--wv21)"></DIV>
<DIV CLASS="wv" STYLE="--v:2; --h:2; --wv:var(--wv22)"></DIV>
<DIV CLASS="wv" STYLE="--v:2; --h:3; --wv:var(--wv23)"></DIV>
<DIV CLASS="wv" STYLE="--v:2; --h:4; --wv:var(--wv24)"></DIV>
<DIV CLASS="wv" STYLE="--v:2; --h:5; --wv:var(--wv25)"></DIV>
<DIV CLASS="wv" STYLE="--v:2; --h:6; --wv:var(--wv26)"></DIV>
<DIV CLASS="wv" STYLE="--v:2; --h:7; --wv:var(--wv27)"></DIV>
<DIV CLASS="wv" STYLE="--v:2; --h:8; --wv:var(--wv28)"></DIV>
<DIV CLASS="wv" STYLE="--v:3; --h:0; --wv:var(--wv30)"></DIV>
<DIV CLASS="wv" STYLE="--v:3; --h:1; --wv:var(--wv31)"></DIV>
<DIV CLASS="wv" STYLE="--v:3; --h:2; --wv:var(--wv32)"></DIV>
<DIV CLASS="wv" STYLE="--v:3; --h:3; --wv:var(--wv33)"></DIV>
<DIV CLASS="wv" STYLE="--v:3; --h:4; --wv:var(--wv34)"></DIV>
<DIV CLASS="wv" STYLE="--v:3; --h:5; --wv:var(--wv35)"></DIV>
<DIV CLASS="wv" STYLE="--v:3; --h:6; --wv:var(--wv36)"></DIV>
<DIV CLASS="wv" STYLE="--v:3; --h:7; --wv:var(--wv37)"></DIV>
<DIV CLASS="wv" STYLE="--v:3; --h:8; --wv:var(--wv38)"></DIV>
<DIV CLASS="wv" STYLE="--v:4; --h:0; --wv:var(--wv40)"></DIV>
<DIV CLASS="wv" STYLE="--v:4; --h:1; --wv:var(--wv41)"></DIV>
<DIV CLASS="wv" STYLE="--v:4; --h:2; --wv:var(--wv42)"></DIV>
<DIV CLASS="wv" STYLE="--v:4; --h:3; --wv:var(--wv43)"></DIV>
<DIV CLASS="wv" STYLE="--v:4; --h:4; --wv:var(--wv44)"></DIV>
<DIV CLASS="wv" STYLE="--v:4; --h:5; --wv:var(--wv45)"></DIV>
<DIV CLASS="wv" STYLE="--v:4; --h:6; --wv:var(--wv46)"></DIV>
<DIV CLASS="wv" STYLE="--v:4; --h:7; --wv:var(--wv47)"></DIV>
<DIV CLASS="wv" STYLE="--v:4; --h:8; --wv:var(--wv48)"></DIV>
<DIV CLASS="wv" STYLE="--v:5; --h:0; --wv:var(--wv50)"></DIV>
<DIV CLASS="wv" STYLE="--v:5; --h:1; --wv:var(--wv51)"></DIV>
<DIV CLASS="wv" STYLE="--v:5; --h:2; --wv:var(--wv52)"></DIV>
<DIV CLASS="wv" STYLE="--v:5; --h:3; --wv:var(--wv53)"></DIV>
<DIV CLASS="wv" STYLE="--v:5; --h:4; --wv:var(--wv54)"></DIV>
<DIV CLASS="wv" STYLE="--v:5; --h:5; --wv:var(--wv55)"></DIV>
<DIV CLASS="wv" STYLE="--v:5; --h:6; --wv:var(--wv56)"></DIV>
<DIV CLASS="wv" STYLE="--v:5; --h:7; --wv:var(--wv57)"></DIV>
<DIV CLASS="wv" STYLE="--v:5; --h:8; --wv:var(--wv58)"></DIV>
<DIV CLASS="wv" STYLE="--v:6; --h:0; --wv:var(--wv60)"></DIV>
<DIV CLASS="wv" STYLE="--v:6; --h:1; --wv:var(--wv61)"></DIV>
<DIV CLASS="wv" STYLE="--v:6; --h:2; --wv:var(--wv62)"></DIV>
<DIV CLASS="wv" STYLE="--v:6; --h:3; --wv:var(--wv63)"></DIV>
<DIV CLASS="wv" STYLE="--v:6; --h:4; --wv:var(--wv64)"></DIV>
<DIV CLASS="wv" STYLE="--v:6; --h:5; --wv:var(--wv65)"></DIV>
<DIV CLASS="wv" STYLE="--v:6; --h:6; --wv:var(--wv66)"></DIV>
<DIV CLASS="wv" STYLE="--v:6; --h:7; --wv:var(--wv67)"></DIV>
<DIV CLASS="wv" STYLE="--v:6; --h:8; --wv:var(--wv68)"></DIV>
<DIV CLASS="wv" STYLE="--v:7; --h:0; --wv:var(--wv70)"></DIV>
<DIV CLASS="wv" STYLE="--v:7; --h:1; --wv:var(--wv71)"></DIV>
<DIV CLASS="wv" STYLE="--v:7; --h:2; --wv:var(--wv72)"></DIV>
<DIV CLASS="wv" STYLE="--v:7; --h:3; --wv:var(--wv73)"></DIV>
<DIV CLASS="wv" STYLE="--v:7; --h:4; --wv:var(--wv74)"></DIV>
<DIV CLASS="wv" STYLE="--v:7; --h:5; --wv:var(--wv75)"></DIV>
<DIV CLASS="wv" STYLE="--v:7; --h:6; --wv:var(--wv76)"></DIV>
<DIV CLASS="wv" STYLE="--v:7; --h:7; --wv:var(--wv77)"></DIV>
<DIV CLASS="wv" STYLE="--v:7; --h:8; --wv:var(--wv78)"></DIV>
<DIV CLASS="wv" STYLE="--v:8; --h:0; --wv:var(--wv80)"></DIV>
<DIV CLASS="wv" STYLE="--v:8; --h:1; --wv:var(--wv81)"></DIV>
<DIV CLASS="wv" STYLE="--v:8; --h:2; --wv:var(--wv82)"></DIV>
<DIV CLASS="wv" STYLE="--v:8; --h:3; --wv:var(--wv83)"></DIV>
<DIV CLASS="wv" STYLE="--v:8; --h:4; --wv:var(--wv84)"></DIV>
<DIV CLASS="wv" STYLE="--v:8; --h:5; --wv:var(--wv85)"></DIV>
<DIV CLASS="wv" STYLE="--v:8; --h:6; --wv:var(--wv86)"></DIV>
<DIV CLASS="wv" STYLE="--v:8; --h:7; --wv:var(--wv87)"></DIV>
<DIV CLASS="wv" STYLE="--v:8; --h:8; --wv:var(--wv88)"></DIV>
<DIV CLASS="wv" STYLE="--v:9; --h:0; --wv:var(--wv90)"></DIV>
<DIV CLASS="wv" STYLE="--v:9; --h:1; --wv:var(--wv91)"></DIV>
<DIV CLASS="wv" STYLE="--v:9; --h:2; --wv:var(--wv92)"></DIV>
<DIV CLASS="wv" STYLE="--v:9; --h:3; --wv:var(--wv93)"></DIV>
<DIV CLASS="wv" STYLE="--v:9; --h:4; --wv:var(--wv94)"></DIV>
<DIV CLASS="wv" STYLE="--v:9; --h:5; --wv:var(--wv95)"></DIV>
<DIV CLASS="wv" STYLE="--v:9; --h:6; --wv:var(--wv96)"></DIV>
<DIV CLASS="wv" STYLE="--v:9; --h:7; --wv:var(--wv97)"></DIV>
<DIV CLASS="wv" STYLE="--v:9; --h:8; --wv:var(--wv98)"></DIV>

<!-- 現在位置 -->
<DIV ID="curr"></DIV>

<DIV ID="goal-dlg">
<DIV ID="goal-msg">ゴール!</DIV>
<LABEL ID="goal-rst" FOR="reset">もう一度遊ぶ</LABEL>
</DIV>

</DIV>
</DIV>

</BODY>

</HTML>