<!DOCTYPE HTML>
<HTML LANG="ja">
<HEAD>
<META CHARSET="Shift_JIS">
<TITLE>スタイルシート 箱入り娘</TITLE>
<STYLE TYPE="text/css">
<!--
@keyframes unhover1 {
to {
pointer-events:none;
}
}
@keyframes unhover2 {
to {
pointer-events:none;
}
}
@keyframes unhover3 {
to {
pointer-events:none;
}
}
@keyframes exit {
to {
margin-top:164px;
}
}
body {
text-align:center;
background-color:#CCFFFF;
user-select:none;
}
#title {
color:#CC0000;
font-weight:bold;
}
input:not([name="init"]) {
display:none;
}
form:not(#dummy) {
position:relative;
}
#init-1, #init-2, #init-3, #init-4 {
margin-right:0;
}
:is(.musume, .chichi, .haha, .banto, .genan, .gejyo, .kozo1, .kozo2, .kozo3, .kozo4):checked ~ .init {
color:gray;
filter:grayscale(1);
pointer-events:none;
}
#back {
position:relative;
width:320px;
height:404px;
margin-left:auto;
margin-right:auto;
background:
linear-gradient(to bottom, brown 0 100%) 0 400px / 80px 4px no-repeat, /* 左下枠 */
linear-gradient(to bottom, brown 0 100%) 240px 400px / 80px 4px no-repeat, /* 右下枠 */
#CCC098;
border-style:solid solid none solid;
border-width:4px;
border-color:brown;
/* 空き位置計算 */
--p00: 0; --p10: 1; --p20: 2; --p30: 3;
--p01: 4; --p11: 5; --p21: 6; --p31: 7;
--p02: 8; --p12: 9; --p22:10; --p32:11;
--p03:12; --p13:13; --p23:14; --p33:15;
--p04:16; --p14:17; --p24:18; --p34:19;
--room2:max(var(--p00), var(--p10), var(--p20), var(--p30),
var(--p01), var(--p11), var(--p21), var(--p31),
var(--p02), var(--p12), var(--p22), var(--p32),
var(--p03), var(--p13), var(--p23), var(--p33),
var(--p04), var(--p14), var(--p24), var(--p34));
--room1:calc(var(--p00) + var(--p10) + var(--p20) + var(--p30)
+ var(--p01) + var(--p11) + var(--p21) + var(--p31)
+ var(--p02) + var(--p12) + var(--p22) + var(--p32)
+ var(--p03) + var(--p13) + var(--p23) + var(--p33)
+ var(--p04) + var(--p14) + var(--p24) + var(--p34)
+ 18 - var(--room2));
--room1-x:mod(var(--room1), 4);
--room1-y:round(down, var(--room1) / 4);
--room2-x:mod(var(--room2), 4);
--room2-y:round(down, var(--room2) / 4);
}
#spacer {
position:absolute;
left:0;
top:408px;
width:1px;
height:164px;
}
.block {
position:absolute;
text-align:center;
color:black;
font-family:serif;
font-weight:bold;
background-color:#FFF0BE;
outline:solid 2px #80785F;
outline-offset:-2px;
--zl:calc(var(--rl) - 1);
--zr:calc(var(--rr) - 1);
--zu:calc(var(--ru) - 1);
--zd:calc(var(--rd) - 1);
}
:is(.musume, .chichi, .haha, .banto, .genan, .gejyo, .kozo1, .kozo2, .kozo3, .kozo4):checked ~ #back .block {
transition:left 80ms, top 80ms;
}
/* ブロック移動中に矢印を表示しないため */
/* Firefox では z-index を変えてもマウスを動かすまでは :hover 状態が変わらないので，その対策も兼ねる */
.musume-m, .block12-m, .banto-m, .block11-m {
animation:80ms step-start;
}
:nth-child(2n+1 of .musume):checked ~ #back .musume-m,
:nth-child(3n+1 of .chichi):checked ~ #back #chichi .block12-m,
:nth-child(3n+1 of .haha):checked ~ #back #haha .block12-m,
:nth-child(2n+1 of .banto):checked ~ #back .banto-m,
:nth-child(3n+1 of .genan):checked ~ #back #genan .block12-m,
:nth-child(3n+1 of .gejyo):checked ~ #back #gejyo .block12-m,
:nth-child(3n+1 of .kozo1):checked ~ #back #kozo1 .block11-m,
:nth-child(3n+1 of .kozo2):checked ~ #back #kozo2 .block11-m,
:nth-child(3n+1 of .kozo3):checked ~ #back #kozo3 .block11-m,
:nth-child(3n+1 of .kozo4):checked ~ #back #kozo4 .block11-m {
animation-name:unhover1;
}
:nth-child(2n+2 of .musume):checked ~ #back .musume-m,
:nth-child(3n+2 of .chichi):checked ~ #back #chichi .block12-m,
:nth-child(3n+2 of .haha):checked ~ #back #haha .block12-m,
:nth-child(2n+2 of .banto):checked ~ #back .banto-m,
:nth-child(3n+2 of .genan):checked ~ #back #genan .block12-m,
:nth-child(3n+2 of .gejyo):checked ~ #back #gejyo .block12-m,
:nth-child(3n+2 of .kozo1):checked ~ #back #kozo1 .block11-m,
:nth-child(3n+2 of .kozo2):checked ~ #back #kozo2 .block11-m,
:nth-child(3n+2 of .kozo3):checked ~ #back #kozo3 .block11-m,
:nth-child(3n+2 of .kozo4):checked ~ #back #kozo4 .block11-m {
animation-name:unhover2;
}
:nth-child(3n+3 of .chichi):checked ~ #back #chichi .block12-m,
:nth-child(3n+3 of .haha):checked ~ #back #haha .block12-m,
:nth-child(3n+3 of .genan):checked ~ #back #genan .block12-m,
:nth-child(3n+3 of .gejyo):checked ~ #back #gejyo .block12-m,
:nth-child(3n+3 of .kozo1):checked ~ #back #kozo1 .block11-m,
:nth-child(3n+3 of .kozo2):checked ~ #back #kozo2 .block11-m,
:nth-child(3n+3 of .kozo3):checked ~ #back #kozo3 .block11-m,
:nth-child(3n+3 of .kozo4):checked ~ #back #kozo4 .block11-m {
animation-name:unhover3;
}
/* 終了 */
#musume-13:checked ~ #back .block {
pointer-events:none;
}
#musume-13:checked ~ #back #musume {
animation:exit 500ms linear forwards 1s;
}
#musume-13:checked ~ #back #cong {
z-index:0;
transition:z-index 0s 1500ms;
}
#musume-13:checked ~ #restart {
visibility:hidden;
}
/* 終了メッセージ */
#cong {
display:inline-block;
position:relative;
background-color:#FFFFE0;
top:100px;
border:solid 4px darkgreen;
padding:12px 16px;
z-index:-1;
}
#cong-m {
color:#E00000;
font-weight:bold;
}
#cong-b {
display:inline-block;
margin-top:6px;
background-color:gainsboro;
color:black;
padding:4px 8px;
border-radius:3px;
}
#cong-b:hover {
background-color:lightgray;
}
/* やり直しボタン */
#restart {
background-color:gainsboro;
color:black;
padding:4px 8px;
border-radius:3px;
}
#restart:hover {
background-color:lightgray;
}
/* 娘 */
#musume {
left:calc(var(--musume-x) * 80px);
top: calc(var(--musume-y) * 80px);
width:160px;
height:160px;
font-size:120px;
line-height:160px;
--rl:calc(1 - min(abs(var(--room1-x) - (var(--musume-x) - 1))
+ abs(var(--room1-y) - var(--musume-y))
+ abs(var(--room2-x) - (var(--musume-x) - 1))
+ abs(var(--room2-y) - (var(--musume-y) + 1)), 1));
--rr:calc(1 - min(abs(var(--room1-x) - (var(--musume-x) + 2))
+ abs(var(--room1-y) - var(--musume-y))
+ abs(var(--room2-x) - (var(--musume-x) + 2))
+ abs(var(--room2-y) - (var(--musume-y) + 1)), 1));
--ru:calc(1 - min(abs(var(--room1-x) - var(--musume-x))
+ abs(var(--room1-y) - (var(--musume-y) - 1))
+ abs(var(--room2-x) - (var(--musume-x) + 1))
+ abs(var(--room2-y) - (var(--musume-y) - 1)), 1));
--rd:calc(1 - min(abs(var(--room1-x) - var(--musume-x))
+ abs(var(--room1-y) - (var(--musume-y) + 2))
+ abs(var(--room2-x) - (var(--musume-x) + 1))
+ abs(var(--room2-y) - (var(--musume-y) + 2)), 1));
}
.musume-m {
position:absolute;
left:0;
top:0;
width:160px;
height:160px;
z-index:-1;
}
#musume-10:checked ~ #back #musume-m00,
#musume-20:checked ~ #back #musume-m10,
#musume-11:checked ~ #back #musume-m01,
#musume-21:checked ~ #back #musume-m11,
#musume-12:checked ~ #back #musume-m02,
#musume-22:checked ~ #back #musume-m12,
#musume-13:checked ~ #back #musume-m03,
#musume-23:checked ~ #back #musume-m13,
#musume-init:checked ~ #init-1:checked ~ #back #musume-m00,
#musume-init:checked ~ #init-2:checked ~ #back #musume-m00,
#musume-init:checked ~ #init-3:checked ~ #back #musume-m00 {
z-index:var(--zl);
}
#musume-00:checked ~ #back #musume-m10,
#musume-10:checked ~ #back #musume-m20,
#musume-01:checked ~ #back #musume-m11,
#musume-11:checked ~ #back #musume-m21,
#musume-02:checked ~ #back #musume-m12,
#musume-12:checked ~ #back #musume-m22,
#musume-03:checked ~ #back #musume-m13,
#musume-13:checked ~ #back #musume-m23,
#musume-init:checked ~ #init-1:checked ~ #back #musume-m20,
#musume-init:checked ~ #init-2:checked ~ #back #musume-m20,
#musume-init:checked ~ #init-3:checked ~ #back #musume-m20,
#musume-init:checked ~ #init-4:checked ~ #back #musume-m11 {
z-index:var(--zr);
}
#musume-01:checked ~ #back #musume-m00,
#musume-11:checked ~ #back #musume-m10,
#musume-21:checked ~ #back #musume-m20,
#musume-02:checked ~ #back #musume-m01,
#musume-12:checked ~ #back #musume-m11,
#musume-22:checked ~ #back #musume-m21,
#musume-03:checked ~ #back #musume-m02,
#musume-13:checked ~ #back #musume-m12,
#musume-23:checked ~ #back #musume-m22,
#musume-init:checked ~ #init-4:checked ~ #back #musume-m00 {
z-index:var(--zu);
}
#musume-00:checked ~ #back #musume-m01,
#musume-10:checked ~ #back #musume-m11,
#musume-20:checked ~ #back #musume-m21,
#musume-01:checked ~ #back #musume-m02,
#musume-11:checked ~ #back #musume-m12,
#musume-21:checked ~ #back #musume-m22,
#musume-02:checked ~ #back #musume-m03,
#musume-12:checked ~ #back #musume-m13,
#musume-22:checked ~ #back #musume-m23,
#musume-init:checked ~ #init-1:checked ~ #back #musume-m11,
#musume-init:checked ~ #init-2:checked ~ #back #musume-m11,
#musume-init:checked ~ #init-3:checked ~ #back #musume-m11,
#musume-init:checked ~ #init-4:checked ~ #back #musume-m02 {
z-index:var(--zd);
}
.musume-m:hover ~ .arrow {
left:calc((var(--rl) * -18 + var(--rr) * 178 + var(--ru) * 92 + var(--rd) * 68) * 1px);
top: calc((var(--rl) * 68 + var(--rr) * 92 + var(--ru) * -18 + var(--rd) * 178) * 1px);
transform:rotate(calc((var(--rr) * 2 + var(--ru) + var(--rd) * 3) * 90deg));
visibility:visible;
}
/* 父親 */
#chichi {
--x:var(--chichi-x);
--y:var(--chichi-y);
}
/* 母親 */
#haha {
--x:var(--haha-x);
--y:var(--haha-y);
}
/* 下男 */
#genan {
--x:var(--genan-x);
--y:var(--genan-y);
}
/* 下女 */
#gejyo {
--x:var(--gejyo-x);
--y:var(--gejyo-y);
}
.block12 {
left:calc(var(--x) * 80px);
top: calc(var(--y) * 80px);
width:80px;
height:160px;
--rl:calc(1 - min(abs(var(--room1-x) - (var(--x) - 1))
+ abs(var(--room1-y) - var(--y))
+ abs(var(--room2-x) - (var(--x) - 1))
+ abs(var(--room2-y) - (var(--y) + 1)), 1));
--rr:calc(1 - min(abs(var(--room1-x) - (var(--x) + 1))
+ abs(var(--room1-y) - var(--y))
+ abs(var(--room2-x) - (var(--x) + 1))
+ abs(var(--room2-y) - (var(--y) + 1)), 1));
--ru:calc(1 - min((abs(var(--room1-x) - var(--x))
+ abs(var(--room1-y) - (var(--y) - 1)))
* (abs(var(--room2-x) - var(--x))
+ abs(var(--room2-y) - (var(--y) - 1))), 1));
--rd:calc(1 - min((abs(var(--room1-x) - var(--x))
+ abs(var(--room1-y) - (var(--y) + 2)))
* (abs(var(--room2-x) - var(--x))
+ abs(var(--room2-y) - (var(--y) + 2))), 1));
}
.block12-cap {
display:inline-block;
margin-top:18px;
font-size:60px;
line-height:1;
}
.block12-m {
position:absolute;
left:0;
top:0;
bottom:0;
width:80px;
z-index:-1;
}
.block12-m:hover ~ .arrow {
--mu:calc(max(var(--y) - var(--dest-y), 0) * var(--ru));
--md:calc(max(var(--dest-y) - var(--y), 0) * var(--rd));
left:calc((var(--rl) * -18 + var(--rr) * 98 + var(--mu) * 52 + var(--md) * 28) * 1px);
top: calc((var(--rl) * 68 + var(--rr) * 92 + var(--mu) * -18 + var(--md) * 178) * 1px);
transform:rotate(calc((var(--rr) * 2 + var(--mu) + var(--md) * 3) * 90deg));
visibility:visible;
}
#chichi-10:checked ~ #back #chichi-m00,
#chichi-20:checked ~ #back #chichi-m10,
#chichi-30:checked ~ #back #chichi-m20,
#chichi-11:checked ~ #back #chichi-m01,
#chichi-21:checked ~ #back #chichi-m11,
#chichi-31:checked ~ #back #chichi-m21,
#chichi-12:checked ~ #back #chichi-m02,
#chichi-22:checked ~ #back #chichi-m12,
#chichi-32:checked ~ #back #chichi-m22,
#chichi-13:checked ~ #back #chichi-m03,
#chichi-23:checked ~ #back #chichi-m13,
#chichi-33:checked ~ #back #chichi-m23,
#haha-10:checked ~ #back #haha-m00,
#haha-20:checked ~ #back #haha-m10,
#haha-30:checked ~ #back #haha-m20,
#haha-11:checked ~ #back #haha-m01,
#haha-21:checked ~ #back #haha-m11,
#haha-31:checked ~ #back #haha-m21,
#haha-12:checked ~ #back #haha-m02,
#haha-22:checked ~ #back #haha-m12,
#haha-32:checked ~ #back #haha-m22,
#haha-13:checked ~ #back #haha-m03,
#haha-23:checked ~ #back #haha-m13,
#haha-33:checked ~ #back #haha-m23,
#genan-10:checked ~ #back #genan-m00,
#genan-20:checked ~ #back #genan-m10,
#genan-30:checked ~ #back #genan-m20,
#genan-11:checked ~ #back #genan-m01,
#genan-21:checked ~ #back #genan-m11,
#genan-31:checked ~ #back #genan-m21,
#genan-12:checked ~ #back #genan-m02,
#genan-22:checked ~ #back #genan-m12,
#genan-32:checked ~ #back #genan-m22,
#genan-13:checked ~ #back #genan-m03,
#genan-23:checked ~ #back #genan-m13,
#genan-33:checked ~ #back #genan-m23,
#gejyo-10:checked ~ #back #gejyo-m00,
#gejyo-20:checked ~ #back #gejyo-m10,
#gejyo-30:checked ~ #back #gejyo-m20,
#gejyo-11:checked ~ #back #gejyo-m01,
#gejyo-21:checked ~ #back #gejyo-m11,
#gejyo-31:checked ~ #back #gejyo-m21,
#gejyo-12:checked ~ #back #gejyo-m02,
#gejyo-22:checked ~ #back #gejyo-m12,
#gejyo-32:checked ~ #back #gejyo-m22,
#gejyo-13:checked ~ #back #gejyo-m03,
#gejyo-23:checked ~ #back #gejyo-m13,
#gejyo-33:checked ~ #back #gejyo-m23,
#chichi-init:checked ~ #init-4:checked ~ #back #chichi-m10,
#haha-init:checked ~ #init-1:checked ~ #back #haha-m20,
#haha-init:checked ~ #init-2:checked ~ #back #haha-m21,
#haha-init:checked ~ #init-4:checked ~ #back #haha-m20,
#genan-init:checked ~ #init-2:checked ~ #back #genan-m02,
#genan-init:checked ~ #init-3:checked ~ #back #genan-m02,
#gejyo-init:checked ~ #init-1:checked ~ #back #gejyo-m22,
#gejyo-init:checked ~ #init-2:checked ~ #back #gejyo-m12,
#gejyo-init:checked ~ #init-3:checked ~ #back #gejyo-m12,
#gejyo-init:checked ~ #init-4:checked ~ #back #gejyo-m03 {
z-index:var(--zl);
}
#chichi-00:checked ~ #back #chichi-m10,
#chichi-10:checked ~ #back #chichi-m20,
#chichi-20:checked ~ #back #chichi-m30,
#chichi-01:checked ~ #back #chichi-m11,
#chichi-11:checked ~ #back #chichi-m21,
#chichi-21:checked ~ #back #chichi-m31,
#chichi-02:checked ~ #back #chichi-m12,
#chichi-12:checked ~ #back #chichi-m22,
#chichi-22:checked ~ #back #chichi-m32,
#chichi-03:checked ~ #back #chichi-m13,
#chichi-13:checked ~ #back #chichi-m23,
#chichi-23:checked ~ #back #chichi-m33,
#haha-00:checked ~ #back #haha-m10,
#haha-10:checked ~ #back #haha-m20,
#haha-20:checked ~ #back #haha-m30,
#haha-01:checked ~ #back #haha-m11,
#haha-11:checked ~ #back #haha-m21,
#haha-21:checked ~ #back #haha-m31,
#haha-02:checked ~ #back #haha-m12,
#haha-12:checked ~ #back #haha-m22,
#haha-22:checked ~ #back #haha-m32,
#haha-03:checked ~ #back #haha-m13,
#haha-13:checked ~ #back #haha-m23,
#haha-23:checked ~ #back #haha-m33,
#genan-00:checked ~ #back #genan-m10,
#genan-10:checked ~ #back #genan-m20,
#genan-20:checked ~ #back #genan-m30,
#genan-01:checked ~ #back #genan-m11,
#genan-11:checked ~ #back #genan-m21,
#genan-21:checked ~ #back #genan-m31,
#genan-02:checked ~ #back #genan-m12,
#genan-12:checked ~ #back #genan-m22,
#genan-22:checked ~ #back #genan-m32,
#genan-03:checked ~ #back #genan-m13,
#genan-13:checked ~ #back #genan-m23,
#genan-23:checked ~ #back #genan-m33,
#gejyo-00:checked ~ #back #gejyo-m10,
#gejyo-10:checked ~ #back #gejyo-m20,
#gejyo-20:checked ~ #back #gejyo-m30,
#gejyo-01:checked ~ #back #gejyo-m11,
#gejyo-11:checked ~ #back #gejyo-m21,
#gejyo-21:checked ~ #back #gejyo-m31,
#gejyo-02:checked ~ #back #gejyo-m12,
#gejyo-12:checked ~ #back #gejyo-m22,
#gejyo-22:checked ~ #back #gejyo-m32,
#gejyo-03:checked ~ #back #gejyo-m13,
#gejyo-13:checked ~ #back #gejyo-m23,
#gejyo-23:checked ~ #back #gejyo-m33,
#chichi-init:checked ~ #init-1:checked ~ #back #chichi-m10,
#chichi-init:checked ~ #init-2:checked ~ #back #chichi-m11,
#chichi-init:checked ~ #init-3:checked ~ #back #chichi-m10,
#chichi-init:checked ~ #init-4:checked ~ #back #chichi-m30,
#haha-init:checked ~ #init-3:checked ~ #back #haha-m12,
#genan-init:checked ~ #init-1:checked ~ #back #genan-m12,
#genan-init:checked ~ #init-2:checked ~ #back #genan-m22,
#genan-init:checked ~ #init-3:checked ~ #back #genan-m22,
#genan-init:checked ~ #init-4:checked ~ #back #genan-m13,
#gejyo-init:checked ~ #init-2:checked ~ #back #gejyo-m32,
#gejyo-init:checked ~ #init-3:checked ~ #back #gejyo-m32,
#gejyo-init:checked ~ #init-4:checked ~ #back #gejyo-m23 {
z-index:var(--zr);
}
#chichi-01:checked ~ #back #chichi-m00,
#chichi-11:checked ~ #back #chichi-m10,
#chichi-21:checked ~ #back #chichi-m20,
#chichi-31:checked ~ #back #chichi-m30,
#chichi-02:checked ~ #back #chichi-m01,
#chichi-12:checked ~ #back #chichi-m11,
#chichi-22:checked ~ #back #chichi-m21,
#chichi-32:checked ~ #back #chichi-m31,
#chichi-03:checked ~ #back #chichi-m02,
#chichi-13:checked ~ #back #chichi-m12,
#chichi-23:checked ~ #back #chichi-m22,
#chichi-33:checked ~ #back #chichi-m32,
#haha-01:checked ~ #back #haha-m00,
#haha-11:checked ~ #back #haha-m10,
#haha-21:checked ~ #back #haha-m20,
#haha-31:checked ~ #back #haha-m30,
#haha-02:checked ~ #back #haha-m01,
#haha-12:checked ~ #back #haha-m11,
#haha-22:checked ~ #back #haha-m21,
#haha-32:checked ~ #back #haha-m31,
#haha-03:checked ~ #back #haha-m02,
#haha-13:checked ~ #back #haha-m12,
#haha-23:checked ~ #back #haha-m22,
#haha-33:checked ~ #back #haha-m32,
#genan-01:checked ~ #back #genan-m00,
#genan-11:checked ~ #back #genan-m10,
#genan-21:checked ~ #back #genan-m20,
#genan-31:checked ~ #back #genan-m30,
#genan-02:checked ~ #back #genan-m01,
#genan-12:checked ~ #back #genan-m11,
#genan-22:checked ~ #back #genan-m21,
#genan-32:checked ~ #back #genan-m31,
#genan-03:checked ~ #back #genan-m02,
#genan-13:checked ~ #back #genan-m12,
#genan-23:checked ~ #back #genan-m22,
#genan-33:checked ~ #back #genan-m32,
#gejyo-01:checked ~ #back #gejyo-m00,
#gejyo-11:checked ~ #back #gejyo-m10,
#gejyo-21:checked ~ #back #gejyo-m20,
#gejyo-31:checked ~ #back #gejyo-m30,
#gejyo-02:checked ~ #back #gejyo-m01,
#gejyo-12:checked ~ #back #gejyo-m11,
#gejyo-22:checked ~ #back #gejyo-m21,
#gejyo-32:checked ~ #back #gejyo-m31,
#gejyo-03:checked ~ #back #gejyo-m02,
#gejyo-13:checked ~ #back #gejyo-m12,
#gejyo-23:checked ~ #back #gejyo-m22,
#gejyo-33:checked ~ #back #gejyo-m32,
#chichi-init:checked ~ #init-2:checked ~ #back #chichi-m00,
#haha-init:checked ~ #init-2:checked ~ #back #haha-m30,
#haha-init:checked ~ #init-3:checked ~ #back #haha-m01,
#genan-init:checked ~ #init-1:checked ~ #back #genan-m01,
#genan-init:checked ~ #init-2:checked ~ #back #genan-m11,
#genan-init:checked ~ #init-3:checked ~ #back #genan-m11,
#genan-init:checked ~ #init-4:checked ~ #back #genan-m02,
#gejyo-init:checked ~ #init-1:checked ~ #back #gejyo-m31,
#gejyo-init:checked ~ #init-2:checked ~ #back #gejyo-m21,
#gejyo-init:checked ~ #init-3:checked ~ #back #gejyo-m21,
#gejyo-init:checked ~ #init-4:checked ~ #back #gejyo-m12 {
z-index:var(--zu);
bottom:calc(var(--rd) * 80px);
}
#chichi-00:checked ~ #back #chichi-m01,
#chichi-10:checked ~ #back #chichi-m11,
#chichi-20:checked ~ #back #chichi-m21,
#chichi-30:checked ~ #back #chichi-m31,
#chichi-01:checked ~ #back #chichi-m02,
#chichi-11:checked ~ #back #chichi-m12,
#chichi-21:checked ~ #back #chichi-m22,
#chichi-31:checked ~ #back #chichi-m32,
#chichi-02:checked ~ #back #chichi-m03,
#chichi-12:checked ~ #back #chichi-m13,
#chichi-22:checked ~ #back #chichi-m23,
#chichi-32:checked ~ #back #chichi-m33,
#haha-00:checked ~ #back #haha-m01,
#haha-10:checked ~ #back #haha-m11,
#haha-20:checked ~ #back #haha-m21,
#haha-30:checked ~ #back #haha-m31,
#haha-01:checked ~ #back #haha-m02,
#haha-11:checked ~ #back #haha-m12,
#haha-21:checked ~ #back #haha-m22,
#haha-31:checked ~ #back #haha-m32,
#haha-02:checked ~ #back #haha-m03,
#haha-12:checked ~ #back #haha-m13,
#haha-22:checked ~ #back #haha-m23,
#haha-32:checked ~ #back #haha-m33,
#genan-00:checked ~ #back #genan-m01,
#genan-10:checked ~ #back #genan-m11,
#genan-20:checked ~ #back #genan-m21,
#genan-30:checked ~ #back #genan-m31,
#genan-01:checked ~ #back #genan-m02,
#genan-11:checked ~ #back #genan-m12,
#genan-21:checked ~ #back #genan-m22,
#genan-31:checked ~ #back #genan-m32,
#genan-02:checked ~ #back #genan-m03,
#genan-12:checked ~ #back #genan-m13,
#genan-22:checked ~ #back #genan-m23,
#genan-32:checked ~ #back #genan-m33,
#gejyo-00:checked ~ #back #gejyo-m01,
#gejyo-10:checked ~ #back #gejyo-m11,
#gejyo-20:checked ~ #back #gejyo-m21,
#gejyo-30:checked ~ #back #gejyo-m31,
#gejyo-01:checked ~ #back #gejyo-m02,
#gejyo-11:checked ~ #back #gejyo-m12,
#gejyo-21:checked ~ #back #gejyo-m22,
#gejyo-31:checked ~ #back #gejyo-m32,
#gejyo-02:checked ~ #back #gejyo-m03,
#gejyo-12:checked ~ #back #gejyo-m13,
#gejyo-22:checked ~ #back #gejyo-m23,
#gejyo-32:checked ~ #back #gejyo-m33,
#chichi-init:checked ~ #init-1:checked ~ #back #chichi-m01,
#chichi-init:checked ~ #init-2:checked ~ #back #chichi-m02,
#chichi-init:checked ~ #init-3:checked ~ #back #chichi-m01,
#chichi-init:checked ~ #init-4:checked ~ #back #chichi-m21,
#haha-init:checked ~ #init-1:checked ~ #back #haha-m31,
#haha-init:checked ~ #init-2:checked ~ #back #haha-m32,
#haha-init:checked ~ #init-3:checked ~ #back #haha-m03,
#haha-init:checked ~ #init-4:checked ~ #back #haha-m31,
#genan-init:checked ~ #init-1:checked ~ #back #genan-m03,
#genan-init:checked ~ #init-2:checked ~ #back #genan-m13,
#genan-init:checked ~ #init-3:checked ~ #back #genan-m13,
#gejyo-init:checked ~ #init-1:checked ~ #back #gejyo-m33,
#gejyo-init:checked ~ #init-2:checked ~ #back #gejyo-m23,
#gejyo-init:checked ~ #init-3:checked ~ #back #gejyo-m23 {
z-index:var(--zd);
top:calc(var(--ru) * 80px);
}
/* 番頭 */
#banto {
left:calc(var(--banto-x) * 80px);
top: calc(var(--banto-y) * 80px);
width:160px;
height:80px;
font-size:60px;
line-height:80px;
--rl:calc(1 - min((abs(var(--room1-x) - (var(--banto-x) - 1))
+ abs(var(--room1-y) - var(--banto-y)))
* (abs(var(--room2-x) - (var(--banto-x) - 1))
+ abs(var(--room2-y) - var(--banto-y))), 1));
--rr:calc(1 - min((abs(var(--room1-x) - (var(--banto-x) + 2))
+ abs(var(--room1-y) - var(--banto-y)))
* (abs(var(--room2-x) - (var(--banto-x) + 2))
+ abs(var(--room2-y) - var(--banto-y))), 1));
--ru:calc(1 - min(abs(var(--room1-x) - var(--banto-x))
+ abs(var(--room1-y) - (var(--banto-y) - 1))
+ abs(var(--room2-x) - (var(--banto-x) + 1))
+ abs(var(--room2-y) - (var(--banto-y) - 1)), 1));
--rd:calc(1 - min(abs(var(--room1-x) - var(--banto-x))
+ abs(var(--room1-y) - (var(--banto-y) + 1))
+ abs(var(--room2-x) - (var(--banto-x) + 1))
+ abs(var(--room2-y) - (var(--banto-y) + 1)), 1));
}
.banto-m {
position:absolute;
left:0;
right:0;
top:0;
height:80px;
z-index:-1;
}
#banto-10:checked ~ #back #banto-m00,
#banto-20:checked ~ #back #banto-m10,
#banto-11:checked ~ #back #banto-m01,
#banto-21:checked ~ #back #banto-m11,
#banto-12:checked ~ #back #banto-m02,
#banto-22:checked ~ #back #banto-m12,
#banto-13:checked ~ #back #banto-m03,
#banto-23:checked ~ #back #banto-m13,
#banto-14:checked ~ #back #banto-m04,
#banto-24:checked ~ #back #banto-m14,
#banto-init:checked ~ #init-1:checked ~ #back #banto-m02,
#banto-init:checked ~ #init-3:checked ~ #back #banto-m04,
#banto-init:checked ~ #init-4:checked ~ #back #banto-m12 {
z-index:var(--zl);
right:calc(var(--rr) * 80px);
}
#banto-00:checked ~ #back #banto-m10,
#banto-10:checked ~ #back #banto-m20,
#banto-01:checked ~ #back #banto-m11,
#banto-11:checked ~ #back #banto-m21,
#banto-02:checked ~ #back #banto-m12,
#banto-12:checked ~ #back #banto-m22,
#banto-03:checked ~ #back #banto-m13,
#banto-13:checked ~ #back #banto-m23,
#banto-04:checked ~ #back #banto-m14,
#banto-14:checked ~ #back #banto-m24,
#banto-init:checked ~ #init-1:checked ~ #back #banto-m22,
#banto-init:checked ~ #init-2:checked ~ #back #banto-m14,
#banto-init:checked ~ #init-3:checked ~ #back #banto-m24 {
z-index:var(--zr);
left:calc(var(--rl) * 80px);
}
#banto-01:checked ~ #back #banto-m00,
#banto-11:checked ~ #back #banto-m10,
#banto-21:checked ~ #back #banto-m20,
#banto-02:checked ~ #back #banto-m01,
#banto-12:checked ~ #back #banto-m11,
#banto-22:checked ~ #back #banto-m21,
#banto-03:checked ~ #back #banto-m02,
#banto-13:checked ~ #back #banto-m12,
#banto-23:checked ~ #back #banto-m22,
#banto-04:checked ~ #back #banto-m03,
#banto-14:checked ~ #back #banto-m13,
#banto-24:checked ~ #back #banto-m23,
#banto-init:checked ~ #init-1:checked ~ #back #banto-m11,
#banto-init:checked ~ #init-2:checked ~ #back #banto-m03,
#banto-init:checked ~ #init-3:checked ~ #back #banto-m13,
#banto-init:checked ~ #init-4:checked ~ #back #banto-m21 {
z-index:var(--zu);
}
#banto-00:checked ~ #back #banto-m01,
#banto-10:checked ~ #back #banto-m11,
#banto-20:checked ~ #back #banto-m21,
#banto-01:checked ~ #back #banto-m02,
#banto-11:checked ~ #back #banto-m12,
#banto-21:checked ~ #back #banto-m22,
#banto-02:checked ~ #back #banto-m03,
#banto-12:checked ~ #back #banto-m13,
#banto-22:checked ~ #back #banto-m23,
#banto-03:checked ~ #back #banto-m04,
#banto-13:checked ~ #back #banto-m14,
#banto-23:checked ~ #back #banto-m24,
#banto-init:checked ~ #init-1:checked ~ #back #banto-m13,
#banto-init:checked ~ #init-4:checked ~ #back #banto-m23 {
z-index:var(--zd);
}
.banto-m:hover ~ .arrow {
--ml:calc(max(var(--banto-x) - var(--dest-x), 0) * var(--rl));
--mr:calc(max(var(--dest-x) - var(--banto-x), 0) * var(--rr));
left:calc((var(--ml) * -18 + var(--mr) * 178 + var(--ru) * 92 + var(--rd) * 68) * 1px);
top: calc((var(--ml) * 28 + var(--mr) * 52 + var(--ru) * -18 + var(--rd) * 98) * 1px);
transform:rotate(calc((var(--mr) * 2 + var(--ru) + var(--rd) * 3) * 90deg));
visibility:visible;
}
/* 小僧 1 */
#kozo1 {
--x:var(--kozo1-x);
--y:var(--kozo1-y);
}
/* 小僧 2 */
#kozo2 {
--x:var(--kozo2-x);
--y:var(--kozo2-y);
}
/* 小僧 3 */
#kozo3 {
--x:var(--kozo3-x);
--y:var(--kozo3-y);
}
/* 小僧 4 */
#kozo4 {
--x:var(--kozo4-x);
--y:var(--kozo4-y);
}
.block11 {
left:calc(var(--x) * 80px);
top: calc(var(--y) * 80px);
width:80px;
height:80px;
--rl:calc(1 - min((abs(var(--room1-x) - (var(--x) - 1))
+ abs(var(--room1-y) - var(--y)))
* (abs(var(--room2-x) - (var(--x) - 1))
+ abs(var(--room2-y) - var(--y))), 1));
--rr:calc(1 - min((abs(var(--room1-x) - (var(--x) + 1))
+ abs(var(--room1-y) - var(--y)))
* (abs(var(--room2-x) - (var(--x) + 1))
+ abs(var(--room2-y) - var(--y))), 1));
--ru:calc(1 - min((abs(var(--room1-x) - var(--x))
+ abs(var(--room1-y) - (var(--y) - 1)))
* (abs(var(--room2-x) - var(--x))
+ abs(var(--room2-y) - (var(--y) - 1))), 1));
--rd:calc(1 - min((abs(var(--room1-x) - var(--x))
+ abs(var(--room1-y) - (var(--y) + 1)))
* (abs(var(--room2-x) - var(--x))
+ abs(var(--room2-y) - (var(--y) + 1))), 1));
}
.block11-cap {
display:inline-block;
margin-top:6px;
font-size:32px;
line-height:1;
transform:scaleX(1.25);
}
.block11-m {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
--vert1:0px;
--vert2:80px;
--vert3:80px;
--vert4:0px;
clip-path:polygon(var(--vert1) 0px, var(--vert2) 0px, var(--vert3) 80px, var(--vert4) 80px);
z-index:-1;
}
.block11-m:hover ~ .arrow {
--ml:calc(max(var(--x) - var(--dest-x), 0) * var(--rl));
--mr:calc(max(var(--dest-x) - var(--x), 0) * var(--rr));
--mu:calc(max(var(--y) - var(--dest-y), 0) * var(--ru));
--md:calc(max(var(--dest-y) - var(--y), 0) * var(--rd));
left:calc((var(--ml) * -18 + var(--mr) * 98 + var(--mu) * 52 + var(--md) * 28) * 1px);
top: calc((var(--ml) * 28 + var(--mr) * 52 + var(--mu) * -18 + var(--md) * 98) * 1px);
transform:rotate(calc((var(--mr) * 2 + var(--mu) + var(--md) * 3) * 90deg));
visibility:visible;
}
#kozo1-10:checked ~ #back #kozo1-m00,
#kozo1-20:checked ~ #back #kozo1-m10,
#kozo1-30:checked ~ #back #kozo1-m20,
#kozo1-11:checked ~ #back #kozo1-m01,
#kozo1-21:checked ~ #back #kozo1-m11,
#kozo1-31:checked ~ #back #kozo1-m21,
#kozo1-12:checked ~ #back #kozo1-m02,
#kozo1-22:checked ~ #back #kozo1-m12,
#kozo1-32:checked ~ #back #kozo1-m22,
#kozo1-13:checked ~ #back #kozo1-m03,
#kozo1-23:checked ~ #back #kozo1-m13,
#kozo1-33:checked ~ #back #kozo1-m23,
#kozo1-14:checked ~ #back #kozo1-m04,
#kozo1-24:checked ~ #back #kozo1-m14,
#kozo1-34:checked ~ #back #kozo1-m24,
#kozo2-10:checked ~ #back #kozo2-m00,
#kozo2-20:checked ~ #back #kozo2-m10,
#kozo2-30:checked ~ #back #kozo2-m20,
#kozo2-11:checked ~ #back #kozo2-m01,
#kozo2-21:checked ~ #back #kozo2-m11,
#kozo2-31:checked ~ #back #kozo2-m21,
#kozo2-12:checked ~ #back #kozo2-m02,
#kozo2-22:checked ~ #back #kozo2-m12,
#kozo2-32:checked ~ #back #kozo2-m22,
#kozo2-13:checked ~ #back #kozo2-m03,
#kozo2-23:checked ~ #back #kozo2-m13,
#kozo2-33:checked ~ #back #kozo2-m23,
#kozo2-14:checked ~ #back #kozo2-m04,
#kozo2-24:checked ~ #back #kozo2-m14,
#kozo2-34:checked ~ #back #kozo2-m24,
#kozo3-10:checked ~ #back #kozo3-m00,
#kozo3-20:checked ~ #back #kozo3-m10,
#kozo3-30:checked ~ #back #kozo3-m20,
#kozo3-11:checked ~ #back #kozo3-m01,
#kozo3-21:checked ~ #back #kozo3-m11,
#kozo3-31:checked ~ #back #kozo3-m21,
#kozo3-12:checked ~ #back #kozo3-m02,
#kozo3-22:checked ~ #back #kozo3-m12,
#kozo3-32:checked ~ #back #kozo3-m22,
#kozo3-13:checked ~ #back #kozo3-m03,
#kozo3-23:checked ~ #back #kozo3-m13,
#kozo3-33:checked ~ #back #kozo3-m23,
#kozo3-14:checked ~ #back #kozo3-m04,
#kozo3-24:checked ~ #back #kozo3-m14,
#kozo3-34:checked ~ #back #kozo3-m24,
#kozo4-10:checked ~ #back #kozo4-m00,
#kozo4-20:checked ~ #back #kozo4-m10,
#kozo4-30:checked ~ #back #kozo4-m20,
#kozo4-11:checked ~ #back #kozo4-m01,
#kozo4-21:checked ~ #back #kozo4-m11,
#kozo4-31:checked ~ #back #kozo4-m21,
#kozo4-12:checked ~ #back #kozo4-m02,
#kozo4-22:checked ~ #back #kozo4-m12,
#kozo4-32:checked ~ #back #kozo4-m22,
#kozo4-13:checked ~ #back #kozo4-m03,
#kozo4-23:checked ~ #back #kozo4-m13,
#kozo4-33:checked ~ #back #kozo4-m23,
#kozo4-14:checked ~ #back #kozo4-m04,
#kozo4-24:checked ~ #back #kozo4-m14,
#kozo4-34:checked ~ #back #kozo4-m24,
#kozo1-init:checked ~ #init-1:checked ~ #back #kozo1-m03,
#kozo1-init:checked ~ #init-3:checked ~ #back #kozo1-m20,
#kozo2-init:checked ~ #init-1:checked ~ #back #kozo2-m13,
#kozo2-init:checked ~ #init-2:checked ~ #back #kozo2-m03,
#kozo2-init:checked ~ #init-3:checked ~ #back #kozo2-m21,
#kozo2-init:checked ~ #init-4:checked ~ #back #kozo2-m00,
#kozo3-init:checked ~ #init-2:checked ~ #back #kozo3-m14,
#kozo3-init:checked ~ #init-3:checked ~ #back #kozo3-m22,
#kozo3-init:checked ~ #init-4:checked ~ #back #kozo3-m13,
#kozo4-init:checked ~ #init-1:checked ~ #back #kozo4-m24,
#kozo4-init:checked ~ #init-2:checked ~ #back #kozo4-m24,
#kozo4-init:checked ~ #init-3:checked ~ #back #kozo4-m23,
#kozo4-init:checked ~ #init-4:checked ~ #back #kozo4-m23 {
z-index:var(--zl);
right:calc(var(--rr) * 40px);
--vert2:calc((1 - var(--ru)) * 80px);
--vert3:calc((1 - var(--rd)) * 80px);
}
#kozo1-00:checked ~ #back #kozo1-m10,
#kozo1-10:checked ~ #back #kozo1-m20,
#kozo1-20:checked ~ #back #kozo1-m30,
#kozo1-01:checked ~ #back #kozo1-m11,
#kozo1-11:checked ~ #back #kozo1-m21,
#kozo1-21:checked ~ #back #kozo1-m31,
#kozo1-02:checked ~ #back #kozo1-m12,
#kozo1-12:checked ~ #back #kozo1-m22,
#kozo1-22:checked ~ #back #kozo1-m32,
#kozo1-03:checked ~ #back #kozo1-m13,
#kozo1-13:checked ~ #back #kozo1-m23,
#kozo1-23:checked ~ #back #kozo1-m33,
#kozo1-04:checked ~ #back #kozo1-m14,
#kozo1-14:checked ~ #back #kozo1-m24,
#kozo1-24:checked ~ #back #kozo1-m34,
#kozo2-00:checked ~ #back #kozo2-m10,
#kozo2-10:checked ~ #back #kozo2-m20,
#kozo2-20:checked ~ #back #kozo2-m30,
#kozo2-01:checked ~ #back #kozo2-m11,
#kozo2-11:checked ~ #back #kozo2-m21,
#kozo2-21:checked ~ #back #kozo2-m31,
#kozo2-02:checked ~ #back #kozo2-m12,
#kozo2-12:checked ~ #back #kozo2-m22,
#kozo2-22:checked ~ #back #kozo2-m32,
#kozo2-03:checked ~ #back #kozo2-m13,
#kozo2-13:checked ~ #back #kozo2-m23,
#kozo2-23:checked ~ #back #kozo2-m33,
#kozo2-04:checked ~ #back #kozo2-m14,
#kozo2-14:checked ~ #back #kozo2-m24,
#kozo2-24:checked ~ #back #kozo2-m34,
#kozo3-00:checked ~ #back #kozo3-m10,
#kozo3-10:checked ~ #back #kozo3-m20,
#kozo3-20:checked ~ #back #kozo3-m30,
#kozo3-01:checked ~ #back #kozo3-m11,
#kozo3-11:checked ~ #back #kozo3-m21,
#kozo3-21:checked ~ #back #kozo3-m31,
#kozo3-02:checked ~ #back #kozo3-m12,
#kozo3-12:checked ~ #back #kozo3-m22,
#kozo3-22:checked ~ #back #kozo3-m32,
#kozo3-03:checked ~ #back #kozo3-m13,
#kozo3-13:checked ~ #back #kozo3-m23,
#kozo3-23:checked ~ #back #kozo3-m33,
#kozo3-04:checked ~ #back #kozo3-m14,
#kozo3-14:checked ~ #back #kozo3-m24,
#kozo3-24:checked ~ #back #kozo3-m34,
#kozo4-00:checked ~ #back #kozo4-m10,
#kozo4-10:checked ~ #back #kozo4-m20,
#kozo4-20:checked ~ #back #kozo4-m30,
#kozo4-01:checked ~ #back #kozo4-m11,
#kozo4-11:checked ~ #back #kozo4-m21,
#kozo4-21:checked ~ #back #kozo4-m31,
#kozo4-02:checked ~ #back #kozo4-m12,
#kozo4-12:checked ~ #back #kozo4-m22,
#kozo4-22:checked ~ #back #kozo4-m32,
#kozo4-03:checked ~ #back #kozo4-m13,
#kozo4-13:checked ~ #back #kozo4-m23,
#kozo4-23:checked ~ #back #kozo4-m33,
#kozo4-04:checked ~ #back #kozo4-m14,
#kozo4-14:checked ~ #back #kozo4-m24,
#kozo4-24:checked ~ #back #kozo4-m34,
#kozo1-init:checked ~ #init-1:checked ~ #back #kozo1-m23,
#kozo1-init:checked ~ #init-2:checked ~ #back #kozo1-m13,
#kozo1-init:checked ~ #init-4:checked ~ #back #kozo1-m10,
#kozo2-init:checked ~ #init-1:checked ~ #back #kozo2-m33,
#kozo2-init:checked ~ #init-4:checked ~ #back #kozo2-m20,
#kozo3-init:checked ~ #init-1:checked ~ #back #kozo3-m14,
#kozo3-init:checked ~ #init-2:checked ~ #back #kozo3-m34,
#kozo3-init:checked ~ #init-4:checked ~ #back #kozo3-m33 {
z-index:var(--zr);
left:calc(var(--rl) * 40px);
--vert1:calc(var(--ru) * 80px);
--vert4:calc(var(--rd) * 80px);
}
#kozo1-01:checked ~ #back #kozo1-m00,
#kozo1-11:checked ~ #back #kozo1-m10,
#kozo1-21:checked ~ #back #kozo1-m20,
#kozo1-31:checked ~ #back #kozo1-m30,
#kozo1-02:checked ~ #back #kozo1-m01,
#kozo1-12:checked ~ #back #kozo1-m11,
#kozo1-22:checked ~ #back #kozo1-m21,
#kozo1-32:checked ~ #back #kozo1-m31,
#kozo1-03:checked ~ #back #kozo1-m02,
#kozo1-13:checked ~ #back #kozo1-m12,
#kozo1-23:checked ~ #back #kozo1-m22,
#kozo1-33:checked ~ #back #kozo1-m32,
#kozo1-04:checked ~ #back #kozo1-m03,
#kozo1-14:checked ~ #back #kozo1-m13,
#kozo1-24:checked ~ #back #kozo1-m23,
#kozo1-34:checked ~ #back #kozo1-m33,
#kozo2-01:checked ~ #back #kozo2-m00,
#kozo2-11:checked ~ #back #kozo2-m10,
#kozo2-21:checked ~ #back #kozo2-m20,
#kozo2-31:checked ~ #back #kozo2-m30,
#kozo2-02:checked ~ #back #kozo2-m01,
#kozo2-12:checked ~ #back #kozo2-m11,
#kozo2-22:checked ~ #back #kozo2-m21,
#kozo2-32:checked ~ #back #kozo2-m31,
#kozo2-03:checked ~ #back #kozo2-m02,
#kozo2-13:checked ~ #back #kozo2-m12,
#kozo2-23:checked ~ #back #kozo2-m22,
#kozo2-33:checked ~ #back #kozo2-m32,
#kozo2-04:checked ~ #back #kozo2-m03,
#kozo2-14:checked ~ #back #kozo2-m13,
#kozo2-24:checked ~ #back #kozo2-m23,
#kozo2-34:checked ~ #back #kozo2-m33,
#kozo3-01:checked ~ #back #kozo3-m00,
#kozo3-11:checked ~ #back #kozo3-m10,
#kozo3-21:checked ~ #back #kozo3-m20,
#kozo3-31:checked ~ #back #kozo3-m30,
#kozo3-02:checked ~ #back #kozo3-m01,
#kozo3-12:checked ~ #back #kozo3-m11,
#kozo3-22:checked ~ #back #kozo3-m21,
#kozo3-32:checked ~ #back #kozo3-m31,
#kozo3-03:checked ~ #back #kozo3-m02,
#kozo3-13:checked ~ #back #kozo3-m12,
#kozo3-23:checked ~ #back #kozo3-m22,
#kozo3-33:checked ~ #back #kozo3-m32,
#kozo3-04:checked ~ #back #kozo3-m03,
#kozo3-14:checked ~ #back #kozo3-m13,
#kozo3-24:checked ~ #back #kozo3-m23,
#kozo3-34:checked ~ #back #kozo3-m33,
#kozo4-01:checked ~ #back #kozo4-m00,
#kozo4-11:checked ~ #back #kozo4-m10,
#kozo4-21:checked ~ #back #kozo4-m20,
#kozo4-31:checked ~ #back #kozo4-m30,
#kozo4-02:checked ~ #back #kozo4-m01,
#kozo4-12:checked ~ #back #kozo4-m11,
#kozo4-22:checked ~ #back #kozo4-m21,
#kozo4-32:checked ~ #back #kozo4-m31,
#kozo4-03:checked ~ #back #kozo4-m02,
#kozo4-13:checked ~ #back #kozo4-m12,
#kozo4-23:checked ~ #back #kozo4-m22,
#kozo4-33:checked ~ #back #kozo4-m32,
#kozo4-04:checked ~ #back #kozo4-m03,
#kozo4-14:checked ~ #back #kozo4-m13,
#kozo4-24:checked ~ #back #kozo4-m23,
#kozo4-34:checked ~ #back #kozo4-m33,
#kozo1-init:checked ~ #init-1:checked ~ #back #kozo1-m12,
#kozo1-init:checked ~ #init-2:checked ~ #back #kozo1-m02,
#kozo2-init:checked ~ #init-1:checked ~ #back #kozo2-m22,
#kozo2-init:checked ~ #init-2:checked ~ #back #kozo2-m32,
#kozo2-init:checked ~ #init-3:checked ~ #back #kozo2-m30,
#kozo3-init:checked ~ #init-1:checked ~ #back #kozo3-m03,
#kozo3-init:checked ~ #init-2:checked ~ #back #kozo3-m23,
#kozo3-init:checked ~ #init-3:checked ~ #back #kozo3-m31,
#kozo3-init:checked ~ #init-4:checked ~ #back #kozo3-m22,
#kozo4-init:checked ~ #init-1:checked ~ #back #kozo4-m33,
#kozo4-init:checked ~ #init-2:checked ~ #back #kozo4-m33,
#kozo4-init:checked ~ #init-3:checked ~ #back #kozo4-m32,
#kozo4-init:checked ~ #init-4:checked ~ #back #kozo4-m32 {
z-index:var(--zu);
bottom:calc(var(--rd) * 40px);
--vert4:calc(var(--rl) * 80px);
--vert3:calc((1 - var(--rr)) * 80px);
}
#kozo1-00:checked ~ #back #kozo1-m01,
#kozo1-10:checked ~ #back #kozo1-m11,
#kozo1-20:checked ~ #back #kozo1-m21,
#kozo1-30:checked ~ #back #kozo1-m31,
#kozo1-01:checked ~ #back #kozo1-m02,
#kozo1-11:checked ~ #back #kozo1-m12,
#kozo1-21:checked ~ #back #kozo1-m22,
#kozo1-31:checked ~ #back #kozo1-m32,
#kozo1-02:checked ~ #back #kozo1-m03,
#kozo1-12:checked ~ #back #kozo1-m13,
#kozo1-22:checked ~ #back #kozo1-m23,
#kozo1-32:checked ~ #back #kozo1-m33,
#kozo1-03:checked ~ #back #kozo1-m04,
#kozo1-13:checked ~ #back #kozo1-m14,
#kozo1-23:checked ~ #back #kozo1-m24,
#kozo1-33:checked ~ #back #kozo1-m34,
#kozo2-00:checked ~ #back #kozo2-m01,
#kozo2-10:checked ~ #back #kozo2-m11,
#kozo2-20:checked ~ #back #kozo2-m21,
#kozo2-30:checked ~ #back #kozo2-m31,
#kozo2-01:checked ~ #back #kozo2-m02,
#kozo2-11:checked ~ #back #kozo2-m12,
#kozo2-21:checked ~ #back #kozo2-m22,
#kozo2-31:checked ~ #back #kozo2-m32,
#kozo2-02:checked ~ #back #kozo2-m03,
#kozo2-12:checked ~ #back #kozo2-m13,
#kozo2-22:checked ~ #back #kozo2-m23,
#kozo2-32:checked ~ #back #kozo2-m33,
#kozo2-03:checked ~ #back #kozo2-m04,
#kozo2-13:checked ~ #back #kozo2-m14,
#kozo2-23:checked ~ #back #kozo2-m24,
#kozo2-33:checked ~ #back #kozo2-m34,
#kozo3-00:checked ~ #back #kozo3-m01,
#kozo3-10:checked ~ #back #kozo3-m11,
#kozo3-20:checked ~ #back #kozo3-m21,
#kozo3-30:checked ~ #back #kozo3-m31,
#kozo3-01:checked ~ #back #kozo3-m02,
#kozo3-11:checked ~ #back #kozo3-m12,
#kozo3-21:checked ~ #back #kozo3-m22,
#kozo3-31:checked ~ #back #kozo3-m32,
#kozo3-02:checked ~ #back #kozo3-m03,
#kozo3-12:checked ~ #back #kozo3-m13,
#kozo3-22:checked ~ #back #kozo3-m23,
#kozo3-32:checked ~ #back #kozo3-m33,
#kozo3-03:checked ~ #back #kozo3-m04,
#kozo3-13:checked ~ #back #kozo3-m14,
#kozo3-23:checked ~ #back #kozo3-m24,
#kozo3-33:checked ~ #back #kozo3-m34,
#kozo4-00:checked ~ #back #kozo4-m01,
#kozo4-10:checked ~ #back #kozo4-m11,
#kozo4-20:checked ~ #back #kozo4-m21,
#kozo4-30:checked ~ #back #kozo4-m31,
#kozo4-01:checked ~ #back #kozo4-m02,
#kozo4-11:checked ~ #back #kozo4-m12,
#kozo4-21:checked ~ #back #kozo4-m22,
#kozo4-31:checked ~ #back #kozo4-m32,
#kozo4-02:checked ~ #back #kozo4-m03,
#kozo4-12:checked ~ #back #kozo4-m13,
#kozo4-22:checked ~ #back #kozo4-m23,
#kozo4-32:checked ~ #back #kozo4-m33,
#kozo4-03:checked ~ #back #kozo4-m04,
#kozo4-13:checked ~ #back #kozo4-m14,
#kozo4-23:checked ~ #back #kozo4-m24,
#kozo4-33:checked ~ #back #kozo4-m34,
#kozo1-init:checked ~ #init-1:checked ~ #back #kozo1-m14,
#kozo1-init:checked ~ #init-2:checked ~ #back #kozo1-m04,
#kozo1-init:checked ~ #init-3:checked ~ #back #kozo1-m31,
#kozo1-init:checked ~ #init-4:checked ~ #back #kozo1-m01,
#kozo2-init:checked ~ #init-1:checked ~ #back #kozo2-m24,
#kozo2-init:checked ~ #init-2:checked ~ #back #kozo2-m34,
#kozo2-init:checked ~ #init-3:checked ~ #back #kozo2-m32,
#kozo2-init:checked ~ #init-4:checked ~ #back #kozo2-m11,
#kozo3-init:checked ~ #init-3:checked ~ #back #kozo3-m33,
#kozo3-init:checked ~ #init-4:checked ~ #back #kozo3-m24,
#kozo4-init:checked ~ #init-3:checked ~ #back #kozo4-m34,
#kozo4-init:checked ~ #init-4:checked ~ #back #kozo4-m34 {
z-index:var(--zd);
top:calc(var(--ru) * 40px);
--vert1:calc(var(--rl) * 80px);
--vert2:calc((1 - var(--rr)) * 80px);
}
/* 矢印 */
.arrow {
position:absolute;
left:0;
top:0;
width:28px;
height:24px;
background-color:blue;
clip-path:polygon(0px 12px, 12px 0px, 12px 8px, 28px 8px, 28px 16px, 12px 16px, 12px 24px);
transform-origin:0 0;
pointer-events:none;
visibility:hidden;
}
.block-m0y:hover ~ .arrow {
--dest-x:0;
}
.block-m1y:hover ~ .arrow {
--dest-x:1;
}
.block-m2y:hover ~ .arrow {
--dest-x:2;
}
.block-m3y:hover ~ .arrow {
--dest-x:3;
}
.block-mx0:hover ~ .arrow {
--dest-y:0;
}
.block-mx1:hover ~ .arrow {
--dest-y:1;
}
.block-mx2:hover ~ .arrow {
--dest-y:2;
}
.block-mx3:hover ~ .arrow {
--dest-y:3;
}
.block-mx4:hover ~ .arrow {
--dest-y:4;
}
/* ブロック位置 */
/* 娘 */
:is(#musume-00, #musume-01, #musume-02, #musume-03):checked ~ #back,
#musume-init:checked ~ #init-4:checked ~ #back {
--musume-x:0;
}
:is(#musume-10, #musume-11, #musume-12, #musume-13):checked ~ #back,
#musume-init:checked ~ #init-1:checked ~ #back,
#musume-init:checked ~ #init-2:checked ~ #back,
#musume-init:checked ~ #init-3:checked ~ #back {
--musume-x:1;
}
:is(#musume-20, #musume-21, #musume-22, #musume-23):checked ~ #back {
--musume-x:2;
}
:is(#musume-00, #musume-10, #musume-20):checked ~ #back,
#musume-init:checked ~ #init-1:checked ~ #back,
#musume-init:checked ~ #init-2:checked ~ #back,
#musume-init:checked ~ #init-3:checked ~ #back {
--musume-y:0;
}
:is(#musume-01, #musume-11, #musume-21):checked ~ #back,
#musume-init:checked ~ #init-4:checked ~ #back {
--musume-y:1;
}
:is(#musume-02, #musume-12, #musume-22):checked ~ #back {
--musume-y:2;
}
:is(#musume-03, #musume-13, #musume-23):checked ~ #back {
--musume-y:3;
}
/* 父親 */
:is(#chichi-00, #chichi-01, #chichi-02, #chichi-03):checked ~ #back,
#chichi-init:checked ~ #init-1:checked ~ #back,
#chichi-init:checked ~ #init-2:checked ~ #back,
#chichi-init:checked ~ #init-3:checked ~ #back {
--chichi-x:0;
}
:is(#chichi-10, #chichi-11, #chichi-12, #chichi-13):checked ~ #back {
--chichi-x:1;
}
:is(#chichi-20, #chichi-21, #chichi-22, #chichi-23):checked ~ #back,
#chichi-init:checked ~ #init-4:checked ~ #back {
--chichi-x:2;
}
:is(#chichi-30, #chichi-31, #chichi-32, #chichi-33):checked ~ #back {
--chichi-x:3;
}
:is(#chichi-00, #chichi-10, #chichi-20, #chichi-30):checked ~ #back,
#chichi-init:checked ~ #init-1:checked ~ #back,
#chichi-init:checked ~ #init-3:checked ~ #back,
#chichi-init:checked ~ #init-4:checked ~ #back {
--chichi-y:0;
}
:is(#chichi-01, #chichi-11, #chichi-21, #chichi-31):checked ~ #back,
#chichi-init:checked ~ #init-2:checked ~ #back {
--chichi-y:1;
}
:is(#chichi-02, #chichi-12, #chichi-22, #chichi-32):checked ~ #back {
--chichi-y:2;
}
:is(#chichi-03, #chichi-13, #chichi-23, #chichi-33):checked ~ #back {
--chichi-y:3;
}
/* 母親 */
:is(#haha-00, #haha-01, #haha-02, #haha-03):checked ~ #back,
#haha-init:checked ~ #init-3:checked ~ #back {
--haha-x:0;
}
:is(#haha-10, #haha-11, #haha-12, #haha-13):checked ~ #back {
--haha-x:1;
}
:is(#haha-20, #haha-21, #haha-22, #haha-23):checked ~ #back {
--haha-x:2;
}
:is(#haha-30, #haha-31, #haha-32, #haha-33):checked ~ #back,
#haha-init:checked ~ #init-1:checked ~ #back,
#haha-init:checked ~ #init-2:checked ~ #back,
#haha-init:checked ~ #init-4:checked ~ #back {
--haha-x:3;
}
:is(#haha-00, #haha-10, #haha-20, #haha-30):checked ~ #back,
#haha-init:checked ~ #init-1:checked ~ #back,
#haha-init:checked ~ #init-4:checked ~ #back {
--haha-y:0;
}
:is(#haha-01, #haha-11, #haha-21, #haha-31):checked ~ #back,
#haha-init:checked ~ #init-2:checked ~ #back {
--haha-y:1;
}
:is(#haha-02, #haha-12, #haha-22, #haha-32):checked ~ #back,
#haha-init:checked ~ #init-3:checked ~ #back {
--haha-y:2;
}
:is(#haha-03, #haha-13, #haha-23, #haha-33):checked ~ #back {
--haha-y:3;
}
/* 番頭 */
:is(#banto-00, #banto-01, #banto-02, #banto-03, #banto-04):checked ~ #back,
#banto-init:checked ~ #init-2:checked ~ #back {
--banto-x:0;
}
:is(#banto-10, #banto-11, #banto-12, #banto-13, #banto-14):checked ~ #back,
#banto-init:checked ~ #init-1:checked ~ #back,
#banto-init:checked ~ #init-3:checked ~ #back {
--banto-x:1;
}
:is(#banto-20, #banto-21, #banto-22, #banto-23, #banto-24):checked ~ #back,
#banto-init:checked ~ #init-4:checked ~ #back {
--banto-x:2;
}
:is(#banto-00, #banto-10, #banto-20):checked ~ #back {
--banto-y:0;
}
:is(#banto-01, #banto-11, #banto-21):checked ~ #back {
--banto-y:1;
}
:is(#banto-02, #banto-12, #banto-22):checked ~ #back,
#banto-init:checked ~ #init-1:checked ~ #back,
#banto-init:checked ~ #init-4:checked ~ #back {
--banto-y:2;
}
:is(#banto-03, #banto-13, #banto-23):checked ~ #back {
--banto-y:3;
}
:is(#banto-04, #banto-14, #banto-24):checked ~ #back,
#banto-init:checked ~ #init-2:checked ~ #back,
#banto-init:checked ~ #init-3:checked ~ #back {
--banto-y:4;
}
/* 下男 */
:is(#genan-00, #genan-01, #genan-02, #genan-03):checked ~ #back,
#genan-init:checked ~ #init-1:checked ~ #back,
#genan-init:checked ~ #init-4:checked ~ #back {
--genan-x:0;
}
:is(#genan-10, #genan-11, #genan-12, #genan-13):checked ~ #back,
#genan-init:checked ~ #init-2:checked ~ #back,
#genan-init:checked ~ #init-3:checked ~ #back {
--genan-x:1;
}
:is(#genan-20, #genan-21, #genan-22, #genan-23):checked ~ #back {
--genan-x:2;
}
:is(#genan-30, #genan-31, #genan-32, #genan-33):checked ~ #back {
--genan-x:3;
}
:is(#genan-00, #genan-10, #genan-20, #genan-30):checked ~ #back {
--genan-y:0;
}
:is(#genan-01, #genan-11, #genan-21, #genan-31):checked ~ #back {
--genan-y:1;
}
:is(#genan-02, #genan-12, #genan-22, #genan-32):checked ~ #back,
#genan-init:checked ~ #init-1:checked ~ #back,
#genan-init:checked ~ #init-2:checked ~ #back,
#genan-init:checked ~ #init-3:checked ~ #back {
--genan-y:2;
}
:is(#genan-03, #genan-13, #genan-23, #genan-33):checked ~ #back,
#genan-init:checked ~ #init-4:checked ~ #back {
--genan-y:3;
}
/* 下女 */
:is(#gejyo-00, #gejyo-01, #gejyo-02, #gejyo-03):checked ~ #back {
--gejyo-x:0;
}
:is(#gejyo-10, #gejyo-11, #gejyo-12, #gejyo-13):checked ~ #back,
#gejyo-init:checked ~ #init-4:checked ~ #back {
--gejyo-x:1;
}
:is(#gejyo-20, #gejyo-21, #gejyo-22, #gejyo-23):checked ~ #back,
#gejyo-init:checked ~ #init-2:checked ~ #back,
#gejyo-init:checked ~ #init-3:checked ~ #back {
--gejyo-x:2;
}
:is(#gejyo-30, #gejyo-31, #gejyo-32, #gejyo-33):checked ~ #back,
#gejyo-init:checked ~ #init-1:checked ~ #back {
--gejyo-x:3;
}
:is(#gejyo-00, #gejyo-10, #gejyo-20, #gejyo-30):checked ~ #back {
--gejyo-y:0;
}
:is(#gejyo-01, #gejyo-11, #gejyo-21, #gejyo-31):checked ~ #back {
--gejyo-y:1;
}
:is(#gejyo-02, #gejyo-12, #gejyo-22, #gejyo-32):checked ~ #back,
#gejyo-init:checked ~ #init-1:checked ~ #back,
#gejyo-init:checked ~ #init-2:checked ~ #back,
#gejyo-init:checked ~ #init-3:checked ~ #back {
--gejyo-y:2;
}
:is(#gejyo-03, #gejyo-13, #gejyo-23, #gejyo-33):checked ~ #back,
#gejyo-init:checked ~ #init-4:checked ~ #back {
--gejyo-y:3;
}
/* 小僧 1 */
:is(#kozo1-00, #kozo1-01, #kozo1-02, #kozo1-03, #kozo1-04):checked ~ #back,
#kozo1-init:checked ~ #init-2:checked ~ #back,
#kozo1-init:checked ~ #init-4:checked ~ #back {
--kozo1-x:0;
}
:is(#kozo1-10, #kozo1-11, #kozo1-12, #kozo1-13, #kozo1-14):checked ~ #back,
#kozo1-init:checked ~ #init-1:checked ~ #back {
--kozo1-x:1;
}
:is(#kozo1-20, #kozo1-21, #kozo1-22, #kozo1-23, #kozo1-24):checked ~ #back {
--kozo1-x:2;
}
:is(#kozo1-30, #kozo1-31, #kozo1-32, #kozo1-33, #kozo1-34):checked ~ #back,
#kozo1-init:checked ~ #init-3:checked ~ #back {
--kozo1-x:3;
}
:is(#kozo1-00, #kozo1-10, #kozo1-20, #kozo1-30):checked ~ #back,
#kozo1-init:checked ~ #init-3:checked ~ #back,
#kozo1-init:checked ~ #init-4:checked ~ #back {
--kozo1-y:0;
}
:is(#kozo1-01, #kozo1-11, #kozo1-21, #kozo1-31):checked ~ #back {
--kozo1-y:1;
}
:is(#kozo1-02, #kozo1-12, #kozo1-22, #kozo1-32):checked ~ #back {
--kozo1-y:2;
}
:is(#kozo1-03, #kozo1-13, #kozo1-23, #kozo1-33):checked ~ #back,
#kozo1-init:checked ~ #init-1:checked ~ #back,
#kozo1-init:checked ~ #init-2:checked ~ #back {
--kozo1-y:3;
}
:is(#kozo1-04, #kozo1-14, #kozo1-24, #kozo1-34):checked ~ #back {
--kozo1-y:4;
}
/* 小僧 2 */
:is(#kozo2-00, #kozo2-01, #kozo2-02, #kozo2-03, #kozo2-04):checked ~ #back {
--kozo2-x:0;
}
:is(#kozo2-10, #kozo2-11, #kozo2-12, #kozo2-13, #kozo2-14):checked ~ #back,
#kozo2-init:checked ~ #init-4:checked ~ #back {
--kozo2-x:1;
}
:is(#kozo2-20, #kozo2-21, #kozo2-22, #kozo2-23, #kozo2-24):checked ~ #back,
#kozo2-init:checked ~ #init-1:checked ~ #back {
--kozo2-x:2;
}
:is(#kozo2-30, #kozo2-31, #kozo2-32, #kozo2-33, #kozo2-34):checked ~ #back,
#kozo2-init:checked ~ #init-2:checked ~ #back,
#kozo2-init:checked ~ #init-3:checked ~ #back {
--kozo2-x:3;
}
:is(#kozo2-00, #kozo2-10, #kozo2-20, #kozo2-30):checked ~ #back,
#kozo2-init:checked ~ #init-4:checked ~ #back {
--kozo2-y:0;
}
:is(#kozo2-01, #kozo2-11, #kozo2-21, #kozo2-31):checked ~ #back,
#kozo2-init:checked ~ #init-3:checked ~ #back {
--kozo2-y:1;
}
:is(#kozo2-02, #kozo2-12, #kozo2-22, #kozo2-32):checked ~ #back {
--kozo2-y:2;
}
:is(#kozo2-03, #kozo2-13, #kozo2-23, #kozo2-33):checked ~ #back,
#kozo2-init:checked ~ #init-1:checked ~ #back,
#kozo2-init:checked ~ #init-2:checked ~ #back {
--kozo2-y:3;
}
:is(#kozo2-04, #kozo2-14, #kozo2-24, #kozo2-34):checked ~ #back {
--kozo2-y:4;
}
/* 小僧 3 */
:is(#kozo3-00, #kozo3-01, #kozo3-02, #kozo3-03, #kozo3-04):checked ~ #back,
#kozo3-init:checked ~ #init-1:checked ~ #back {
--kozo3-x:0;
}
:is(#kozo3-10, #kozo3-11, #kozo3-12, #kozo3-13, #kozo3-14):checked ~ #back {
--kozo3-x:1;
}
:is(#kozo3-20, #kozo3-21, #kozo3-22, #kozo3-23, #kozo3-24):checked ~ #back,
#kozo3-init:checked ~ #init-2:checked ~ #back,
#kozo3-init:checked ~ #init-4:checked ~ #back {
--kozo3-x:2;
}
:is(#kozo3-30, #kozo3-31, #kozo3-32, #kozo3-33, #kozo3-34):checked ~ #back,
#kozo3-init:checked ~ #init-3:checked ~ #back {
--kozo3-x:3;
}
:is(#kozo3-00, #kozo3-10, #kozo3-20, #kozo3-30):checked ~ #back {
--kozo3-y:0;
}
:is(#kozo3-01, #kozo3-11, #kozo3-21, #kozo3-31):checked ~ #back {
--kozo3-y:1;
}
:is(#kozo3-02, #kozo3-12, #kozo3-22, #kozo3-32):checked ~ #back,
#kozo3-init:checked ~ #init-3:checked ~ #back {
--kozo3-y:2;
}
:is(#kozo3-03, #kozo3-13, #kozo3-23, #kozo3-33):checked ~ #back,
#kozo3-init:checked ~ #init-4:checked ~ #back {
--kozo3-y:3;
}
:is(#kozo3-04, #kozo3-14, #kozo3-24, #kozo3-34):checked ~ #back,
#kozo3-init:checked ~ #init-1:checked ~ #back,
#kozo3-init:checked ~ #init-2:checked ~ #back {
--kozo3-y:4;
}
/* 小僧 4 */
:is(#kozo4-00, #kozo4-01, #kozo4-02, #kozo4-03, #kozo4-04):checked ~ #back {
--kozo4-x:0;
}
:is(#kozo4-10, #kozo4-11, #kozo4-12, #kozo4-13, #kozo4-14):checked ~ #back {
--kozo4-x:1;
}
:is(#kozo4-20, #kozo4-21, #kozo4-22, #kozo4-23, #kozo4-24):checked ~ #back {
--kozo4-x:2;
}
:is(#kozo4-30, #kozo4-31, #kozo4-32, #kozo4-33, #kozo4-34):checked ~ #back,
#kozo4-init:checked ~ #init-1:checked ~ #back,
#kozo4-init:checked ~ #init-2:checked ~ #back,
#kozo4-init:checked ~ #init-3:checked ~ #back,
#kozo4-init:checked ~ #init-4:checked ~ #back {
--kozo4-x:3;
}
:is(#kozo4-00, #kozo4-10, #kozo4-20, #kozo4-30):checked ~ #back {
--kozo4-y:0;
}
:is(#kozo4-01, #kozo4-11, #kozo4-21, #kozo4-31):checked ~ #back {
--kozo4-y:1;
}
:is(#kozo4-02, #kozo4-12, #kozo4-22, #kozo4-32):checked ~ #back {
--kozo4-y:2;
}
:is(#kozo4-03, #kozo4-13, #kozo4-23, #kozo4-33):checked ~ #back,
#kozo4-init:checked ~ #init-3:checked ~ #back,
#kozo4-init:checked ~ #init-4:checked ~ #back {
--kozo4-y:3;
}
:is(#kozo4-04, #kozo4-14, #kozo4-24, #kozo4-34):checked ~ #back,
#kozo4-init:checked ~ #init-1:checked ~ #back,
#kozo4-init:checked ~ #init-2:checked ~ #back {
--kozo4-y:4;
}
/* 空き位置計算用 */
:is(#musume-00, #chichi-00, #haha-00, #banto-00, #genan-00, #gejyo-00,
#kozo1-00, #kozo2-00, #kozo3-00, #kozo4-00):checked ~ #back,
#chichi-init:checked ~ #init-1:checked ~ #back,
#chichi-init:checked ~ #init-3:checked ~ #back,
#kozo1-init:checked ~ #init-4:checked ~ #back {
--p00:-1;
}
:is(#musume-00, #musume-10, #chichi-10, #haha-10, #banto-00, #banto-10, #genan-10, #gejyo-10,
#kozo1-10, #kozo2-10, #kozo3-10, #kozo4-10):checked ~ #back,
#musume-init:checked ~ #init-1:checked ~ #back,
#musume-init:checked ~ #init-2:checked ~ #back,
#musume-init:checked ~ #init-3:checked ~ #back,
#kozo2-init:checked ~ #init-4:checked ~ #back {
--p10:-1;
}
:is(#musume-10, #musume-20, #chichi-20, #haha-20, #banto-10, #banto-20, #genan-20, #gejyo-20,
#kozo1-20, #kozo2-20, #kozo3-20, #kozo4-20):checked ~ #back,
#musume-init:checked ~ #init-1:checked ~ #back,
#musume-init:checked ~ #init-2:checked ~ #back,
#musume-init:checked ~ #init-3:checked ~ #back,
#chichi-init:checked ~ #init-4:checked ~ #back {
--p20:-1;
}
:is(#musume-20, #chichi-30, #haha-30, #banto-20, #genan-30, #gejyo-30,
#kozo1-30, #kozo2-30, #kozo3-30, #kozo4-30):checked ~ #back,
#haha-init:checked ~ #init-1:checked ~ #back,
#haha-init:checked ~ #init-4:checked ~ #back,
#kozo1-init:checked ~ #init-3:checked ~ #back {
--p30:-1;
}
:is(#musume-00, #musume-01, #chichi-00, #chichi-01, #haha-00, #haha-01,
#banto-01, #genan-00, #genan-01, #gejyo-00, #gejyo-01,
#kozo1-01, #kozo2-01, #kozo3-01, #kozo4-01):checked ~ #back,
#musume-init:checked ~ #init-4:checked ~ #back,
#chichi-init:checked ~ #init-1:checked ~ #back,
#chichi-init:checked ~ #init-2:checked ~ #back,
#chichi-init:checked ~ #init-3:checked ~ #back {
--p01:-1;
}
:is(#musume-00, #musume-10, #musume-01, #musume-11, #chichi-10, #chichi-11, #haha-10, #haha-11,
#banto-01, #banto-11, #genan-10, #genan-11, #gejyo-10, #gejyo-11,
#kozo1-11, #kozo2-11, #kozo3-11, #kozo4-11):checked ~ #back,
#musume-init:checked ~ #init-1:checked ~ #back,
#musume-init:checked ~ #init-2:checked ~ #back,
#musume-init:checked ~ #init-3:checked ~ #back,
#musume-init:checked ~ #init-4:checked ~ #back {
--p11:-1;
}
:is(#musume-10, #musume-20, #musume-11, #musume-21, #chichi-20, #chichi-21, #haha-20, #haha-21,
#banto-11, #banto-21, #genan-20, #genan-21, #gejyo-20, #gejyo-21,
#kozo1-21, #kozo2-21, #kozo3-21, #kozo4-21):checked ~ #back,
#musume-init:checked ~ #init-1:checked ~ #back,
#musume-init:checked ~ #init-2:checked ~ #back,
#musume-init:checked ~ #init-3:checked ~ #back,
#chichi-init:checked ~ #init-4:checked ~ #back {
--p21:-1;
}
:is(#musume-20, #musume-21, #chichi-30, #chichi-31, #haha-30, #haha-31,
#banto-21, #genan-30, #genan-31, #gejyo-30, #gejyo-31,
#kozo1-31, #kozo2-31, #kozo3-31, #kozo4-31):checked ~ #back,
#haha-init:checked ~ #init-1:checked ~ #back,
#haha-init:checked ~ #init-2:checked ~ #back,
#haha-init:checked ~ #init-4:checked ~ #back,
#kozo2-init:checked ~ #init-3:checked ~ #back {
--p31:-1;
}
:is(#musume-01, #musume-02, #chichi-01, #chichi-02, #haha-01, #haha-02,
#banto-02, #genan-01, #genan-02, #gejyo-01, #gejyo-02,
#kozo1-02, #kozo2-02, #kozo3-02, #kozo4-02):checked ~ #back,
#musume-init:checked ~ #init-4:checked ~ #back,
#chichi-init:checked ~ #init-2:checked ~ #back,
#haha-init:checked ~ #init-3:checked ~ #back,
#genan-init:checked ~ #init-1:checked ~ #back {
--p02:-1;
}
:is(#musume-01, #musume-11, #musume-02, #musume-12, #chichi-11, #chichi-12, #haha-11, #haha-12,
#banto-02, #banto-12, #genan-11, #genan-12, #gejyo-11, #gejyo-12,
#kozo1-12, #kozo2-12, #kozo3-12, #kozo4-12):checked ~ #back,
#musume-init:checked ~ #init-4:checked ~ #back,
#banto-init:checked ~ #init-1:checked ~ #back,
#genan-init:checked ~ #init-2:checked ~ #back,
#genan-init:checked ~ #init-3:checked ~ #back {
--p12:-1;
}
:is(#musume-11, #musume-21, #musume-12, #musume-22, #chichi-21, #chichi-22, #haha-21, #haha-22,
#banto-12, #banto-22, #genan-21, #genan-22, #gejyo-21, #gejyo-22,
#kozo1-22, #kozo2-22, #kozo3-22, #kozo4-22):checked ~ #back,
#banto-init:checked ~ #init-1:checked ~ #back,
#banto-init:checked ~ #init-4:checked ~ #back,
#gejyo-init:checked ~ #init-2:checked ~ #back,
#gejyo-init:checked ~ #init-3:checked ~ #back {
--p22:-1;
}
:is(#musume-21, #musume-22, #chichi-31, #chichi-32, #haha-31, #haha-32,
#banto-22, #genan-31, #genan-32, #gejyo-31, #gejyo-32,
#kozo1-32, #kozo2-32, #kozo3-32, #kozo4-32):checked ~ #back,
#haha-init:checked ~ #init-2:checked ~ #back,
#banto-init:checked ~ #init-4:checked ~ #back,
#gejyo-init:checked ~ #init-1:checked ~ #back,
#kozo3-init:checked ~ #init-3:checked ~ #back {
--p32:-1;
}
:is(#musume-02, #musume-03, #chichi-02, #chichi-03, #haha-02, #haha-03,
#banto-03, #genan-02, #genan-03, #gejyo-02, #gejyo-03,
#kozo1-03, #kozo2-03, #kozo3-03, #kozo4-03):checked ~ #back,
#haha-init:checked ~ #init-3:checked ~ #back,
#genan-init:checked ~ #init-1:checked ~ #back,
#genan-init:checked ~ #init-4:checked ~ #back,
#kozo1-init:checked ~ #init-2:checked ~ #back {
--p03:-1;
}
:is(#musume-02, #musume-12, #musume-03, #musume-13, #chichi-12, #chichi-13, #haha-12, #haha-13,
#banto-03, #banto-13, #genan-12, #genan-13, #gejyo-12, #gejyo-13,
#kozo1-13, #kozo2-13, #kozo3-13, #kozo4-13):checked ~ #back,
#genan-init:checked ~ #init-2:checked ~ #back,
#genan-init:checked ~ #init-3:checked ~ #back,
#gejyo-init:checked ~ #init-4:checked ~ #back,
#kozo1-init:checked ~ #init-1:checked ~ #back {
--p13:-1;
}
:is(#musume-12, #musume-22, #musume-13, #musume-23, #chichi-22, #chichi-23, #haha-22, #haha-23,
#banto-13, #banto-23, #genan-22, #genan-23, #gejyo-22, #gejyo-23,
#kozo1-23, #kozo2-23, #kozo3-23, #kozo4-23):checked ~ #back,
#gejyo-init:checked ~ #init-2:checked ~ #back,
#gejyo-init:checked ~ #init-3:checked ~ #back,
#kozo2-init:checked ~ #init-1:checked ~ #back,
#kozo3-init:checked ~ #init-4:checked ~ #back {
--p23:-1;
}
:is(#musume-22, #musume-23, #chichi-32, #chichi-33, #haha-32, #haha-33,
#banto-23, #genan-32, #genan-33, #gejyo-32, #gejyo-33,
#kozo1-33, #kozo2-33, #kozo3-33, #kozo4-33):checked ~ #back,
#gejyo-init:checked ~ #init-1:checked ~ #back,
#kozo2-init:checked ~ #init-2:checked ~ #back,
#kozo4-init:checked ~ #init-3:checked ~ #back,
#kozo4-init:checked ~ #init-4:checked ~ #back {
--p33:-1;
}
:is(#musume-03, #chichi-03, #haha-03, #banto-04, #genan-03, #gejyo-03,
#kozo1-04, #kozo2-04, #kozo3-04, #kozo4-04):checked ~ #back,
#banto-init:checked ~ #init-2:checked ~ #back,
#genan-init:checked ~ #init-4:checked ~ #back,
#kozo3-init:checked ~ #init-1:checked ~ #back {
--p04:-1;
}
:is(#musume-03, #musume-13, #chichi-13, #haha-13, #banto-04, #banto-14, #genan-13, #gejyo-13,
#kozo1-14, #kozo2-14, #kozo3-14, #kozo4-14):checked ~ #back,
#banto-init:checked ~ #init-2:checked ~ #back,
#banto-init:checked ~ #init-3:checked ~ #back,
#gejyo-init:checked ~ #init-4:checked ~ #back {
--p14:-1;
}
:is(#musume-13, #musume-23, #chichi-23, #haha-23, #banto-14, #banto-24, #genan-23, #gejyo-23,
#kozo1-24, #kozo2-24, #kozo3-24, #kozo4-24):checked ~ #back,
#banto-init:checked ~ #init-3:checked ~ #back,
#kozo3-init:checked ~ #init-2:checked ~ #back {
--p24:-1;
}
:is(#musume-23, #chichi-33, #haha-33,#banto-24, #genan-33, #gejyo-33,
#kozo1-34, #kozo2-34, #kozo3-34, #kozo4-34):checked ~ #back,
#kozo4-init:checked ~ #init-1:checked ~ #back,
#kozo4-init:checked ~ #init-2:checked ~ #back {
--p34:-1;
}
-->
</STYLE>
</HEAD>
<BODY>
<BR>
<DIV ID="title">スタイルシート 箱入り娘</DIV>
<BR>
<FORM>
<INPUT TYPE=RESET ID="reset_">
<!-- 娘 -->
<INPUT TYPE=RADIO NAME="musume" ID="musume-init" CHECKED>
<INPUT TYPE=RADIO NAME="musume" ID="musume-00" CLASS="musume">
<INPUT TYPE=RADIO NAME="musume" ID="musume-10" CLASS="musume">
<INPUT TYPE=RADIO NAME="musume" ID="musume-20" CLASS="musume">
<INPUT TYPE=RADIO NAME="musume" ID="musume-01" CLASS="musume">
<INPUT TYPE=RADIO NAME="musume" ID="musume-11" CLASS="musume">
<INPUT TYPE=RADIO NAME="musume" ID="musume-21" CLASS="musume">
<INPUT TYPE=RADIO NAME="musume" ID="musume-02" CLASS="musume">
<INPUT TYPE=RADIO NAME="musume" ID="musume-12" CLASS="musume">
<INPUT TYPE=RADIO NAME="musume" ID="musume-22" CLASS="musume">
<INPUT TYPE=RADIO NAME="musume" ID="musume-03" CLASS="musume">
<INPUT TYPE=RADIO NAME="musume" ID="musume-13" CLASS="musume">
<INPUT TYPE=RADIO NAME="musume" ID="musume-23" CLASS="musume">
<!-- 父親 -->
<INPUT TYPE=RADIO NAME="chichi" ID="chichi-init" CHECKED>
<INPUT TYPE=RADIO NAME="chichi" ID="chichi-00" CLASS="chichi">
<INPUT TYPE=RADIO NAME="chichi" ID="chichi-10" CLASS="chichi">
<INPUT TYPE=RADIO NAME="chichi" ID="chichi-20" CLASS="chichi">
<INPUT TYPE=RADIO NAME="chichi" ID="chichi-30" CLASS="chichi">
<INPUT TYPE=RADIO NAME="chichi" ID="chichi-01" CLASS="chichi">
<INPUT TYPE=RADIO NAME="chichi" ID="chichi-11" CLASS="chichi">
<INPUT TYPE=RADIO NAME="chichi" ID="chichi-21" CLASS="chichi">
<INPUT TYPE=RADIO NAME="chichi" ID="chichi-31" CLASS="chichi">
<INPUT TYPE=RADIO NAME="chichi" ID="chichi-02" CLASS="chichi">
<INPUT TYPE=RADIO NAME="chichi" ID="chichi-12" CLASS="chichi">
<INPUT TYPE=RADIO NAME="chichi" ID="chichi-22" CLASS="chichi">
<INPUT TYPE=RADIO NAME="chichi" ID="chichi-32" CLASS="chichi">
<INPUT TYPE=RADIO NAME="chichi" ID="chichi-03" CLASS="chichi">
<INPUT TYPE=RADIO NAME="chichi" ID="chichi-13" CLASS="chichi">
<INPUT TYPE=RADIO NAME="chichi" ID="chichi-23" CLASS="chichi">
<INPUT TYPE=RADIO NAME="chichi" ID="chichi-33" CLASS="chichi">
<!-- 母親 -->
<INPUT TYPE=RADIO NAME="haha" ID="haha-init" CHECKED>
<INPUT TYPE=RADIO NAME="haha" ID="haha-00" CLASS="haha">
<INPUT TYPE=RADIO NAME="haha" ID="haha-10" CLASS="haha">
<INPUT TYPE=RADIO NAME="haha" ID="haha-20" CLASS="haha">
<INPUT TYPE=RADIO NAME="haha" ID="haha-30" CLASS="haha">
<INPUT TYPE=RADIO NAME="haha" ID="haha-01" CLASS="haha">
<INPUT TYPE=RADIO NAME="haha" ID="haha-11" CLASS="haha">
<INPUT TYPE=RADIO NAME="haha" ID="haha-21" CLASS="haha">
<INPUT TYPE=RADIO NAME="haha" ID="haha-31" CLASS="haha">
<INPUT TYPE=RADIO NAME="haha" ID="haha-02" CLASS="haha">
<INPUT TYPE=RADIO NAME="haha" ID="haha-12" CLASS="haha">
<INPUT TYPE=RADIO NAME="haha" ID="haha-22" CLASS="haha">
<INPUT TYPE=RADIO NAME="haha" ID="haha-32" CLASS="haha">
<INPUT TYPE=RADIO NAME="haha" ID="haha-03" CLASS="haha">
<INPUT TYPE=RADIO NAME="haha" ID="haha-13" CLASS="haha">
<INPUT TYPE=RADIO NAME="haha" ID="haha-23" CLASS="haha">
<INPUT TYPE=RADIO NAME="haha" ID="haha-33" CLASS="haha">
<!-- 番頭 -->
<INPUT TYPE=RADIO NAME="banto" ID="banto-init" CHECKED>
<INPUT TYPE=RADIO NAME="banto" ID="banto-00" CLASS="banto">
<INPUT TYPE=RADIO NAME="banto" ID="banto-10" CLASS="banto">
<INPUT TYPE=RADIO NAME="banto" ID="banto-20" CLASS="banto">
<INPUT TYPE=RADIO NAME="banto" ID="banto-01" CLASS="banto">
<INPUT TYPE=RADIO NAME="banto" ID="banto-11" CLASS="banto">
<INPUT TYPE=RADIO NAME="banto" ID="banto-21" CLASS="banto">
<INPUT TYPE=RADIO NAME="banto" ID="banto-02" CLASS="banto">
<INPUT TYPE=RADIO NAME="banto" ID="banto-12" CLASS="banto">
<INPUT TYPE=RADIO NAME="banto" ID="banto-22" CLASS="banto">
<INPUT TYPE=RADIO NAME="banto" ID="banto-03" CLASS="banto">
<INPUT TYPE=RADIO NAME="banto" ID="banto-13" CLASS="banto">
<INPUT TYPE=RADIO NAME="banto" ID="banto-23" CLASS="banto">
<INPUT TYPE=RADIO NAME="banto" ID="banto-04" CLASS="banto">
<INPUT TYPE=RADIO NAME="banto" ID="banto-14" CLASS="banto">
<INPUT TYPE=RADIO NAME="banto" ID="banto-24" CLASS="banto">
<!-- 下男 -->
<INPUT TYPE=RADIO NAME="genan" ID="genan-init" CHECKED>
<INPUT TYPE=RADIO NAME="genan" ID="genan-00" CLASS="genan">
<INPUT TYPE=RADIO NAME="genan" ID="genan-10" CLASS="genan">
<INPUT TYPE=RADIO NAME="genan" ID="genan-20" CLASS="genan">
<INPUT TYPE=RADIO NAME="genan" ID="genan-30" CLASS="genan">
<INPUT TYPE=RADIO NAME="genan" ID="genan-01" CLASS="genan">
<INPUT TYPE=RADIO NAME="genan" ID="genan-11" CLASS="genan">
<INPUT TYPE=RADIO NAME="genan" ID="genan-21" CLASS="genan">
<INPUT TYPE=RADIO NAME="genan" ID="genan-31" CLASS="genan">
<INPUT TYPE=RADIO NAME="genan" ID="genan-02" CLASS="genan">
<INPUT TYPE=RADIO NAME="genan" ID="genan-12" CLASS="genan">
<INPUT TYPE=RADIO NAME="genan" ID="genan-22" CLASS="genan">
<INPUT TYPE=RADIO NAME="genan" ID="genan-32" CLASS="genan">
<INPUT TYPE=RADIO NAME="genan" ID="genan-03" CLASS="genan">
<INPUT TYPE=RADIO NAME="genan" ID="genan-13" CLASS="genan">
<INPUT TYPE=RADIO NAME="genan" ID="genan-23" CLASS="genan">
<INPUT TYPE=RADIO NAME="genan" ID="genan-33" CLASS="genan">
<!-- 下女 -->
<INPUT TYPE=RADIO NAME="gejyo" ID="gejyo-init" CHECKED>
<INPUT TYPE=RADIO NAME="gejyo" ID="gejyo-00" CLASS="gejyo">
<INPUT TYPE=RADIO NAME="gejyo" ID="gejyo-10" CLASS="gejyo">
<INPUT TYPE=RADIO NAME="gejyo" ID="gejyo-20" CLASS="gejyo">
<INPUT TYPE=RADIO NAME="gejyo" ID="gejyo-30" CLASS="gejyo">
<INPUT TYPE=RADIO NAME="gejyo" ID="gejyo-01" CLASS="gejyo">
<INPUT TYPE=RADIO NAME="gejyo" ID="gejyo-11" CLASS="gejyo">
<INPUT TYPE=RADIO NAME="gejyo" ID="gejyo-21" CLASS="gejyo">
<INPUT TYPE=RADIO NAME="gejyo" ID="gejyo-31" CLASS="gejyo">
<INPUT TYPE=RADIO NAME="gejyo" ID="gejyo-02" CLASS="gejyo">
<INPUT TYPE=RADIO NAME="gejyo" ID="gejyo-12" CLASS="gejyo">
<INPUT TYPE=RADIO NAME="gejyo" ID="gejyo-22" CLASS="gejyo">
<INPUT TYPE=RADIO NAME="gejyo" ID="gejyo-32" CLASS="gejyo">
<INPUT TYPE=RADIO NAME="gejyo" ID="gejyo-03" CLASS="gejyo">
<INPUT TYPE=RADIO NAME="gejyo" ID="gejyo-13" CLASS="gejyo">
<INPUT TYPE=RADIO NAME="gejyo" ID="gejyo-23" CLASS="gejyo">
<INPUT TYPE=RADIO NAME="gejyo" ID="gejyo-33" CLASS="gejyo">
<!-- 小僧 1 -->
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-init" CHECKED>
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-00" CLASS="kozo1">
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-10" CLASS="kozo1">
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-20" CLASS="kozo1">
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-30" CLASS="kozo1">
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-01" CLASS="kozo1">
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-11" CLASS="kozo1">
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-21" CLASS="kozo1">
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-31" CLASS="kozo1">
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-02" CLASS="kozo1">
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-12" CLASS="kozo1">
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-22" CLASS="kozo1">
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-32" CLASS="kozo1">
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-03" CLASS="kozo1">
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-13" CLASS="kozo1">
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-23" CLASS="kozo1">
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-33" CLASS="kozo1">
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-04" CLASS="kozo1">
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-14" CLASS="kozo1">
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-24" CLASS="kozo1">
<INPUT TYPE=RADIO NAME="kozo1" ID="kozo1-34" CLASS="kozo1">
<!-- 小僧 2 -->
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-init" CHECKED>
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-00" CLASS="kozo2">
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-10" CLASS="kozo2">
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-20" CLASS="kozo2">
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-30" CLASS="kozo2">
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-01" CLASS="kozo2">
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-11" CLASS="kozo2">
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-21" CLASS="kozo2">
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-31" CLASS="kozo2">
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-02" CLASS="kozo2">
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-12" CLASS="kozo2">
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-22" CLASS="kozo2">
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-32" CLASS="kozo2">
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-03" CLASS="kozo2">
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-13" CLASS="kozo2">
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-23" CLASS="kozo2">
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-33" CLASS="kozo2">
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-04" CLASS="kozo2">
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-14" CLASS="kozo2">
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-24" CLASS="kozo2">
<INPUT TYPE=RADIO NAME="kozo2" ID="kozo2-34" CLASS="kozo2">
<!-- 小僧 3 -->
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-init" CHECKED>
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-00" CLASS="kozo3">
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-10" CLASS="kozo3">
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-20" CLASS="kozo3">
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-30" CLASS="kozo3">
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-01" CLASS="kozo3">
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-11" CLASS="kozo3">
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-21" CLASS="kozo3">
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-31" CLASS="kozo3">
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-02" CLASS="kozo3">
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-12" CLASS="kozo3">
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-22" CLASS="kozo3">
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-32" CLASS="kozo3">
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-03" CLASS="kozo3">
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-13" CLASS="kozo3">
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-23" CLASS="kozo3">
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-33" CLASS="kozo3">
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-04" CLASS="kozo3">
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-14" CLASS="kozo3">
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-24" CLASS="kozo3">
<INPUT TYPE=RADIO NAME="kozo3" ID="kozo3-34" CLASS="kozo3">
<!-- 小僧 4 -->
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-init" CHECKED>
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-00" CLASS="kozo4">
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-10" CLASS="kozo4">
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-20" CLASS="kozo4">
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-30" CLASS="kozo4">
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-01" CLASS="kozo4">
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-11" CLASS="kozo4">
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-21" CLASS="kozo4">
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-31" CLASS="kozo4">
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-02" CLASS="kozo4">
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-12" CLASS="kozo4">
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-22" CLASS="kozo4">
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-32" CLASS="kozo4">
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-03" CLASS="kozo4">
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-13" CLASS="kozo4">
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-23" CLASS="kozo4">
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-33" CLASS="kozo4">
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-04" CLASS="kozo4">
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-14" CLASS="kozo4">
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-24" CLASS="kozo4">
<INPUT TYPE=RADIO NAME="kozo4" ID="kozo4-34" CLASS="kozo4">
初期配置
<INPUT TYPE=RADIO NAME="init" ID="init-1" CLASS="init" FORM="dummy" TABINDEX="-1" CHECKED><LABEL CLASS="init" FOR="init-1"> 1</LABEL>
<INPUT TYPE=RADIO NAME="init" ID="init-2" CLASS="init" FORM="dummy" TABINDEX="-1"><LABEL CLASS="init" FOR="init-2"> 2</LABEL>
<INPUT TYPE=RADIO NAME="init" ID="init-3" CLASS="init" FORM="dummy" TABINDEX="-1"><LABEL CLASS="init" FOR="init-3"> 3</LABEL>
<INPUT TYPE=RADIO NAME="init" ID="init-4" CLASS="init" FORM="dummy" TABINDEX="-1"><LABEL CLASS="init" FOR="init-4"> 4</LABEL>
<BR><BR>
<DIV ID="back">
<DIV ID="musume" CLASS="block">
娘
<LABEL ID="musume-m00" CLASS="musume-m" FOR="musume-00"></LABEL>
<LABEL ID="musume-m10" CLASS="musume-m" FOR="musume-10"></LABEL>
<LABEL ID="musume-m20" CLASS="musume-m" FOR="musume-20"></LABEL>
<LABEL ID="musume-m01" CLASS="musume-m" FOR="musume-01"></LABEL>
<LABEL ID="musume-m11" CLASS="musume-m" FOR="musume-11"></LABEL>
<LABEL ID="musume-m21" CLASS="musume-m" FOR="musume-21"></LABEL>
<LABEL ID="musume-m02" CLASS="musume-m" FOR="musume-02"></LABEL>
<LABEL ID="musume-m12" CLASS="musume-m" FOR="musume-12"></LABEL>
<LABEL ID="musume-m22" CLASS="musume-m" FOR="musume-22"></LABEL>
<LABEL ID="musume-m03" CLASS="musume-m" FOR="musume-03"></LABEL>
<LABEL ID="musume-m13" CLASS="musume-m" FOR="musume-13"></LABEL>
<LABEL ID="musume-m23" CLASS="musume-m" FOR="musume-23"></LABEL>
<DIV CLASS="arrow"></DIV>
</DIV>
<DIV ID="chichi" CLASS="block block12">
<DIV CLASS="block12-cap">父<BR>親</DIV>
<LABEL ID="chichi-m00" CLASS="block12-m block-mx0" FOR="chichi-00"></LABEL>
<LABEL ID="chichi-m10" CLASS="block12-m block-mx0" FOR="chichi-10"></LABEL>
<LABEL ID="chichi-m20" CLASS="block12-m block-mx0" FOR="chichi-20"></LABEL>
<LABEL ID="chichi-m30" CLASS="block12-m block-mx0" FOR="chichi-30"></LABEL>
<LABEL ID="chichi-m01" CLASS="block12-m block-mx1" FOR="chichi-01"></LABEL>
<LABEL ID="chichi-m11" CLASS="block12-m block-mx1" FOR="chichi-11"></LABEL>
<LABEL ID="chichi-m21" CLASS="block12-m block-mx1" FOR="chichi-21"></LABEL>
<LABEL ID="chichi-m31" CLASS="block12-m block-mx1" FOR="chichi-31"></LABEL>
<LABEL ID="chichi-m02" CLASS="block12-m block-mx2" FOR="chichi-02"></LABEL>
<LABEL ID="chichi-m12" CLASS="block12-m block-mx2" FOR="chichi-12"></LABEL>
<LABEL ID="chichi-m22" CLASS="block12-m block-mx2" FOR="chichi-22"></LABEL>
<LABEL ID="chichi-m32" CLASS="block12-m block-mx2" FOR="chichi-32"></LABEL>
<LABEL ID="chichi-m03" CLASS="block12-m block-mx3" FOR="chichi-03"></LABEL>
<LABEL ID="chichi-m13" CLASS="block12-m block-mx3" FOR="chichi-13"></LABEL>
<LABEL ID="chichi-m23" CLASS="block12-m block-mx3" FOR="chichi-23"></LABEL>
<LABEL ID="chichi-m33" CLASS="block12-m block-mx3" FOR="chichi-33"></LABEL>
<DIV CLASS="arrow"></DIV>
</DIV>
<DIV ID="haha" CLASS="block block12">
<DIV CLASS="block12-cap">母<BR>親</DIV>
<LABEL ID="haha-m00" CLASS="block12-m block-mx0" FOR="haha-00"></LABEL>
<LABEL ID="haha-m10" CLASS="block12-m block-mx0" FOR="haha-10"></LABEL>
<LABEL ID="haha-m20" CLASS="block12-m block-mx0" FOR="haha-20"></LABEL>
<LABEL ID="haha-m30" CLASS="block12-m block-mx0" FOR="haha-30"></LABEL>
<LABEL ID="haha-m01" CLASS="block12-m block-mx1" FOR="haha-01"></LABEL>
<LABEL ID="haha-m11" CLASS="block12-m block-mx1" FOR="haha-11"></LABEL>
<LABEL ID="haha-m21" CLASS="block12-m block-mx1" FOR="haha-21"></LABEL>
<LABEL ID="haha-m31" CLASS="block12-m block-mx1" FOR="haha-31"></LABEL>
<LABEL ID="haha-m02" CLASS="block12-m block-mx2" FOR="haha-02"></LABEL>
<LABEL ID="haha-m12" CLASS="block12-m block-mx2" FOR="haha-12"></LABEL>
<LABEL ID="haha-m22" CLASS="block12-m block-mx2" FOR="haha-22"></LABEL>
<LABEL ID="haha-m32" CLASS="block12-m block-mx2" FOR="haha-32"></LABEL>
<LABEL ID="haha-m03" CLASS="block12-m block-mx3" FOR="haha-03"></LABEL>
<LABEL ID="haha-m13" CLASS="block12-m block-mx3" FOR="haha-13"></LABEL>
<LABEL ID="haha-m23" CLASS="block12-m block-mx3" FOR="haha-23"></LABEL>
<LABEL ID="haha-m33" CLASS="block12-m block-mx3" FOR="haha-33"></LABEL>
<DIV CLASS="arrow"></DIV>
</DIV>
<DIV ID="banto" CLASS="block">
番頭
<LABEL ID="banto-m00" CLASS="banto-m block-m0y" FOR="banto-00"></LABEL>
<LABEL ID="banto-m10" CLASS="banto-m block-m1y" FOR="banto-10"></LABEL>
<LABEL ID="banto-m20" CLASS="banto-m block-m2y" FOR="banto-20"></LABEL>
<LABEL ID="banto-m01" CLASS="banto-m block-m0y" FOR="banto-01"></LABEL>
<LABEL ID="banto-m11" CLASS="banto-m block-m1y" FOR="banto-11"></LABEL>
<LABEL ID="banto-m21" CLASS="banto-m block-m2y" FOR="banto-21"></LABEL>
<LABEL ID="banto-m02" CLASS="banto-m block-m0y" FOR="banto-02"></LABEL>
<LABEL ID="banto-m12" CLASS="banto-m block-m1y" FOR="banto-12"></LABEL>
<LABEL ID="banto-m22" CLASS="banto-m block-m2y" FOR="banto-22"></LABEL>
<LABEL ID="banto-m03" CLASS="banto-m block-m0y" FOR="banto-03"></LABEL>
<LABEL ID="banto-m13" CLASS="banto-m block-m1y" FOR="banto-13"></LABEL>
<LABEL ID="banto-m23" CLASS="banto-m block-m2y" FOR="banto-23"></LABEL>
<LABEL ID="banto-m04" CLASS="banto-m block-m0y" FOR="banto-04"></LABEL>
<LABEL ID="banto-m14" CLASS="banto-m block-m1y" FOR="banto-14"></LABEL>
<LABEL ID="banto-m24" CLASS="banto-m block-m2y" FOR="banto-24"></LABEL>
<DIV CLASS="arrow"></DIV>
</DIV>
<DIV ID="genan" CLASS="block block12">
<DIV CLASS="block12-cap">下<BR>男</DIV>
<LABEL ID="genan-m00" CLASS="block12-m block-mx0" FOR="genan-00"></LABEL>
<LABEL ID="genan-m10" CLASS="block12-m block-mx0" FOR="genan-10"></LABEL>
<LABEL ID="genan-m20" CLASS="block12-m block-mx0" FOR="genan-20"></LABEL>
<LABEL ID="genan-m30" CLASS="block12-m block-mx0" FOR="genan-30"></LABEL>
<LABEL ID="genan-m01" CLASS="block12-m block-mx1" FOR="genan-01"></LABEL>
<LABEL ID="genan-m11" CLASS="block12-m block-mx1" FOR="genan-11"></LABEL>
<LABEL ID="genan-m21" CLASS="block12-m block-mx1" FOR="genan-21"></LABEL>
<LABEL ID="genan-m31" CLASS="block12-m block-mx1" FOR="genan-31"></LABEL>
<LABEL ID="genan-m02" CLASS="block12-m block-mx2" FOR="genan-02"></LABEL>
<LABEL ID="genan-m12" CLASS="block12-m block-mx2" FOR="genan-12"></LABEL>
<LABEL ID="genan-m22" CLASS="block12-m block-mx2" FOR="genan-22"></LABEL>
<LABEL ID="genan-m32" CLASS="block12-m block-mx2" FOR="genan-32"></LABEL>
<LABEL ID="genan-m03" CLASS="block12-m block-mx3" FOR="genan-03"></LABEL>
<LABEL ID="genan-m13" CLASS="block12-m block-mx3" FOR="genan-13"></LABEL>
<LABEL ID="genan-m23" CLASS="block12-m block-mx3" FOR="genan-23"></LABEL>
<LABEL ID="genan-m33" CLASS="block12-m block-mx3" FOR="genan-33"></LABEL>
<DIV CLASS="arrow"></DIV>
</DIV>
<DIV ID="gejyo" CLASS="block block12">
<DIV CLASS="block12-cap">下<BR>女</DIV>
<LABEL ID="gejyo-m00" CLASS="block12-m block-mx0" FOR="gejyo-00"></LABEL>
<LABEL ID="gejyo-m10" CLASS="block12-m block-mx0" FOR="gejyo-10"></LABEL>
<LABEL ID="gejyo-m20" CLASS="block12-m block-mx0" FOR="gejyo-20"></LABEL>
<LABEL ID="gejyo-m30" CLASS="block12-m block-mx0" FOR="gejyo-30"></LABEL>
<LABEL ID="gejyo-m01" CLASS="block12-m block-mx1" FOR="gejyo-01"></LABEL>
<LABEL ID="gejyo-m11" CLASS="block12-m block-mx1" FOR="gejyo-11"></LABEL>
<LABEL ID="gejyo-m21" CLASS="block12-m block-mx1" FOR="gejyo-21"></LABEL>
<LABEL ID="gejyo-m31" CLASS="block12-m block-mx1" FOR="gejyo-31"></LABEL>
<LABEL ID="gejyo-m02" CLASS="block12-m block-mx2" FOR="gejyo-02"></LABEL>
<LABEL ID="gejyo-m12" CLASS="block12-m block-mx2" FOR="gejyo-12"></LABEL>
<LABEL ID="gejyo-m22" CLASS="block12-m block-mx2" FOR="gejyo-22"></LABEL>
<LABEL ID="gejyo-m32" CLASS="block12-m block-mx2" FOR="gejyo-32"></LABEL>
<LABEL ID="gejyo-m03" CLASS="block12-m block-mx3" FOR="gejyo-03"></LABEL>
<LABEL ID="gejyo-m13" CLASS="block12-m block-mx3" FOR="gejyo-13"></LABEL>
<LABEL ID="gejyo-m23" CLASS="block12-m block-mx3" FOR="gejyo-23"></LABEL>
<LABEL ID="gejyo-m33" CLASS="block12-m block-mx3" FOR="gejyo-33"></LABEL>
<DIV CLASS="arrow"></DIV>
</DIV>
<DIV ID="kozo1" CLASS="block block11">
<DIV CLASS="block11-cap">小<BR>僧</DIV>
<LABEL ID="kozo1-m00" CLASS="block11-m block-m0y block-mx0" FOR="kozo1-00"></LABEL>
<LABEL ID="kozo1-m10" CLASS="block11-m block-m1y block-mx0" FOR="kozo1-10"></LABEL>
<LABEL ID="kozo1-m20" CLASS="block11-m block-m2y block-mx0" FOR="kozo1-20"></LABEL>
<LABEL ID="kozo1-m30" CLASS="block11-m block-m3y block-mx0" FOR="kozo1-30"></LABEL>
<LABEL ID="kozo1-m01" CLASS="block11-m block-m0y block-mx1" FOR="kozo1-01"></LABEL>
<LABEL ID="kozo1-m11" CLASS="block11-m block-m1y block-mx1" FOR="kozo1-11"></LABEL>
<LABEL ID="kozo1-m21" CLASS="block11-m block-m2y block-mx1" FOR="kozo1-21"></LABEL>
<LABEL ID="kozo1-m31" CLASS="block11-m block-m3y block-mx1" FOR="kozo1-31"></LABEL>
<LABEL ID="kozo1-m02" CLASS="block11-m block-m0y block-mx2" FOR="kozo1-02"></LABEL>
<LABEL ID="kozo1-m12" CLASS="block11-m block-m1y block-mx2" FOR="kozo1-12"></LABEL>
<LABEL ID="kozo1-m22" CLASS="block11-m block-m2y block-mx2" FOR="kozo1-22"></LABEL>
<LABEL ID="kozo1-m32" CLASS="block11-m block-m3y block-mx2" FOR="kozo1-32"></LABEL>
<LABEL ID="kozo1-m03" CLASS="block11-m block-m0y block-mx3" FOR="kozo1-03"></LABEL>
<LABEL ID="kozo1-m13" CLASS="block11-m block-m1y block-mx3" FOR="kozo1-13"></LABEL>
<LABEL ID="kozo1-m23" CLASS="block11-m block-m2y block-mx3" FOR="kozo1-23"></LABEL>
<LABEL ID="kozo1-m33" CLASS="block11-m block-m3y block-mx3" FOR="kozo1-33"></LABEL>
<LABEL ID="kozo1-m04" CLASS="block11-m block-m0y block-mx4" FOR="kozo1-04"></LABEL>
<LABEL ID="kozo1-m14" CLASS="block11-m block-m1y block-mx4" FOR="kozo1-14"></LABEL>
<LABEL ID="kozo1-m24" CLASS="block11-m block-m2y block-mx4" FOR="kozo1-24"></LABEL>
<LABEL ID="kozo1-m34" CLASS="block11-m block-m3y block-mx4" FOR="kozo1-34"></LABEL>
<DIV CLASS="arrow"></DIV>
</DIV>
<DIV ID="kozo2" CLASS="block block11">
<DIV CLASS="block11-cap">小<BR>僧</DIV>
<LABEL ID="kozo2-m00" CLASS="block11-m block-m0y block-mx0" FOR="kozo2-00"></LABEL>
<LABEL ID="kozo2-m10" CLASS="block11-m block-m1y block-mx0" FOR="kozo2-10"></LABEL>
<LABEL ID="kozo2-m20" CLASS="block11-m block-m2y block-mx0" FOR="kozo2-20"></LABEL>
<LABEL ID="kozo2-m30" CLASS="block11-m block-m3y block-mx0" FOR="kozo2-30"></LABEL>
<LABEL ID="kozo2-m01" CLASS="block11-m block-m0y block-mx1" FOR="kozo2-01"></LABEL>
<LABEL ID="kozo2-m11" CLASS="block11-m block-m1y block-mx1" FOR="kozo2-11"></LABEL>
<LABEL ID="kozo2-m21" CLASS="block11-m block-m2y block-mx1" FOR="kozo2-21"></LABEL>
<LABEL ID="kozo2-m31" CLASS="block11-m block-m3y block-mx1" FOR="kozo2-31"></LABEL>
<LABEL ID="kozo2-m02" CLASS="block11-m block-m0y block-mx2" FOR="kozo2-02"></LABEL>
<LABEL ID="kozo2-m12" CLASS="block11-m block-m1y block-mx2" FOR="kozo2-12"></LABEL>
<LABEL ID="kozo2-m22" CLASS="block11-m block-m2y block-mx2" FOR="kozo2-22"></LABEL>
<LABEL ID="kozo2-m32" CLASS="block11-m block-m3y block-mx2" FOR="kozo2-32"></LABEL>
<LABEL ID="kozo2-m03" CLASS="block11-m block-m0y block-mx3" FOR="kozo2-03"></LABEL>
<LABEL ID="kozo2-m13" CLASS="block11-m block-m1y block-mx3" FOR="kozo2-13"></LABEL>
<LABEL ID="kozo2-m23" CLASS="block11-m block-m2y block-mx3" FOR="kozo2-23"></LABEL>
<LABEL ID="kozo2-m33" CLASS="block11-m block-m3y block-mx3" FOR="kozo2-33"></LABEL>
<LABEL ID="kozo2-m04" CLASS="block11-m block-m0y block-mx4" FOR="kozo2-04"></LABEL>
<LABEL ID="kozo2-m14" CLASS="block11-m block-m1y block-mx4" FOR="kozo2-14"></LABEL>
<LABEL ID="kozo2-m24" CLASS="block11-m block-m2y block-mx4" FOR="kozo2-24"></LABEL>
<LABEL ID="kozo2-m34" CLASS="block11-m block-m3y block-mx4" FOR="kozo2-34"></LABEL>
<DIV CLASS="arrow"></DIV>
</DIV>
<DIV ID="kozo3" CLASS="block block11">
<DIV CLASS="block11-cap">小<BR>僧</DIV>
<LABEL ID="kozo3-m00" CLASS="block11-m block-m0y block-mx0" FOR="kozo3-00"></LABEL>
<LABEL ID="kozo3-m10" CLASS="block11-m block-m1y block-mx0" FOR="kozo3-10"></LABEL>
<LABEL ID="kozo3-m20" CLASS="block11-m block-m2y block-mx0" FOR="kozo3-20"></LABEL>
<LABEL ID="kozo3-m30" CLASS="block11-m block-m3y block-mx0" FOR="kozo3-30"></LABEL>
<LABEL ID="kozo3-m01" CLASS="block11-m block-m0y block-mx1" FOR="kozo3-01"></LABEL>
<LABEL ID="kozo3-m11" CLASS="block11-m block-m1y block-mx1" FOR="kozo3-11"></LABEL>
<LABEL ID="kozo3-m21" CLASS="block11-m block-m2y block-mx1" FOR="kozo3-21"></LABEL>
<LABEL ID="kozo3-m31" CLASS="block11-m block-m3y block-mx1" FOR="kozo3-31"></LABEL>
<LABEL ID="kozo3-m02" CLASS="block11-m block-m0y block-mx2" FOR="kozo3-02"></LABEL>
<LABEL ID="kozo3-m12" CLASS="block11-m block-m1y block-mx2" FOR="kozo3-12"></LABEL>
<LABEL ID="kozo3-m22" CLASS="block11-m block-m2y block-mx2" FOR="kozo3-22"></LABEL>
<LABEL ID="kozo3-m32" CLASS="block11-m block-m3y block-mx2" FOR="kozo3-32"></LABEL>
<LABEL ID="kozo3-m03" CLASS="block11-m block-m0y block-mx3" FOR="kozo3-03"></LABEL>
<LABEL ID="kozo3-m13" CLASS="block11-m block-m1y block-mx3" FOR="kozo3-13"></LABEL>
<LABEL ID="kozo3-m23" CLASS="block11-m block-m2y block-mx3" FOR="kozo3-23"></LABEL>
<LABEL ID="kozo3-m33" CLASS="block11-m block-m3y block-mx3" FOR="kozo3-33"></LABEL>
<LABEL ID="kozo3-m04" CLASS="block11-m block-m0y block-mx4" FOR="kozo3-04"></LABEL>
<LABEL ID="kozo3-m14" CLASS="block11-m block-m1y block-mx4" FOR="kozo3-14"></LABEL>
<LABEL ID="kozo3-m24" CLASS="block11-m block-m2y block-mx4" FOR="kozo3-24"></LABEL>
<LABEL ID="kozo3-m34" CLASS="block11-m block-m3y block-mx4" FOR="kozo3-34"></LABEL>
<DIV CLASS="arrow"></DIV>
</DIV>
<DIV ID="kozo4" CLASS="block block11">
<DIV CLASS="block11-cap">小<BR>僧</DIV>
<LABEL ID="kozo4-m00" CLASS="block11-m block-m0y block-mx0" FOR="kozo4-00"></LABEL>
<LABEL ID="kozo4-m10" CLASS="block11-m block-m1y block-mx0" FOR="kozo4-10"></LABEL>
<LABEL ID="kozo4-m20" CLASS="block11-m block-m2y block-mx0" FOR="kozo4-20"></LABEL>
<LABEL ID="kozo4-m30" CLASS="block11-m block-m3y block-mx0" FOR="kozo4-30"></LABEL>
<LABEL ID="kozo4-m01" CLASS="block11-m block-m0y block-mx1" FOR="kozo4-01"></LABEL>
<LABEL ID="kozo4-m11" CLASS="block11-m block-m1y block-mx1" FOR="kozo4-11"></LABEL>
<LABEL ID="kozo4-m21" CLASS="block11-m block-m2y block-mx1" FOR="kozo4-21"></LABEL>
<LABEL ID="kozo4-m31" CLASS="block11-m block-m3y block-mx1" FOR="kozo4-31"></LABEL>
<LABEL ID="kozo4-m02" CLASS="block11-m block-m0y block-mx2" FOR="kozo4-02"></LABEL>
<LABEL ID="kozo4-m12" CLASS="block11-m block-m1y block-mx2" FOR="kozo4-12"></LABEL>
<LABEL ID="kozo4-m22" CLASS="block11-m block-m2y block-mx2" FOR="kozo4-22"></LABEL>
<LABEL ID="kozo4-m32" CLASS="block11-m block-m3y block-mx2" FOR="kozo4-32"></LABEL>
<LABEL ID="kozo4-m03" CLASS="block11-m block-m0y block-mx3" FOR="kozo4-03"></LABEL>
<LABEL ID="kozo4-m13" CLASS="block11-m block-m1y block-mx3" FOR="kozo4-13"></LABEL>
<LABEL ID="kozo4-m23" CLASS="block11-m block-m2y block-mx3" FOR="kozo4-23"></LABEL>
<LABEL ID="kozo4-m33" CLASS="block11-m block-m3y block-mx3" FOR="kozo4-33"></LABEL>
<LABEL ID="kozo4-m04" CLASS="block11-m block-m0y block-mx4" FOR="kozo4-04"></LABEL>
<LABEL ID="kozo4-m14" CLASS="block11-m block-m1y block-mx4" FOR="kozo4-14"></LABEL>
<LABEL ID="kozo4-m24" CLASS="block11-m block-m2y block-mx4" FOR="kozo4-24"></LABEL>
<LABEL ID="kozo4-m34" CLASS="block11-m block-m3y block-mx4" FOR="kozo4-34"></LABEL>
<DIV CLASS="arrow"></DIV>
</DIV>
<DIV ID="cong">
<SPAN ID="cong-m">おめでとう！</SPAN><BR>
<LABEL ID="cong-b" FOR="reset_">もう一度遊ぶ</LABEL>
</DIV>
</DIV>
<DIV ID="spacer"></DIV>
<BR><BR>
<LABEL ID="restart" FOR="reset_">やり直し</LABEL>
</FORM>
<FORM ID="dummy"></FORM>
</BODY>
</HTML>
|
