<!DOCTYPE HTML>
<HTML LANG="ja">
<HEAD>
<META CHARSET="Shift_JIS">
<TITLE>スタイルシート クロスワード</TITLE>
<STYLE TYPE="text/css">
<!--
@property --a00 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a01 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a02 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a03 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a04 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a05 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a06 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a07 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a10 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a11 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a12 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a13 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a14 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a15 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a16 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a17 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a20 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a21 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a22 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a23 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a24 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a25 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a26 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a27 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a30 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a31 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a32 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a33 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a34 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a35 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a36 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a37 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a40 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a41 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a42 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a43 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a44 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a45 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a46 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a47 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a50 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a51 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a52 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a53 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a54 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a55 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a56 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a57 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a60 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a61 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a62 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a63 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a64 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a65 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a66 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a67 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a70 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a71 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a72 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a73 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a74 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a75 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a76 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --a77 {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@counter-style ans {
system:cyclic;
symbols:"ア" "イ" "ウ" "エ" "オ"
"カ" "キ" "ク" "ケ" "コ" "ガ" "ギ" "グ" "ゲ" "ゴ"
"サ" "シ" "ス" "セ" "ソ" "ザ" "ジ" "ズ" "ゼ" "ゾ"
"タ" "チ" "ツ" "テ" "ト" "ダ" "ヂ" "ヅ" "デ" "ド"
"ナ" "ニ" "ヌ" "ネ" "ノ"
"ハ" "ヒ" "フ" "ヘ" "ホ" "バ" "ビ" "ブ" "ベ" "ボ" "パ" "ピ" "プ" "ペ" "ポ"
"マ" "ミ" "ム" "メ" "モ"
"ヤ" "ユ" "ヨ"
"ラ" "リ" "ル" "レ" "ロ"
"ワ" "ヲ" "ン" "ー" "";
}
@counter-style grid-num {
system:extends decimal;
range:1 infinite;
fallback:grid-num0;
}
@counter-style grid-num0 {
system:cyclic;
symbols:"";
}
@counter-style clues-num {
system:extends decimal;
pad:2 " ";
}
html {
max-height:100vh;
}
body {
margin:0;
text-align:center;
color:black;
background-color:#CCFFFF;
white-space:nowrap;
user-select:none;
}
#unsel-l {
display:block;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
#title {
position:relative;
height:28px;
margin-top:10px;
color:#CC0000;
font-size:14px;
font-weight:bold;
pointer-events:none;
}
input {
display:none;
}
#qsel {
position:relative;
height:36px;
}
#qsel-cap {
margin-right:6px;
font-size:14px;
}
.qsel {
display:inline-block;
position:relative;
width:30px;
height:24px;
margin-left:2px;
text-align:center;
color:hsl(0 0% calc(var(--dirty) * 50%));
font-size:14px;
font-weight:bold;
line-height:24px;
background-color:#F0F0F0;
border:solid 1px black;
border-radius:4px;
pointer-events:auto;
/* マス選択／入力あり？ */
--gsel:1;
--dirty:min(var(--gsel)
+ var(--a00) + var(--a01) + var(--a02) + var(--a03) + var(--a04) + var(--a05) + var(--a06) + var(--a07)
+ var(--a10) + var(--a11) + var(--a12) + var(--a13) + var(--a14) + var(--a15) + var(--a16) + var(--a17)
+ var(--a20) + var(--a21) + var(--a22) + var(--a23) + var(--a24) + var(--a25) + var(--a26) + var(--a27)
+ var(--a30) + var(--a31) + var(--a32) + var(--a33) + var(--a34) + var(--a35) + var(--a36) + var(--a37)
+ var(--a40) + var(--a41) + var(--a42) + var(--a43) + var(--a44) + var(--a45) + var(--a46) + var(--a47)
+ var(--a50) + var(--a51) + var(--a52) + var(--a53) + var(--a54) + var(--a55) + var(--a56) + var(--a57)
+ var(--a60) + var(--a61) + var(--a62) + var(--a63) + var(--a64) + var(--a65) + var(--a66) + var(--a67)
+ var(--a70) + var(--a71) + var(--a72) + var(--a73) + var(--a74) + var(--a75) + var(--a76) + var(--a77), 1);
}
:is(#unsel, #clear):checked ~ #base .qsel {
--gsel:0;
}
.qsel label {
display:block;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:calc(0 - var(--dirty));
cursor:pointer;
}
#qsel-1:checked ~ #base #qsel-1-l,
#qsel-2:checked ~ #base #qsel-2-l,
#qsel-3:checked ~ #base #qsel-3-l,
#qsel-4:checked ~ #base #qsel-4-l {
background-color:#FFFF80;
}
#base {
position:relative;
pointer-events:none;
/* 縦の語の有無／カギの番号 */
--wd00:0; --wd01:0; --wd02:0; --wd03:0; --wd04:0; --wd05:0; --wd06:0; --wd07:0;
--wd10:0; --wd11:0; --wd12:0; --wd13:0; --wd14:0; --wd15:0; --wd16:0; --wd17:0;
--wd20:0; --wd21:0; --wd22:0; --wd23:0; --wd24:0; --wd25:0; --wd26:0; --wd27:0;
--wd30:0; --wd31:0; --wd32:0; --wd33:0; --wd34:0; --wd35:0; --wd36:0; --wd37:0;
--wd40:0; --wd41:0; --wd42:0; --wd43:0; --wd44:0; --wd45:0; --wd46:0; --wd47:0;
--wd50:0; --wd51:0; --wd52:0; --wd53:0; --wd54:0; --wd55:0; --wd56:0; --wd57:0;
--wd60:0; --wd61:0; --wd62:0; --wd63:0; --wd64:0; --wd65:0; --wd66:0; --wd67:0;
--wd70:0; --wd71:0; --wd72:0; --wd73:0; --wd74:0; --wd75:0; --wd76:0; --wd77:0;
/* 横の語の有無／カギの番号 */
--wa00:0; --wa01:0; --wa02:0; --wa03:0; --wa04:0; --wa05:0; --wa06:0; --wa07:0;
--wa10:0; --wa11:0; --wa12:0; --wa13:0; --wa14:0; --wa15:0; --wa16:0; --wa17:0;
--wa20:0; --wa21:0; --wa22:0; --wa23:0; --wa24:0; --wa25:0; --wa26:0; --wa27:0;
--wa30:0; --wa31:0; --wa32:0; --wa33:0; --wa34:0; --wa35:0; --wa36:0; --wa37:0;
--wa40:0; --wa41:0; --wa42:0; --wa43:0; --wa44:0; --wa45:0; --wa46:0; --wa47:0;
--wa50:0; --wa51:0; --wa52:0; --wa53:0; --wa54:0; --wa55:0; --wa56:0; --wa57:0;
--wa60:0; --wa61:0; --wa62:0; --wa63:0; --wa64:0; --wa65:0; --wa66:0; --wa67:0;
--wa70:0; --wa71:0; --wa72:0; --wa73:0; --wa74:0; --wa75:0; --wa76:0; --wa77:0;
/* 縦のカギ */
--cd00:""; --cd01:""; --cd02:""; --cd03:""; --cd04:""; --cd05:""; --cd06:""; --cd07:"";
--cd10:""; --cd11:""; --cd12:""; --cd13:""; --cd14:""; --cd15:""; --cd16:""; --cd17:"";
--cd20:""; --cd21:""; --cd22:""; --cd23:""; --cd24:""; --cd25:""; --cd26:""; --cd27:"";
--cd30:""; --cd31:""; --cd32:""; --cd33:""; --cd34:""; --cd35:""; --cd36:""; --cd37:"";
--cd40:""; --cd41:""; --cd42:""; --cd43:""; --cd44:""; --cd45:""; --cd46:""; --cd47:"";
--cd50:""; --cd51:""; --cd52:""; --cd53:""; --cd54:""; --cd55:""; --cd56:""; --cd57:"";
--cd60:""; --cd61:""; --cd62:""; --cd63:""; --cd64:""; --cd65:""; --cd66:""; --cd67:"";
--cd70:""; --cd71:""; --cd72:""; --cd73:""; --cd74:""; --cd75:""; --cd76:""; --cd77:"";
/* 横のカギ */
--ca00:""; --ca01:""; --ca02:""; --ca03:""; --ca04:""; --ca05:""; --ca06:""; --ca07:"";
--ca10:""; --ca11:""; --ca12:""; --ca13:""; --ca14:""; --ca15:""; --ca16:""; --ca17:"";
--ca20:""; --ca21:""; --ca22:""; --ca23:""; --ca24:""; --ca25:""; --ca26:""; --ca27:"";
--ca30:""; --ca31:""; --ca32:""; --ca33:""; --ca34:""; --ca35:""; --ca36:""; --ca37:"";
--ca40:""; --ca41:""; --ca42:""; --ca43:""; --ca44:""; --ca45:""; --ca46:""; --ca47:"";
--ca50:""; --ca51:""; --ca52:""; --ca53:""; --ca54:""; --ca55:""; --ca56:""; --ca57:"";
--ca60:""; --ca61:""; --ca62:""; --ca63:""; --ca64:""; --ca65:""; --ca66:""; --ca67:"";
--ca70:""; --ca71:""; --ca72:""; --ca73:""; --ca74:""; --ca75:""; --ca76:""; --ca77:"";
/* 問題の文字 */
--q00:0; --q01:0; --q02:0; --q03:0; --q04:0; --q05:0; --q06:0; --q07:0;
--q10:0; --q11:0; --q12:0; --q13:0; --q14:0; --q15:0; --q16:0; --q17:0;
--q20:0; --q21:0; --q22:0; --q23:0; --q24:0; --q25:0; --q26:0; --q27:0;
--q30:0; --q31:0; --q32:0; --q33:0; --q34:0; --q35:0; --q36:0; --q37:0;
--q40:0; --q41:0; --q42:0; --q43:0; --q44:0; --q45:0; --q46:0; --q47:0;
--q50:0; --q51:0; --q52:0; --q53:0; --q54:0; --q55:0; --q56:0; --q57:0;
--q60:0; --q61:0; --q62:0; --q63:0; --q64:0; --q65:0; --q66:0; --q67:0;
--q70:0; --q71:0; --q72:0; --q73:0; --q74:0; --q75:0; --q76:0; --q77:0;
/* 解答の文字 */
/* --ans が 0 の場合，counter() は最後（73番目）の値になる． */
/* --ans の初期値が 0 だと，マスの入力を消したときに --ans が初期値から変化しないので
プロパティが更新されない．そのため --ans の初期値を 0〜72 以外にする．
初期起動時または入力をクリアしたときに --ans を 0 にする． */
--ans:-1;
--a00:var(--ans); --a01:var(--ans); --a02:var(--ans); --a03:var(--ans);
--a04:var(--ans); --a05:var(--ans); --a06:var(--ans); --a07:var(--ans);
--a10:var(--ans); --a11:var(--ans); --a12:var(--ans); --a13:var(--ans);
--a14:var(--ans); --a15:var(--ans); --a16:var(--ans); --a17:var(--ans);
--a20:var(--ans); --a21:var(--ans); --a22:var(--ans); --a23:var(--ans);
--a24:var(--ans); --a25:var(--ans); --a26:var(--ans); --a27:var(--ans);
--a30:var(--ans); --a31:var(--ans); --a32:var(--ans); --a33:var(--ans);
--a34:var(--ans); --a35:var(--ans); --a36:var(--ans); --a37:var(--ans);
--a40:var(--ans); --a41:var(--ans); --a42:var(--ans); --a43:var(--ans);
--a44:var(--ans); --a45:var(--ans); --a46:var(--ans); --a47:var(--ans);
--a50:var(--ans); --a51:var(--ans); --a52:var(--ans); --a53:var(--ans);
--a54:var(--ans); --a55:var(--ans); --a56:var(--ans); --a57:var(--ans);
--a60:var(--ans); --a61:var(--ans); --a62:var(--ans); --a63:var(--ans);
--a64:var(--ans); --a65:var(--ans); --a66:var(--ans); --a67:var(--ans);
--a70:var(--ans); --a71:var(--ans); --a72:var(--ans); --a73:var(--ans);
--a74:var(--ans); --a75:var(--ans); --a76:var(--ans); --a77:var(--ans);
--d00:10000s; --d01:10000s; --d02:10000s; --d03:10000s; --d04:10000s; --d05:10000s; --d06:10000s; --d07:10000s;
--d10:10000s; --d11:10000s; --d12:10000s; --d13:10000s; --d14:10000s; --d15:10000s; --d16:10000s; --d17:10000s;
--d20:10000s; --d21:10000s; --d22:10000s; --d23:10000s; --d24:10000s; --d25:10000s; --d26:10000s; --d27:10000s;
--d30:10000s; --d31:10000s; --d32:10000s; --d33:10000s; --d34:10000s; --d35:10000s; --d36:10000s; --d37:10000s;
--d40:10000s; --d41:10000s; --d42:10000s; --d43:10000s; --d44:10000s; --d45:10000s; --d46:10000s; --d47:10000s;
--d50:10000s; --d51:10000s; --d52:10000s; --d53:10000s; --d54:10000s; --d55:10000s; --d56:10000s; --d57:10000s;
--d60:10000s; --d61:10000s; --d62:10000s; --d63:10000s; --d64:10000s; --d65:10000s; --d66:10000s; --d67:10000s;
--d70:10000s; --d71:10000s; --d72:10000s; --d73:10000s; --d74:10000s; --d75:10000s; --d76:10000s; --d77:10000s;
transition-property:--a00, --a01, --a02, --a03, --a04, --a05, --a06, --a07,
--a10, --a11, --a12, --a13, --a14, --a15, --a16, --a17,
--a20, --a21, --a22, --a23, --a24, --a25, --a26, --a27,
--a30, --a31, --a32, --a33, --a34, --a35, --a36, --a37,
--a40, --a41, --a42, --a43, --a44, --a45, --a46, --a47,
--a50, --a51, --a52, --a53, --a54, --a55, --a56, --a57,
--a60, --a61, --a62, --a63, --a64, --a65, --a66, --a67,
--a70, --a71, --a72, --a73, --a74, --a75, --a76, --a77;
transition-duration:0s;
transition-delay:var(--d00), var(--d01), var(--d02), var(--d03), var(--d04), var(--d05), var(--d06), var(--d07),
var(--d10), var(--d11), var(--d12), var(--d13), var(--d14), var(--d15), var(--d16), var(--d17),
var(--d20), var(--d21), var(--d22), var(--d23), var(--d24), var(--d25), var(--d26), var(--d27),
var(--d30), var(--d31), var(--d32), var(--d33), var(--d34), var(--d35), var(--d36), var(--d37),
var(--d40), var(--d41), var(--d42), var(--d43), var(--d44), var(--d45), var(--d46), var(--d47),
var(--d50), var(--d51), var(--d52), var(--d53), var(--d54), var(--d55), var(--d56), var(--d57),
var(--d60), var(--d61), var(--d62), var(--d63), var(--d64), var(--d65), var(--d66), var(--d67),
var(--d70), var(--d71), var(--d72), var(--d73), var(--d74), var(--d75), var(--d76), var(--d77);
/* マスの入力が正しいか？ */
--w00:calc(var(--q00) - var(--a00));
--w01:calc(var(--q01) - var(--a01));
--w02:calc(var(--q02) - var(--a02));
--w03:calc(var(--q03) - var(--a03));
--w04:calc(var(--q04) - var(--a04));
--w05:calc(var(--q05) - var(--a05));
--w06:calc(var(--q06) - var(--a06));
--w07:calc(var(--q07) - var(--a07));
--w10:calc(var(--q10) - var(--a10));
--w11:calc(var(--q11) - var(--a11));
--w12:calc(var(--q12) - var(--a12));
--w13:calc(var(--q13) - var(--a13));
--w14:calc(var(--q14) - var(--a14));
--w15:calc(var(--q15) - var(--a15));
--w16:calc(var(--q16) - var(--a16));
--w17:calc(var(--q17) - var(--a17));
--w20:calc(var(--q20) - var(--a20));
--w21:calc(var(--q21) - var(--a21));
--w22:calc(var(--q22) - var(--a22));
--w23:calc(var(--q23) - var(--a23));
--w24:calc(var(--q24) - var(--a24));
--w25:calc(var(--q25) - var(--a25));
--w26:calc(var(--q26) - var(--a26));
--w27:calc(var(--q27) - var(--a27));
--w30:calc(var(--q30) - var(--a30));
--w31:calc(var(--q31) - var(--a31));
--w32:calc(var(--q32) - var(--a32));
--w33:calc(var(--q33) - var(--a33));
--w34:calc(var(--q34) - var(--a34));
--w35:calc(var(--q35) - var(--a35));
--w36:calc(var(--q36) - var(--a36));
--w37:calc(var(--q37) - var(--a37));
--w40:calc(var(--q40) - var(--a40));
--w41:calc(var(--q41) - var(--a41));
--w42:calc(var(--q42) - var(--a42));
--w43:calc(var(--q43) - var(--a43));
--w44:calc(var(--q44) - var(--a44));
--w45:calc(var(--q45) - var(--a45));
--w46:calc(var(--q46) - var(--a46));
--w47:calc(var(--q47) - var(--a47));
--w50:calc(var(--q50) - var(--a50));
--w51:calc(var(--q51) - var(--a51));
--w52:calc(var(--q52) - var(--a52));
--w53:calc(var(--q53) - var(--a53));
--w54:calc(var(--q54) - var(--a54));
--w55:calc(var(--q55) - var(--a55));
--w56:calc(var(--q56) - var(--a56));
--w57:calc(var(--q57) - var(--a57));
--w60:calc(var(--q60) - var(--a60));
--w61:calc(var(--q61) - var(--a61));
--w62:calc(var(--q62) - var(--a62));
--w63:calc(var(--q63) - var(--a63));
--w64:calc(var(--q64) - var(--a64));
--w65:calc(var(--q65) - var(--a65));
--w66:calc(var(--q66) - var(--a66));
--w67:calc(var(--q67) - var(--a67));
--w70:calc(var(--q70) - var(--a70));
--w71:calc(var(--q71) - var(--a71));
--w72:calc(var(--q72) - var(--a72));
--w73:calc(var(--q73) - var(--a73));
--w74:calc(var(--q74) - var(--a74));
--w75:calc(var(--q75) - var(--a75));
--w76:calc(var(--q76) - var(--a76));
--w77:calc(var(--q77) - var(--a77));
--i00:min(var(--w00) * var(--w00) * var(--q00), 1);
--i01:min(var(--w01) * var(--w01) * var(--q01), 1);
--i02:min(var(--w02) * var(--w02) * var(--q02), 1);
--i03:min(var(--w03) * var(--w03) * var(--q03), 1);
--i04:min(var(--w04) * var(--w04) * var(--q04), 1);
--i05:min(var(--w05) * var(--w05) * var(--q05), 1);
--i06:min(var(--w06) * var(--w06) * var(--q06), 1);
--i07:min(var(--w07) * var(--w07) * var(--q07), 1);
--i10:min(var(--w10) * var(--w10) * var(--q10), 1);
--i11:min(var(--w11) * var(--w11) * var(--q11), 1);
--i12:min(var(--w12) * var(--w12) * var(--q12), 1);
--i13:min(var(--w13) * var(--w13) * var(--q13), 1);
--i14:min(var(--w14) * var(--w14) * var(--q14), 1);
--i15:min(var(--w15) * var(--w15) * var(--q15), 1);
--i16:min(var(--w16) * var(--w16) * var(--q16), 1);
--i17:min(var(--w17) * var(--w17) * var(--q17), 1);
--i20:min(var(--w20) * var(--w20) * var(--q20), 1);
--i21:min(var(--w21) * var(--w21) * var(--q21), 1);
--i22:min(var(--w22) * var(--w22) * var(--q22), 1);
--i23:min(var(--w23) * var(--w23) * var(--q23), 1);
--i24:min(var(--w24) * var(--w24) * var(--q24), 1);
--i25:min(var(--w25) * var(--w25) * var(--q25), 1);
--i26:min(var(--w26) * var(--w26) * var(--q26), 1);
--i27:min(var(--w27) * var(--w27) * var(--q27), 1);
--i30:min(var(--w30) * var(--w30) * var(--q30), 1);
--i31:min(var(--w31) * var(--w31) * var(--q31), 1);
--i32:min(var(--w32) * var(--w32) * var(--q32), 1);
--i33:min(var(--w33) * var(--w33) * var(--q33), 1);
--i34:min(var(--w34) * var(--w34) * var(--q34), 1);
--i35:min(var(--w35) * var(--w35) * var(--q35), 1);
--i36:min(var(--w36) * var(--w36) * var(--q36), 1);
--i37:min(var(--w37) * var(--w37) * var(--q37), 1);
--i40:min(var(--w40) * var(--w40) * var(--q40), 1);
--i41:min(var(--w41) * var(--w41) * var(--q41), 1);
--i42:min(var(--w42) * var(--w42) * var(--q42), 1);
--i43:min(var(--w43) * var(--w43) * var(--q43), 1);
--i44:min(var(--w44) * var(--w44) * var(--q44), 1);
--i45:min(var(--w45) * var(--w45) * var(--q45), 1);
--i46:min(var(--w46) * var(--w46) * var(--q46), 1);
--i47:min(var(--w47) * var(--w47) * var(--q47), 1);
--i50:min(var(--w50) * var(--w50) * var(--q50), 1);
--i51:min(var(--w51) * var(--w51) * var(--q51), 1);
--i52:min(var(--w52) * var(--w52) * var(--q52), 1);
--i53:min(var(--w53) * var(--w53) * var(--q53), 1);
--i54:min(var(--w54) * var(--w54) * var(--q54), 1);
--i55:min(var(--w55) * var(--w55) * var(--q55), 1);
--i56:min(var(--w56) * var(--w56) * var(--q56), 1);
--i57:min(var(--w57) * var(--w57) * var(--q57), 1);
--i60:min(var(--w60) * var(--w60) * var(--q60), 1);
--i61:min(var(--w61) * var(--w61) * var(--q61), 1);
--i62:min(var(--w62) * var(--w62) * var(--q62), 1);
--i63:min(var(--w63) * var(--w63) * var(--q63), 1);
--i64:min(var(--w64) * var(--w64) * var(--q64), 1);
--i65:min(var(--w65) * var(--w65) * var(--q65), 1);
--i66:min(var(--w66) * var(--w66) * var(--q66), 1);
--i67:min(var(--w67) * var(--w67) * var(--q67), 1);
--i70:min(var(--w70) * var(--w70) * var(--q70), 1);
--i71:min(var(--w71) * var(--w71) * var(--q71), 1);
--i72:min(var(--w72) * var(--w72) * var(--q72), 1);
--i73:min(var(--w73) * var(--w73) * var(--q73), 1);
--i74:min(var(--w74) * var(--w74) * var(--q74), 1);
--i75:min(var(--w75) * var(--w75) * var(--q75), 1);
--i76:min(var(--w76) * var(--w76) * var(--q76), 1);
--i77:min(var(--w77) * var(--w77) * var(--q77), 1);
}
/* 詳細度を上げるために ID を重複して指定している */
#clear#clear:checked ~ #base {
--ans:0;
transition:none;
}
/* 問題 */
#qsel-1:checked ~ #base {
--wd00:1; --wd02:2; --wd04:3; --wd07:5;
--wd15:7;
--wd21:8; --wd23:9;
--wd30:11; --wd34:13;
--wd42:14; --wd46:15;
--wd55:18;
--wd63:20; --wd67:21;
--wa00:1; --wa06:4;
--wa14:6;
--wa21:8; --wa25:10;
--wa30:11; --wa33:12;
--wa42:14; --wa46:15;
--wa50:16; --wa54:17;
--wa62:19;
--wa70:22; --wa73:23;
--cd00:"夜空に点々と光るもの。";
--cd02:"物を動かすための工夫。からくり。";
--cd04:"昆虫が、さなぎや幼虫から成虫になること。";
--cd07:"同じ趣味を持つ仲間が自ら編集・発行する雑誌。";
--cd15:"日付を年・月・週・日の単位で区切った体系。";
--cd21:"樹木が密集している場所。";
--cd21:"北海道近海にも現れる、アシカ科の大きな哺乳類。";
--cd23:"「戦争」の昔の言い方。";
--cd30:"乗り物などに乗ったときの感じ。";
--cd34:"よく似ていること。「〇〇〇品」";
--cd42:"動物の体の腹の部分。おなか。";
--cd46:"英語で鍵のこと。";
--cd55:"金属や木材の表面を削ってなめらかにする道具。";
--cd63:"皮膚や紙・布などにできる細い筋。";
--cd67:"獲った魚を入れておく籠。";
--ca00:"労働や物の使用の対価として支払われる金銭・物品など。";
--ca06:"物の端のとがった部分。";
--ca14:"現在より前のこと。過ぎ去った時。";
--ca21:"時刻を示す装置。または時間を計る装置。";
--ca25:"しなければならないこと。用件。";
--ca30:"口腔の奥の、食道と気管に通じる部分。咽喉。";
--ca33:"硬い殻に包まれた実をつける落葉高木。「〇〇〇割り人形」";
--ca42:"夫と妻。夫婦。";
--ca46:"陸地が海・川・湖などの水に接しているところ。水際。";
--ca50:"双方の力量に優劣の差がないこと。五分五分。";
--ca54:"口の広い瓶や壺。魔法瓶。";
--ca62:"昔、武芸を修め、軍事に携わった者。侍。";
--ca70:"両親のうちの男親の方。";
--ca73:"腕の力。";
--q00:45; --q01: 3; --q02:17; --q03:62; --q04: 3; --q06: 6; --q07:35;
--q10:17; --q12: 6; --q14: 6; --q15:10; --q17: 3;
--q21:30; --q22: 9; --q23: 2; --q25:63; --q26: 3; --q27:22;
--q30:40; --q31:35; --q33: 8; --q34:66; --q35:57; --q37:71;
--q40:65; --q42:43; --q43:16; --q44: 2; --q46: 7; --q47:17;
--q50:15; --q51: 6; --q52: 8; --q54:22; --q55:61; --q56:72;
--q60:10; --q62:48; --q63:17; --q65:18; --q67:47;
--q70:27; --q71:27; --q73:69; --q74:71; --q75:65; --q76:63; --q77: 8;
}
#qsel-2:checked ~ #base {
--wd00:1; --wd03:3; --wd05:4; --wd07:5;
--wd31:10; --wd34:12; --wd36:13;
--wd42:15; --wd47:17;
--wd50:18;
--wa02:2;
--wa10:6; --wa13:7;
--wa22:8;
--wa30:9; --wa33:11;
--wa41:14; --wa46:16;
--wa54:19;
--wa60:20; --wa66:21;
--wa74:22;
--cd00:"程度がはなはだしいこと。「〇〇〇〇の緊張」";
--cd03:"それまでの記録や出来事を無かったことにすること。";
--cd05:"電界と磁界が相互に作用しながら空間を伝わっていく波。";
--cd07:"物事が実際に行われる、または行われた場所。「工事〇〇〇」";
--cd31:"皮膚の色が部分的に紫や黒に変わっているところ。";
--cd34:"他の者は加わらず、二人だけで行う戦い。";
--cd36:"牛や鹿の頭にある硬い突起。";
--cd42:"通貨価値が下がり、物価が上がり続ける現象。";
--cd47:"食材を加工して人間が食べられる物を作ること。 ";
--cd50:"野菜を売る店や人。";
--ca02:"人や車が行き来するために通るところ。";
--ca10:"左右の方向。";
--ca13:"国や自治体の 1年間の収入と支出の計画。";
--ca22:"長い鼻と大きな耳が特徴の大きな動物。";
--ca30:"戸。扉。";
--ca33:"気付かない点を教え示して、より高い認識や理解に導くこと。";
--ca41:"物の物理的、化学的、機械的な特性。";
--ca46:"物を貼り合わせるときに使う粘り気のあるもの。";
--ca54:"新聞や雑誌などで伝える事柄。また、その文章。";
--ca60:"親を大切にしないで、心配や迷惑をかけること。";
--ca66:"社会の秩序を保つために定められた規則。";
--ca74:"都道府県を統轄・代表する首長。";
--q00: 7; --q02:57; --q03:27; --q05:34; --q07:14;
--q10:63; --q11:10; --q13:63; --q14:16; --q15:71; --q16: 1; --q17:71;
--q20: 8; --q22:25; --q23: 3; --q25:22; --q27:46;
--q30:35; --q31: 1; --q33: 9; --q34: 2; --q35:41; --q36:28;
--q41:21; --q42: 2; --q43:17; --q44:28; --q46:40; --q47:65;
--q50:61; --q52:71; --q54: 7; --q55:22; --q57:63;
--q60: 5; --q61:61; --q62:43; --q63:10; --q64: 3; --q66:45; --q67: 3;
--q70:61; --q72:67; --q74:27; --q75:22; --q77:65;
}
#qsel-3:checked ~ #base {
--wd00:1; --wd01:2; --wd04:4; --wd05:5; --wd07:6;
--wd12:8;
--wd23:11; --wd26:13;
--wd31:15; --wd34:17;
--wd42:19; --wd47:21;
--wd50:22; --wd55:24;
--wd63:26; --wd66:28;
--wa00:1; --wa03:3;
--wa10:7; --wa14:9;
--wa22:10; --wa25:12;
--wa30:14; --wa33:16;
--wa41:18; --wa46:20;
--wa50:22; --wa54:23;
--wa62:25; --wa65:27;
--wa70:29; --wa76:30;
--cd00:"特定の政党を支持していないこと。";
--cd01:"車輪の心棒。回転するものの中心となる棒。";
--cd04:"顔と首が長く、たてがみがあり、走るのが速い動物。";
--cd05:"家屋の賃貸契約の際、借り手が貸し手に預ける保証金。";
--cd07:"鳥の羽のふわっとしている毛。";
--cd12:"当然しなければならない務め。「〇〇教育」";
--cd23:"本などに挟んで目印とするもの。";
--cd26:"ノイバラの別名。または、野生のバラ一般のこと。";
--cd31:"人間には不可能な不思議なことを行う術。「〇〇〇使い」";
--cd34:"夜通し寝ないで、仕事や勉強をすること。";
--cd42:"物の上に文字を書くこと。また、コンピュータで既存のデータに新しいデータを重ねて書き込むこと。";
--cd47:"料理で、材料を大きく荒く切ること。";
--cd50:"「だれ」の尊敬語。";
--cd55:"割合。「円周〇〇」";
--cd63:"米などを、多めの水で柔らかく煮たもの。";
--cd66:"不在。「居〇〇」";
--ca00:"布や紙などが単色で模様の無いこと。";
--ca03:"ある種類・範疇に含まれるものを、ひとまとめにして呼ぶ名称。";
--ca10:"他人より上手くできる技能のこと。";
--ca14:"燃料にするために、適当な大きさに切って乾燥させた木。";
--ca22:"昆虫、クモ、ムカデやヤスデなど。「〇〇眼鏡」";
--ca25:"今日の一日前。";
--ca30:"海や湖の水際に沿う平地。「砂〇〇」";
--ca33:"活発な女の子。";
--ca41:"社会秩序を維持するための規範で、社会的強制力を持つもの。";
--ca46:"英語で愛、恋のこと。";
--ca50:"子どものために書かれた物語。";
--ca54:"長い柄の先に尖った刃物をつけた武器。";
--ca62:"職業や趣味として絵を描く人。";
--ca65:"諸刃の刀。";
--ca70:"探し求めること。「〇〇〇〇〇心」";
--ca76:"他人が所持している金品を、気付かれないように盗み取ること。";
--q00:58; --q01:22; --q03:20; --q04: 3; --q05:17; --q06:63; --q07: 3;
--q10:30; --q11: 8; --q12:12; --q14:56; --q15: 7; --q17:60;
--q20: 3; --q22:58; --q23:17; --q25: 7; --q26:40; --q27: 3;
--q30:41; --q31:56; --q33: 5; --q34:29; --q35:71; --q36:46;
--q41:45; --q42: 3; --q43:65; --q44:28; --q46:64; --q47:48;
--q50:35; --q51: 3; --q52:69; --q54:61; --q55:65; --q57:28;
--q60:36; --q62:11; --q63: 6; --q65:28; --q66:66; --q67:12;
--q70:26; --q71:71; --q72: 7; --q73:62; --q74: 3; --q76:18; --q77:65;
}
#qsel-4:checked ~ #base {
--wd00:1; --wd03:2; --wd05:3; --wd07:4;
--wd12:5; --wd16:6;
--wd34:10; --wd37:12;
--wd41:14; --wd45:16;
--wd52:18;
--wd60:20;
--wa00:1;
--wa12:5;
--wa20:7; --wa25:8;
--wa32:9; --wa36:11;
--wa40:13; --wa43:15;
--wa51:17; --wa54:19;
--wa60:20;
--wa76:21;
--cd00:"範囲や規模などを広げて大きくすること。";
--cd03:"乗り物や劇場などで、あらかじめ座る人が決められている席。";
--cd05:"マガモを飼いならした家禽。日本でよく見られるものは通常白い。";
--cd07:"君主。「百獣の〇〇」";
--cd12:"幼いこと。考え方や、やり方が未熟なこと。";
--cd16:"普段呼ばれている人や物の名。通称。";
--cd34:"言葉での表現。言い表し方。";
--cd37:"月によって、太陽の一部または全体が隠される現象。";
--cd41:"樹木の外皮。また、樹木の外皮をはぎ取った表面。";
--cd45:"一番近い両横の位置。";
--cd52:"鉄板に錫をめっきしたもの。";
--cd60:"陶磁器・ガラスなどにできる細かい割れ目。";
--ca00:"植物などの繊維を薄く平らに加工したもの。";
--ca12:"スケジュールを記入した表。";
--ca20:"気を付けること。気を付けるように指導すること。";
--ca25:"ふりがな。ふりがな用の活字。";
--ca32:"物事を知り、考え、判断する能力。";
--ca36:"分からない物事について尋ねる言葉。";
--ca40:"1年の中で降水量の多い時期。";
--ca43:"蚕の繭から取り出したままの未加工の糸。";
--ca51:"南西諸島に生息する毒蛇。";
--ca54:"特にかわいがっている弟子。";
--ca60:"右回りの反対は？";
--ca76:"災い。災難。「〇〇除け」";
--q00: 6; --q01:57; --q03:17; --q05: 1; --q07: 5;
--q10: 8; --q12:63; --q13:29; --q14: 2; --q15:42; --q16:63; --q17: 3;
--q20:27; --q21:62; --q22: 3; --q23: 2; --q25:66; --q26:47;
--q30:63; --q32:27; --q33:19; --q34: 2; --q36:36; --q37:37;
--q40: 3; --q41: 7; --q43: 7; --q44: 2; --q45:30; --q47:28;
--q51:41; --q52:48; --q54:56; --q55:36; --q56:34; --q57:17;
--q60:42; --q61:31; --q62:65; --q63:56; --q64:69; --q65:65; --q67:63;
--q70:47; --q72: 7; --q74:17; --q76:61; --q77: 8;
}
#back {
display:inline-block;
position:relative;
padding:20px 24px;
line-height:1;
background-color:white;
border-radius:6px;
}
/* マス */
#grid-b {
height:265px;
}
#grid {
display:inline-block;
position:relative;
pointer-events:auto;
}
.grid {
position:relative;
width:32px;
height:32px;
/* border-collapse を使うと Firefox で background-image が 1px ずれるので，border-collapse は使わない */
border-style:solid none none solid;
border-width:1px;
border-color:gray;
}
#gr07, #gr17, #gr27, #gr37, #gr47, #gr57, #gr67, #gr77 {
border-right-style:solid;
}
#gr70, #gr71, #gr72, #gr73, #gr74, #gr75, #gr76, #gr77 {
border-bottom-style:solid;
}
/* 入力文字 */
.grid::before {
display:inline-block;
position:relative;
left:0;
top:4px;
font-size:16px;
font-family:monospace;
font-weight:bold;
content:counter(ans, ans);
}
#gr00::before {
counter-reset:ans var(--a00);
}
#gr01::before {
counter-reset:ans var(--a01);
}
#gr02::before {
counter-reset:ans var(--a02);
}
#gr03::before {
counter-reset:ans var(--a03);
}
#gr04::before {
counter-reset:ans var(--a04);
}
#gr05::before {
counter-reset:ans var(--a05);
}
#gr06::before {
counter-reset:ans var(--a06);
}
#gr07::before {
counter-reset:ans var(--a07);
}
#gr10::before {
counter-reset:ans var(--a10);
}
#gr11::before {
counter-reset:ans var(--a11);
}
#gr12::before {
counter-reset:ans var(--a12);
}
#gr13::before {
counter-reset:ans var(--a13);
}
#gr14::before {
counter-reset:ans var(--a14);
}
#gr15::before {
counter-reset:ans var(--a15);
}
#gr16::before {
counter-reset:ans var(--a16);
}
#gr17::before {
counter-reset:ans var(--a17);
}
#gr20::before {
counter-reset:ans var(--a20);
}
#gr21::before {
counter-reset:ans var(--a21);
}
#gr22::before {
counter-reset:ans var(--a22);
}
#gr23::before {
counter-reset:ans var(--a23);
}
#gr24::before {
counter-reset:ans var(--a24);
}
#gr25::before {
counter-reset:ans var(--a25);
}
#gr26::before {
counter-reset:ans var(--a26);
}
#gr27::before {
counter-reset:ans var(--a27);
}
#gr30::before {
counter-reset:ans var(--a30);
}
#gr31::before {
counter-reset:ans var(--a31);
}
#gr32::before {
counter-reset:ans var(--a32);
}
#gr33::before {
counter-reset:ans var(--a33);
}
#gr34::before {
counter-reset:ans var(--a34);
}
#gr35::before {
counter-reset:ans var(--a35);
}
#gr36::before {
counter-reset:ans var(--a36);
}
#gr37::before {
counter-reset:ans var(--a37);
}
#gr40::before {
counter-reset:ans var(--a40);
}
#gr41::before {
counter-reset:ans var(--a41);
}
#gr42::before {
counter-reset:ans var(--a42);
}
#gr43::before {
counter-reset:ans var(--a43);
}
#gr44::before {
counter-reset:ans var(--a44);
}
#gr45::before {
counter-reset:ans var(--a45);
}
#gr46::before {
counter-reset:ans var(--a46);
}
#gr47::before {
counter-reset:ans var(--a47);
}
#gr50::before {
counter-reset:ans var(--a50);
}
#gr51::before {
counter-reset:ans var(--a51);
}
#gr52::before {
counter-reset:ans var(--a52);
}
#gr53::before {
counter-reset:ans var(--a53);
}
#gr54::before {
counter-reset:ans var(--a54);
}
#gr55::before {
counter-reset:ans var(--a55);
}
#gr56::before {
counter-reset:ans var(--a56);
}
#gr57::before {
counter-reset:ans var(--a57);
}
#gr60::before {
counter-reset:ans var(--a60);
}
#gr61::before {
counter-reset:ans var(--a61);
}
#gr62::before {
counter-reset:ans var(--a62);
}
#gr63::before {
counter-reset:ans var(--a63);
}
#gr64::before {
counter-reset:ans var(--a64);
}
#gr65::before {
counter-reset:ans var(--a65);
}
#gr66::before {
counter-reset:ans var(--a66);
}
#gr67::before {
counter-reset:ans var(--a67);
}
#gr70::before {
counter-reset:ans var(--a70);
}
#gr71::before {
counter-reset:ans var(--a71);
}
#gr72::before {
counter-reset:ans var(--a72);
}
#gr73::before {
counter-reset:ans var(--a73);
}
#gr74::before {
counter-reset:ans var(--a74);
}
#gr75::before {
counter-reset:ans var(--a75);
}
#gr76::before {
counter-reset:ans var(--a76);
}
#gr77::before {
counter-reset:ans var(--a77);
}
/* 番号 */
.grid::after {
display:block;
position:absolute;
left:2px;
top:1px;
font-size:10px;
font-family:monospace;
content:counter(num, grid-num);
}
#gr00::after {
counter-reset:num max(var(--wd00), var(--wa00));
}
#gr01::after {
counter-reset:num max(var(--wd01), var(--wa01));
}
#gr02::after {
counter-reset:num max(var(--wd02), var(--wa02));
}
#gr03::after {
counter-reset:num max(var(--wd03), var(--wa03));
}
#gr04::after {
counter-reset:num max(var(--wd04), var(--wa04));
}
#gr05::after {
counter-reset:num max(var(--wd05), var(--wa05));
}
#gr06::after {
counter-reset:num max(var(--wd06), var(--wa06));
}
#gr07::after {
counter-reset:num max(var(--wd07), var(--wa07));
}
#gr10::after {
counter-reset:num max(var(--wd10), var(--wa10));
}
#gr11::after {
counter-reset:num max(var(--wd11), var(--wa11));
}
#gr12::after {
counter-reset:num max(var(--wd12), var(--wa12));
}
#gr13::after {
counter-reset:num max(var(--wd13), var(--wa13));
}
#gr14::after {
counter-reset:num max(var(--wd14), var(--wa14));
}
#gr15::after {
counter-reset:num max(var(--wd15), var(--wa15));
}
#gr16::after {
counter-reset:num max(var(--wd16), var(--wa16));
}
#gr17::after {
counter-reset:num max(var(--wd17), var(--wa17));
}
#gr20::after {
counter-reset:num max(var(--wd20), var(--wa20));
}
#gr21::after {
counter-reset:num max(var(--wd21), var(--wa21));
}
#gr22::after {
counter-reset:num max(var(--wd22), var(--wa22));
}
#gr23::after {
counter-reset:num max(var(--wd23), var(--wa23));
}
#gr24::after {
counter-reset:num max(var(--wd24), var(--wa24));
}
#gr25::after {
counter-reset:num max(var(--wd25), var(--wa25));
}
#gr26::after {
counter-reset:num max(var(--wd26), var(--wa26));
}
#gr27::after {
counter-reset:num max(var(--wd27), var(--wa27));
}
#gr30::after {
counter-reset:num max(var(--wd30), var(--wa30));
}
#gr31::after {
counter-reset:num max(var(--wd31), var(--wa31));
}
#gr32::after {
counter-reset:num max(var(--wd32), var(--wa32));
}
#gr33::after {
counter-reset:num max(var(--wd33), var(--wa33));
}
#gr34::after {
counter-reset:num max(var(--wd34), var(--wa34));
}
#gr35::after {
counter-reset:num max(var(--wd35), var(--wa35));
}
#gr36::after {
counter-reset:num max(var(--wd36), var(--wa36));
}
#gr37::after {
counter-reset:num max(var(--wd37), var(--wa37));
}
#gr40::after {
counter-reset:num max(var(--wd40), var(--wa40));
}
#gr41::after {
counter-reset:num max(var(--wd41), var(--wa41));
}
#gr42::after {
counter-reset:num max(var(--wd42), var(--wa42));
}
#gr43::after {
counter-reset:num max(var(--wd43), var(--wa43));
}
#gr44::after {
counter-reset:num max(var(--wd44), var(--wa44));
}
#gr45::after {
counter-reset:num max(var(--wd45), var(--wa45));
}
#gr46::after {
counter-reset:num max(var(--wd46), var(--wa46));
}
#gr47::after {
counter-reset:num max(var(--wd47), var(--wa47));
}
#gr50::after {
counter-reset:num max(var(--wd50), var(--wa50));
}
#gr51::after {
counter-reset:num max(var(--wd51), var(--wa51));
}
#gr52::after {
counter-reset:num max(var(--wd52), var(--wa52));
}
#gr53::after {
counter-reset:num max(var(--wd53), var(--wa53));
}
#gr54::after {
counter-reset:num max(var(--wd54), var(--wa54));
}
#gr55::after {
counter-reset:num max(var(--wd55), var(--wa55));
}
#gr56::after {
counter-reset:num max(var(--wd56), var(--wa56));
}
#gr57::after {
counter-reset:num max(var(--wd57), var(--wa57));
}
#gr60::after {
counter-reset:num max(var(--wd60), var(--wa60));
}
#gr61::after {
counter-reset:num max(var(--wd61), var(--wa61));
}
#gr62::after {
counter-reset:num max(var(--wd62), var(--wa62));
}
#gr63::after {
counter-reset:num max(var(--wd63), var(--wa63));
}
#gr64::after {
counter-reset:num max(var(--wd64), var(--wa64));
}
#gr65::after {
counter-reset:num max(var(--wd65), var(--wa65));
}
#gr66::after {
counter-reset:num max(var(--wd66), var(--wa66));
}
#gr67::after {
counter-reset:num max(var(--wd67), var(--wa67));
}
#gr70::after {
counter-reset:num max(var(--wd70), var(--wa70));
}
#gr71::after {
counter-reset:num max(var(--wd71), var(--wa71));
}
#gr72::after {
counter-reset:num max(var(--wd72), var(--wa72));
}
#gr73::after {
counter-reset:num max(var(--wd73), var(--wa73));
}
#gr74::after {
counter-reset:num max(var(--wd74), var(--wa74));
}
#gr75::after {
counter-reset:num max(var(--wd75), var(--wa75));
}
#gr76::after {
counter-reset:num max(var(--wd76), var(--wa76));
}
#gr77::after {
counter-reset:num max(var(--wd77), var(--wa77));
}
.grid label {
display:block;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
/* 黒マス用の LABEL */
/* 白マスのときは z-index がマイナスになる */
.grid label:nth-of-type(2) {
z-index:calc(0 - var(--q));
background-color:black;
}
#ul00 {
--q:var(--q00);
}
#ul01 {
--q:var(--q01);
}
#ul02 {
--q:var(--q02);
}
#ul03 {
--q:var(--q03);
}
#ul04 {
--q:var(--q04);
}
#ul05 {
--q:var(--q05);
}
#ul06 {
--q:var(--q06);
}
#ul07 {
--q:var(--q07);
}
#ul10 {
--q:var(--q10);
}
#ul11 {
--q:var(--q11);
}
#ul12 {
--q:var(--q12);
}
#ul13 {
--q:var(--q13);
}
#ul14 {
--q:var(--q14);
}
#ul15 {
--q:var(--q15);
}
#ul16 {
--q:var(--q16);
}
#ul17 {
--q:var(--q17);
}
#ul20 {
--q:var(--q20);
}
#ul21 {
--q:var(--q21);
}
#ul22 {
--q:var(--q22);
}
#ul23 {
--q:var(--q23);
}
#ul24 {
--q:var(--q24);
}
#ul25 {
--q:var(--q25);
}
#ul26 {
--q:var(--q26);
}
#ul27 {
--q:var(--q27);
}
#ul30 {
--q:var(--q30);
}
#ul31 {
--q:var(--q31);
}
#ul32 {
--q:var(--q32);
}
#ul33 {
--q:var(--q33);
}
#ul34 {
--q:var(--q34);
}
#ul35 {
--q:var(--q35);
}
#ul36 {
--q:var(--q36);
}
#ul37 {
--q:var(--q37);
}
#ul40 {
--q:var(--q40);
}
#ul41 {
--q:var(--q41);
}
#ul42 {
--q:var(--q42);
}
#ul43 {
--q:var(--q43);
}
#ul44 {
--q:var(--q44);
}
#ul45 {
--q:var(--q45);
}
#ul46 {
--q:var(--q46);
}
#ul47 {
--q:var(--q47);
}
#ul50 {
--q:var(--q50);
}
#ul51 {
--q:var(--q51);
}
#ul52 {
--q:var(--q52);
}
#ul53 {
--q:var(--q53);
}
#ul54 {
--q:var(--q54);
}
#ul55 {
--q:var(--q55);
}
#ul56 {
--q:var(--q56);
}
#ul57 {
--q:var(--q57);
}
#ul60 {
--q:var(--q60);
}
#ul61 {
--q:var(--q61);
}
#ul62 {
--q:var(--q62);
}
#ul63 {
--q:var(--q63);
}
#ul64 {
--q:var(--q64);
}
#ul65 {
--q:var(--q65);
}
#ul66 {
--q:var(--q66);
}
#ul67 {
--q:var(--q67);
}
#ul70 {
--q:var(--q70);
}
#ul71 {
--q:var(--q71);
}
#ul72 {
--q:var(--q72);
}
#ul73 {
--q:var(--q73);
}
#ul74 {
--q:var(--q74);
}
#ul75 {
--q:var(--q75);
}
#ul76 {
--q:var(--q76);
}
#ul77 {
--q:var(--q77);
}
#gs00:checked ~ #base #gr00,
#gs01:checked ~ #base #gr01,
#gs02:checked ~ #base #gr02,
#gs03:checked ~ #base #gr03,
#gs04:checked ~ #base #gr04,
#gs05:checked ~ #base #gr05,
#gs06:checked ~ #base #gr06,
#gs07:checked ~ #base #gr07,
#gs10:checked ~ #base #gr10,
#gs11:checked ~ #base #gr11,
#gs12:checked ~ #base #gr12,
#gs13:checked ~ #base #gr13,
#gs14:checked ~ #base #gr14,
#gs15:checked ~ #base #gr15,
#gs16:checked ~ #base #gr16,
#gs17:checked ~ #base #gr17,
#gs20:checked ~ #base #gr20,
#gs21:checked ~ #base #gr21,
#gs22:checked ~ #base #gr22,
#gs23:checked ~ #base #gr23,
#gs24:checked ~ #base #gr24,
#gs25:checked ~ #base #gr25,
#gs26:checked ~ #base #gr26,
#gs27:checked ~ #base #gr27,
#gs30:checked ~ #base #gr30,
#gs31:checked ~ #base #gr31,
#gs32:checked ~ #base #gr32,
#gs33:checked ~ #base #gr33,
#gs34:checked ~ #base #gr34,
#gs35:checked ~ #base #gr35,
#gs36:checked ~ #base #gr36,
#gs37:checked ~ #base #gr37,
#gs40:checked ~ #base #gr40,
#gs41:checked ~ #base #gr41,
#gs42:checked ~ #base #gr42,
#gs43:checked ~ #base #gr43,
#gs44:checked ~ #base #gr44,
#gs45:checked ~ #base #gr45,
#gs46:checked ~ #base #gr46,
#gs47:checked ~ #base #gr47,
#gs50:checked ~ #base #gr50,
#gs51:checked ~ #base #gr51,
#gs52:checked ~ #base #gr52,
#gs53:checked ~ #base #gr53,
#gs54:checked ~ #base #gr54,
#gs55:checked ~ #base #gr55,
#gs56:checked ~ #base #gr56,
#gs57:checked ~ #base #gr57,
#gs60:checked ~ #base #gr60,
#gs61:checked ~ #base #gr61,
#gs62:checked ~ #base #gr62,
#gs63:checked ~ #base #gr63,
#gs64:checked ~ #base #gr64,
#gs65:checked ~ #base #gr65,
#gs66:checked ~ #base #gr66,
#gs67:checked ~ #base #gr67,
#gs70:checked ~ #base #gr70,
#gs71:checked ~ #base #gr71,
#gs72:checked ~ #base #gr72,
#gs73:checked ~ #base #gr73,
#gs74:checked ~ #base #gr74,
#gs75:checked ~ #base #gr75,
#gs76:checked ~ #base #gr76,
#gs77:checked ~ #base #gr77 {
background-color:#FFFF40;
}
/* カギ */
#clues {
display:inline-block;
position:relative;
margin-top:10px;
}
#clues-d, #clues-a {
display:inline-block;
position:relative;
vertical-align:top;
text-align:left;
}
#clues-a {
margin-left:10px;
}
.clues-cap {
position:relative;
height:20px;
font-size:14px;
font-weight:bold;
}
.clues {
position:relative;
width:300px;
min-height:100px;
max-height:calc(100vh - 627px);
overflow-y:auto;
border:solid 1px gray;
pointer-events:auto;
}
.clue {
position:relative;
max-height:calc(var(--w) * 1000px);
font-size:14px;
line-height:15px;
overflow:hidden;
}
/* 番号 */
.clue:before {
display:inline-block;
width:18px;
margin-left:2px;
margin-top:2px;
vertical-align:top;
font-family:monospace;
white-space:pre;
counter-reset:num var(--w);
content:counter(num, clues-num);
}
/* 文言 */
.clue:after {
display:inline-block;
width:260px;
margin-right:2px;
margin-top:2px;
margin-bottom:2px;
vertical-align:top;
white-space:normal;
line-break:strict;
content:var(--c);
}
/* タテのカギ */
#cd00 {
--w:var(--wd00);
--c:var(--cd00);
}
#cd01 {
--w:var(--wd01);
--c:var(--cd01);
}
#cd02 {
--w:var(--wd02);
--c:var(--cd02);
}
#cd03 {
--w:var(--wd03);
--c:var(--cd03);
}
#cd04 {
--w:var(--wd04);
--c:var(--cd04);
}
#cd05 {
--w:var(--wd05);
--c:var(--cd05);
}
#cd06 {
--w:var(--wd06);
--c:var(--cd06);
}
#cd07 {
--w:var(--wd07);
--c:var(--cd07);
}
#cd10 {
--w:var(--wd10);
--c:var(--cd10);
}
#cd11 {
--w:var(--wd11);
--c:var(--cd11);
}
#cd12 {
--w:var(--wd12);
--c:var(--cd12);
}
#cd13 {
--w:var(--wd13);
--c:var(--cd13);
}
#cd14 {
--w:var(--wd14);
--c:var(--cd14);
}
#cd15 {
--w:var(--wd15);
--c:var(--cd15);
}
#cd16 {
--w:var(--wd16);
--c:var(--cd16);
}
#cd17 {
--w:var(--wd17);
--c:var(--cd17);
}
#cd20 {
--w:var(--wd20);
--c:var(--cd20);
}
#cd21 {
--w:var(--wd21);
--c:var(--cd21);
}
#cd22 {
--w:var(--wd22);
--c:var(--cd22);
}
#cd23 {
--w:var(--wd23);
--c:var(--cd23);
}
#cd24 {
--w:var(--wd24);
--c:var(--cd24);
}
#cd25 {
--w:var(--wd25);
--c:var(--cd25);
}
#cd26 {
--w:var(--wd26);
--c:var(--cd26);
}
#cd27 {
--w:var(--wd27);
--c:var(--cd27);
}
#cd30 {
--w:var(--wd30);
--c:var(--cd30);
}
#cd31 {
--w:var(--wd31);
--c:var(--cd31);
}
#cd32 {
--w:var(--wd32);
--c:var(--cd32);
}
#cd33 {
--w:var(--wd33);
--c:var(--cd33);
}
#cd34 {
--w:var(--wd34);
--c:var(--cd34);
}
#cd35 {
--w:var(--wd35);
--c:var(--cd35);
}
#cd36 {
--w:var(--wd36);
--c:var(--cd36);
}
#cd37 {
--w:var(--wd37);
--c:var(--cd37);
}
#cd40 {
--w:var(--wd40);
--c:var(--cd40);
}
#cd41 {
--w:var(--wd41);
--c:var(--cd41);
}
#cd42 {
--w:var(--wd42);
--c:var(--cd42);
}
#cd43 {
--w:var(--wd43);
--c:var(--cd43);
}
#cd44 {
--w:var(--wd44);
--c:var(--cd44);
}
#cd45 {
--w:var(--wd45);
--c:var(--cd45);
}
#cd46 {
--w:var(--wd46);
--c:var(--cd46);
}
#cd47 {
--w:var(--wd47);
--c:var(--cd47);
}
#cd50 {
--w:var(--wd50);
--c:var(--cd50);
}
#cd51 {
--w:var(--wd51);
--c:var(--cd51);
}
#cd52 {
--w:var(--wd52);
--c:var(--cd52);
}
#cd53 {
--w:var(--wd53);
--c:var(--cd53);
}
#cd54 {
--w:var(--wd54);
--c:var(--cd54);
}
#cd55 {
--w:var(--wd55);
--c:var(--cd55);
}
#cd56 {
--w:var(--wd56);
--c:var(--cd56);
}
#cd57 {
--w:var(--wd57);
--c:var(--cd57);
}
#cd60 {
--w:var(--wd60);
--c:var(--cd60);
}
#cd61 {
--w:var(--wd61);
--c:var(--cd61);
}
#cd62 {
--w:var(--wd62);
--c:var(--cd62);
}
#cd63 {
--w:var(--wd63);
--c:var(--cd63);
}
#cd64 {
--w:var(--wd64);
--c:var(--cd64);
}
#cd65 {
--w:var(--wd65);
--c:var(--cd65);
}
#cd66 {
--w:var(--wd66);
--c:var(--cd66);
}
#cd67 {
--w:var(--wd67);
--c:var(--cd67);
}
#cd70 {
--w:var(--wd70);
--c:var(--cd70);
}
#cd71 {
--w:var(--wd71);
--c:var(--cd71);
}
#cd72 {
--w:var(--wd72);
--c:var(--cd72);
}
#cd73 {
--w:var(--wd73);
--c:var(--cd73);
}
#cd74 {
--w:var(--wd74);
--c:var(--cd74);
}
#cd75 {
--w:var(--wd75);
--c:var(--cd75);
}
#cd76 {
--w:var(--wd76);
--c:var(--cd76);
}
#cd77 {
--w:var(--wd77);
--c:var(--cd77);
}
/* ヨコのカギ */
#ca00 {
--w:var(--wa00);
--c:var(--ca00);
}
#ca01 {
--w:var(--wa01);
--c:var(--ca01);
}
#ca02 {
--w:var(--wa02);
--c:var(--ca02);
}
#ca03 {
--w:var(--wa03);
--c:var(--ca03);
}
#ca04 {
--w:var(--wa04);
--c:var(--ca04);
}
#ca05 {
--w:var(--wa05);
--c:var(--ca05);
}
#ca06 {
--w:var(--wa06);
--c:var(--ca06);
}
#ca07 {
--w:var(--wa07);
--c:var(--ca07);
}
#ca10 {
--w:var(--wa10);
--c:var(--ca10);
}
#ca11 {
--w:var(--wa11);
--c:var(--ca11);
}
#ca12 {
--w:var(--wa12);
--c:var(--ca12);
}
#ca13 {
--w:var(--wa13);
--c:var(--ca13);
}
#ca14 {
--w:var(--wa14);
--c:var(--ca14);
}
#ca15 {
--w:var(--wa15);
--c:var(--ca15);
}
#ca16 {
--w:var(--wa16);
--c:var(--ca16);
}
#ca17 {
--w:var(--wa17);
--c:var(--ca17);
}
#ca20 {
--w:var(--wa20);
--c:var(--ca20);
}
#ca21 {
--w:var(--wa21);
--c:var(--ca21);
}
#ca22 {
--w:var(--wa22);
--c:var(--ca22);
}
#ca23 {
--w:var(--wa23);
--c:var(--ca23);
}
#ca24 {
--w:var(--wa24);
--c:var(--ca24);
}
#ca25 {
--w:var(--wa25);
--c:var(--ca25);
}
#ca26 {
--w:var(--wa26);
--c:var(--ca26);
}
#ca27 {
--w:var(--wa27);
--c:var(--ca27);
}
#ca30 {
--w:var(--wa30);
--c:var(--ca30);
}
#ca31 {
--w:var(--wa31);
--c:var(--ca31);
}
#ca32 {
--w:var(--wa32);
--c:var(--ca32);
}
#ca33 {
--w:var(--wa33);
--c:var(--ca33);
}
#ca34 {
--w:var(--wa34);
--c:var(--ca34);
}
#ca35 {
--w:var(--wa35);
--c:var(--ca35);
}
#ca36 {
--w:var(--wa36);
--c:var(--ca36);
}
#ca37 {
--w:var(--wa37);
--c:var(--ca37);
}
#ca40 {
--w:var(--wa40);
--c:var(--ca40);
}
#ca41 {
--w:var(--wa41);
--c:var(--ca41);
}
#ca42 {
--w:var(--wa42);
--c:var(--ca42);
}
#ca43 {
--w:var(--wa43);
--c:var(--ca43);
}
#ca44 {
--w:var(--wa44);
--c:var(--ca44);
}
#ca45 {
--w:var(--wa45);
--c:var(--ca45);
}
#ca46 {
--w:var(--wa46);
--c:var(--ca46);
}
#ca47 {
--w:var(--wa47);
--c:var(--ca47);
}
#ca50 {
--w:var(--wa50);
--c:var(--ca50);
}
#ca51 {
--w:var(--wa51);
--c:var(--ca51);
}
#ca52 {
--w:var(--wa52);
--c:var(--ca52);
}
#ca53 {
--w:var(--wa53);
--c:var(--ca53);
}
#ca54 {
--w:var(--wa54);
--c:var(--ca54);
}
#ca55 {
--w:var(--wa55);
--c:var(--ca55);
}
#ca56 {
--w:var(--wa56);
--c:var(--ca56);
}
#ca57 {
--w:var(--wa57);
--c:var(--ca57);
}
#ca60 {
--w:var(--wa60);
--c:var(--ca60);
}
#ca61 {
--w:var(--wa61);
--c:var(--ca61);
}
#ca62 {
--w:var(--wa62);
--c:var(--ca62);
}
#ca63 {
--w:var(--wa63);
--c:var(--ca63);
}
#ca64 {
--w:var(--wa64);
--c:var(--ca64);
}
#ca65 {
--w:var(--wa65);
--c:var(--ca65);
}
#ca66 {
--w:var(--wa66);
--c:var(--ca66);
}
#ca67 {
--w:var(--wa67);
--c:var(--ca67);
}
#ca70 {
--w:var(--wa70);
--c:var(--ca70);
}
#ca71 {
--w:var(--wa71);
--c:var(--ca71);
}
#ca72 {
--w:var(--wa72);
--c:var(--ca72);
}
#ca73 {
--w:var(--wa73);
--c:var(--ca73);
}
#ca74 {
--w:var(--wa74);
--c:var(--ca74);
}
#ca75 {
--w:var(--wa75);
--c:var(--ca75);
}
#ca76 {
--w:var(--wa76);
--c:var(--ca76);
}
#ca77 {
--w:var(--wa77);
--c:var(--ca77);
}
.clue label {
display:block;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
#gs00:checked ~ #base :is(#cd00, #ca00),
#gs01:checked ~ #base :is(#cd01, #ca01),
#gs02:checked ~ #base :is(#cd02, #ca02),
#gs03:checked ~ #base :is(#cd03, #ca03),
#gs04:checked ~ #base :is(#cd04, #ca04),
#gs05:checked ~ #base :is(#cd05, #ca05),
#gs06:checked ~ #base :is(#cd06, #ca06),
#gs07:checked ~ #base :is(#cd07, #ca07),
#gs10:checked ~ #base :is(#cd10, #ca10),
#gs11:checked ~ #base :is(#cd11, #ca11),
#gs12:checked ~ #base :is(#cd12, #ca12),
#gs13:checked ~ #base :is(#cd13, #ca13),
#gs14:checked ~ #base :is(#cd14, #ca14),
#gs15:checked ~ #base :is(#cd15, #ca15),
#gs16:checked ~ #base :is(#cd16, #ca16),
#gs17:checked ~ #base :is(#cd17, #ca17),
#gs20:checked ~ #base :is(#cd20, #ca20),
#gs21:checked ~ #base :is(#cd21, #ca21),
#gs22:checked ~ #base :is(#cd22, #ca22),
#gs23:checked ~ #base :is(#cd23, #ca23),
#gs24:checked ~ #base :is(#cd24, #ca24),
#gs25:checked ~ #base :is(#cd25, #ca25),
#gs26:checked ~ #base :is(#cd26, #ca26),
#gs27:checked ~ #base :is(#cd27, #ca27),
#gs30:checked ~ #base :is(#cd30, #ca30),
#gs31:checked ~ #base :is(#cd31, #ca31),
#gs32:checked ~ #base :is(#cd32, #ca32),
#gs33:checked ~ #base :is(#cd33, #ca33),
#gs34:checked ~ #base :is(#cd34, #ca34),
#gs35:checked ~ #base :is(#cd35, #ca35),
#gs36:checked ~ #base :is(#cd36, #ca36),
#gs37:checked ~ #base :is(#cd37, #ca37),
#gs40:checked ~ #base :is(#cd40, #ca40),
#gs41:checked ~ #base :is(#cd41, #ca41),
#gs42:checked ~ #base :is(#cd42, #ca42),
#gs43:checked ~ #base :is(#cd43, #ca43),
#gs44:checked ~ #base :is(#cd44, #ca44),
#gs45:checked ~ #base :is(#cd45, #ca45),
#gs46:checked ~ #base :is(#cd46, #ca46),
#gs47:checked ~ #base :is(#cd47, #ca47),
#gs50:checked ~ #base :is(#cd50, #ca50),
#gs51:checked ~ #base :is(#cd51, #ca51),
#gs52:checked ~ #base :is(#cd52, #ca52),
#gs53:checked ~ #base :is(#cd53, #ca53),
#gs54:checked ~ #base :is(#cd54, #ca54),
#gs55:checked ~ #base :is(#cd55, #ca55),
#gs56:checked ~ #base :is(#cd56, #ca56),
#gs57:checked ~ #base :is(#cd57, #ca57),
#gs60:checked ~ #base :is(#cd60, #ca60),
#gs61:checked ~ #base :is(#cd61, #ca61),
#gs62:checked ~ #base :is(#cd62, #ca62),
#gs63:checked ~ #base :is(#cd63, #ca63),
#gs64:checked ~ #base :is(#cd64, #ca64),
#gs65:checked ~ #base :is(#cd65, #ca65),
#gs66:checked ~ #base :is(#cd66, #ca66),
#gs67:checked ~ #base :is(#cd67, #ca67),
#gs70:checked ~ #base :is(#cd70, #ca70),
#gs71:checked ~ #base :is(#cd71, #ca71),
#gs72:checked ~ #base :is(#cd72, #ca72),
#gs73:checked ~ #base :is(#cd73, #ca73),
#gs74:checked ~ #base :is(#cd74, #ca74),
#gs75:checked ~ #base :is(#cd75, #ca75),
#gs76:checked ~ #base :is(#cd76, #ca76),
#gs77:checked ~ #base :is(#cd77, #ca77) {
background-color:#FFFF40;
}
/* 文字ボード */
#board-b {
display:block;
height:126px;
margin-top:16px;
}
#board {
display:inline-block;
background-color:white;
outline:solid 1px #00000080;
border-collapse:collapse;
pointer-events:auto;
}
#board td {
width:24px;
height:24px;
border:solid 1px black;
}
#board label {
display:block;
width:24px;
height:24px;
text-align:center;
font-family:monospace;
font-size:16px;
font-weight:bold;
line-height:24px;
}
#cl-er {
color:white;
background-color:#202020;
}
#cb--a:active ~ #base {
--ans:1;
}
#cb--i:active ~ #base {
--ans:2;
}
#cb--u:active ~ #base {
--ans:3;
}
#cb--e:active ~ #base {
--ans:4;
}
#cb--o:active ~ #base {
--ans:5;
}
#cb-ka:active ~ #base {
--ans:6;
}
#cb-ki:active ~ #base {
--ans:7;
}
#cb-ku:active ~ #base {
--ans:8;
}
#cb-ke:active ~ #base {
--ans:9;
}
#cb-ko:active ~ #base {
--ans:10;
}
#cb-ga:active ~ #base {
--ans:11;
}
#cb-gi:active ~ #base {
--ans:12;
}
#cb-gu:active ~ #base {
--ans:13;
}
#cb-ge:active ~ #base {
--ans:14;
}
#cb-go:active ~ #base {
--ans:15;
}
#cb-sa:active ~ #base {
--ans:16;
}
#cb-si:active ~ #base {
--ans:17;
}
#cb-su:active ~ #base {
--ans:18;
}
#cb-se:active ~ #base {
--ans:19;
}
#cb-so:active ~ #base {
--ans:20;
}
#cb-za:active ~ #base {
--ans:21;
}
#cb-zi:active ~ #base {
--ans:22;
}
#cb-zu:active ~ #base {
--ans:23;
}
#cb-ze:active ~ #base {
--ans:24;
}
#cb-zo:active ~ #base {
--ans:25;
}
#cb-ta:active ~ #base {
--ans:26;
}
#cb-ti:active ~ #base {
--ans:27;
}
#cb-tu:active ~ #base {
--ans:28;
}
#cb-te:active ~ #base {
--ans:29;
}
#cb-to:active ~ #base {
--ans:30;
}
#cb-da:active ~ #base {
--ans:31;
}
#cb-di:active ~ #base {
--ans:32;
}
#cb-du:active ~ #base {
--ans:33;
}
#cb-de:active ~ #base {
--ans:34;
}
#cb-do:active ~ #base {
--ans:35;
}
#cb-na:active ~ #base {
--ans:36;
}
#cb-ni:active ~ #base {
--ans:37;
}
#cb-nu:active ~ #base {
--ans:38;
}
#cb-ne:active ~ #base {
--ans:39;
}
#cb-no:active ~ #base {
--ans:40;
}
#cb-ha:active ~ #base {
--ans:41;
}
#cb-hi:active ~ #base {
--ans:42;
}
#cb-hu:active ~ #base {
--ans:43;
}
#cb-he:active ~ #base {
--ans:44;
}
#cb-ho:active ~ #base {
--ans:45;
}
#cb-ba:active ~ #base {
--ans:46;
}
#cb-bi:active ~ #base {
--ans:47;
}
#cb-bu:active ~ #base {
--ans:48;
}
#cb-be:active ~ #base {
--ans:49;
}
#cb-bo:active ~ #base {
--ans:50;
}
#cb-pa:active ~ #base {
--ans:51;
}
#cb-pi:active ~ #base {
--ans:52;
}
#cb-pu:active ~ #base {
--ans:53;
}
#cb-pe:active ~ #base {
--ans:54;
}
#cb-po:active ~ #base {
--ans:55;
}
#cb-ma:active ~ #base {
--ans:56;
}
#cb-mi:active ~ #base {
--ans:57;
}
#cb-mu:active ~ #base {
--ans:58;
}
#cb-me:active ~ #base {
--ans:59;
}
#cb-mo:active ~ #base {
--ans:60;
}
#cb-ya:active ~ #base {
--ans:61;
}
#cb-yu:active ~ #base {
--ans:62;
}
#cb-yo:active ~ #base {
--ans:63;
}
#cb-ra:active ~ #base {
--ans:64;
}
#cb-ri:active ~ #base {
--ans:65;
}
#cb-ru:active ~ #base {
--ans:66;
}
#cb-re:active ~ #base {
--ans:67;
}
#cb-ro:active ~ #base {
--ans:68;
}
#cb-wa:active ~ #base {
--ans:69;
}
#cb-wo:active ~ #base {
--ans:70;
}
#cb-nn:active ~ #base {
--ans:71;
}
#cb-ch:active ~ #base {
--ans:72;
}
#cb-er:active ~ #base {
--ans:0;
}
#gs00:checked ~ .char:active ~ #base {
--d00:0s;
}
#gs01:checked ~ .char:active ~ #base {
--d01:0s;
}
#gs02:checked ~ .char:active ~ #base {
--d02:0s;
}
#gs03:checked ~ .char:active ~ #base {
--d03:0s;
}
#gs04:checked ~ .char:active ~ #base {
--d04:0s;
}
#gs05:checked ~ .char:active ~ #base {
--d05:0s;
}
#gs06:checked ~ .char:active ~ #base {
--d06:0s;
}
#gs07:checked ~ .char:active ~ #base {
--d07:0s;
}
#gs10:checked ~ .char:active ~ #base {
--d10:0s;
}
#gs11:checked ~ .char:active ~ #base {
--d11:0s;
}
#gs12:checked ~ .char:active ~ #base {
--d12:0s;
}
#gs13:checked ~ .char:active ~ #base {
--d13:0s;
}
#gs14:checked ~ .char:active ~ #base {
--d14:0s;
}
#gs15:checked ~ .char:active ~ #base {
--d15:0s;
}
#gs16:checked ~ .char:active ~ #base {
--d16:0s;
}
#gs17:checked ~ .char:active ~ #base {
--d17:0s;
}
#gs20:checked ~ .char:active ~ #base {
--d20:0s;
}
#gs21:checked ~ .char:active ~ #base {
--d21:0s;
}
#gs22:checked ~ .char:active ~ #base {
--d22:0s;
}
#gs23:checked ~ .char:active ~ #base {
--d23:0s;
}
#gs24:checked ~ .char:active ~ #base {
--d24:0s;
}
#gs25:checked ~ .char:active ~ #base {
--d25:0s;
}
#gs26:checked ~ .char:active ~ #base {
--d26:0s;
}
#gs27:checked ~ .char:active ~ #base {
--d27:0s;
}
#gs30:checked ~ .char:active ~ #base {
--d30:0s;
}
#gs31:checked ~ .char:active ~ #base {
--d31:0s;
}
#gs32:checked ~ .char:active ~ #base {
--d32:0s;
}
#gs33:checked ~ .char:active ~ #base {
--d33:0s;
}
#gs34:checked ~ .char:active ~ #base {
--d34:0s;
}
#gs35:checked ~ .char:active ~ #base {
--d35:0s;
}
#gs36:checked ~ .char:active ~ #base {
--d36:0s;
}
#gs37:checked ~ .char:active ~ #base {
--d37:0s;
}
#gs40:checked ~ .char:active ~ #base {
--d40:0s;
}
#gs41:checked ~ .char:active ~ #base {
--d41:0s;
}
#gs42:checked ~ .char:active ~ #base {
--d42:0s;
}
#gs43:checked ~ .char:active ~ #base {
--d43:0s;
}
#gs44:checked ~ .char:active ~ #base {
--d44:0s;
}
#gs45:checked ~ .char:active ~ #base {
--d45:0s;
}
#gs46:checked ~ .char:active ~ #base {
--d46:0s;
}
#gs47:checked ~ .char:active ~ #base {
--d47:0s;
}
#gs50:checked ~ .char:active ~ #base {
--d50:0s;
}
#gs51:checked ~ .char:active ~ #base {
--d51:0s;
}
#gs52:checked ~ .char:active ~ #base {
--d52:0s;
}
#gs53:checked ~ .char:active ~ #base {
--d53:0s;
}
#gs54:checked ~ .char:active ~ #base {
--d54:0s;
}
#gs55:checked ~ .char:active ~ #base {
--d55:0s;
}
#gs56:checked ~ .char:active ~ #base {
--d56:0s;
}
#gs57:checked ~ .char:active ~ #base {
--d57:0s;
}
#gs60:checked ~ .char:active ~ #base {
--d60:0s;
}
#gs61:checked ~ .char:active ~ #base {
--d61:0s;
}
#gs62:checked ~ .char:active ~ #base {
--d62:0s;
}
#gs63:checked ~ .char:active ~ #base {
--d63:0s;
}
#gs64:checked ~ .char:active ~ #base {
--d64:0s;
}
#gs65:checked ~ .char:active ~ #base {
--d65:0s;
}
#gs66:checked ~ .char:active ~ #base {
--d66:0s;
}
#gs67:checked ~ .char:active ~ #base {
--d67:0s;
}
#gs70:checked ~ .char:active ~ #base {
--d70:0s;
}
#gs71:checked ~ .char:active ~ #base {
--d71:0s;
}
#gs72:checked ~ .char:active ~ #base {
--d72:0s;
}
#gs73:checked ~ .char:active ~ #base {
--d73:0s;
}
#gs74:checked ~ .char:active ~ #base {
--d74:0s;
}
#gs75:checked ~ .char:active ~ #base {
--d75:0s;
}
#gs76:checked ~ .char:active ~ #base {
--d76:0s;
}
#gs77:checked ~ .char:active ~ #base {
--d77:0s;
}
#jd-cl {
position:relative;
height:64px;
margin-top:10px;
}
/* 判定 */
#judge-b {
display:inline-block;
position:relative;
vertical-align:top;
}
#result {
position:relative;
height:24px;
font-size:15px;
font-weight:bold;
}
#result1, #result2 {
height:0;
overflow:clip;
}
#result2 {
color:#E00000;
}
#judge {
position:relative;
height:30px;
/* すべてのマスを埋めたか？ */
--filled:(min(var(--a00), 1) + (1 - min(var(--q00), 1)))
* (min(var(--a01), 1) + (1 - min(var(--q01), 1)))
* (min(var(--a02), 1) + (1 - min(var(--q02), 1)))
* (min(var(--a03), 1) + (1 - min(var(--q03), 1)))
* (min(var(--a04), 1) + (1 - min(var(--q04), 1)))
* (min(var(--a05), 1) + (1 - min(var(--q05), 1)))
* (min(var(--a06), 1) + (1 - min(var(--q06), 1)))
* (min(var(--a07), 1) + (1 - min(var(--q07), 1)))
* (min(var(--a10), 1) + (1 - min(var(--q10), 1)))
* (min(var(--a11), 1) + (1 - min(var(--q11), 1)))
* (min(var(--a12), 1) + (1 - min(var(--q12), 1)))
* (min(var(--a13), 1) + (1 - min(var(--q13), 1)))
* (min(var(--a14), 1) + (1 - min(var(--q14), 1)))
* (min(var(--a15), 1) + (1 - min(var(--q15), 1)))
* (min(var(--a16), 1) + (1 - min(var(--q16), 1)))
* (min(var(--a17), 1) + (1 - min(var(--q17), 1)))
* (min(var(--a20), 1) + (1 - min(var(--q20), 1)))
* (min(var(--a21), 1) + (1 - min(var(--q21), 1)))
* (min(var(--a22), 1) + (1 - min(var(--q22), 1)))
* (min(var(--a23), 1) + (1 - min(var(--q23), 1)))
* (min(var(--a24), 1) + (1 - min(var(--q24), 1)))
* (min(var(--a25), 1) + (1 - min(var(--q25), 1)))
* (min(var(--a26), 1) + (1 - min(var(--q26), 1)))
* (min(var(--a27), 1) + (1 - min(var(--q27), 1)))
* (min(var(--a30), 1) + (1 - min(var(--q30), 1)))
* (min(var(--a31), 1) + (1 - min(var(--q31), 1)))
* (min(var(--a32), 1) + (1 - min(var(--q32), 1)))
* (min(var(--a33), 1) + (1 - min(var(--q33), 1)))
* (min(var(--a34), 1) + (1 - min(var(--q34), 1)))
* (min(var(--a35), 1) + (1 - min(var(--q35), 1)))
* (min(var(--a36), 1) + (1 - min(var(--q36), 1)))
* (min(var(--a37), 1) + (1 - min(var(--q37), 1)))
* (min(var(--a40), 1) + (1 - min(var(--q40), 1)))
* (min(var(--a41), 1) + (1 - min(var(--q41), 1)))
* (min(var(--a42), 1) + (1 - min(var(--q42), 1)))
* (min(var(--a43), 1) + (1 - min(var(--q43), 1)))
* (min(var(--a44), 1) + (1 - min(var(--q44), 1)))
* (min(var(--a45), 1) + (1 - min(var(--q45), 1)))
* (min(var(--a46), 1) + (1 - min(var(--q46), 1)))
* (min(var(--a47), 1) + (1 - min(var(--q47), 1)))
* (min(var(--a50), 1) + (1 - min(var(--q50), 1)))
* (min(var(--a51), 1) + (1 - min(var(--q51), 1)))
* (min(var(--a52), 1) + (1 - min(var(--q52), 1)))
* (min(var(--a53), 1) + (1 - min(var(--q53), 1)))
* (min(var(--a54), 1) + (1 - min(var(--q54), 1)))
* (min(var(--a55), 1) + (1 - min(var(--q55), 1)))
* (min(var(--a56), 1) + (1 - min(var(--q56), 1)))
* (min(var(--a57), 1) + (1 - min(var(--q57), 1)))
* (min(var(--a60), 1) + (1 - min(var(--q60), 1)))
* (min(var(--a61), 1) + (1 - min(var(--q61), 1)))
* (min(var(--a62), 1) + (1 - min(var(--q62), 1)))
* (min(var(--a63), 1) + (1 - min(var(--q63), 1)))
* (min(var(--a64), 1) + (1 - min(var(--q64), 1)))
* (min(var(--a65), 1) + (1 - min(var(--q65), 1)))
* (min(var(--a66), 1) + (1 - min(var(--q66), 1)))
* (min(var(--a67), 1) + (1 - min(var(--q67), 1)))
* (min(var(--a70), 1) + (1 - min(var(--q70), 1)))
* (min(var(--a71), 1) + (1 - min(var(--q71), 1)))
* (min(var(--a72), 1) + (1 - min(var(--q72), 1)))
* (min(var(--a73), 1) + (1 - min(var(--q73), 1)))
* (min(var(--a74), 1) + (1 - min(var(--q74), 1)))
* (min(var(--a75), 1) + (1 - min(var(--q75), 1)))
* (min(var(--a76), 1) + (1 - min(var(--q76), 1)))
* (min(var(--a77), 1) + (1 - min(var(--q77), 1)));
}
#judge1-l, #judge2-l {
display:inline-block;
position:relative;
height:30px;
text-align:center;
color:white;
font-size:14px;
line-height:30px;
background-color:hwb(240 calc((1 - var(--filled)) * 50%) 37%);
border-radius:4px;
pointer-events:auto;
}
#judge1-l {
padding-left:12px;
padding-right:12px;
}
#judge2-l {
margin-left:10px;
padding-left:10px;
padding-right:10px;
}
:is(#judge1-l, #judge2-l) label {
display:block;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:calc(var(--filled) - 1);
cursor:pointer;
}
:is(#judge1, #judge2):active ~ #base #result {
--judge:min(var(--i00) + var(--i01) + var(--i02) + var(--i03)
+ var(--i04) + var(--i05) + var(--i06) + var(--i07)
+ var(--i10) + var(--i11) + var(--i12) + var(--i13)
+ var(--i14) + var(--i15) + var(--i16) + var(--i17)
+ var(--i20) + var(--i21) + var(--i22) + var(--i23)
+ var(--i24) + var(--i25) + var(--i26) + var(--i27)
+ var(--i30) + var(--i31) + var(--i32) + var(--i33)
+ var(--i34) + var(--i35) + var(--i36) + var(--i37)
+ var(--i40) + var(--i41) + var(--i42) + var(--i43)
+ var(--i44) + var(--i45) + var(--i46) + var(--i47)
+ var(--i50) + var(--i51) + var(--i52) + var(--i53)
+ var(--i54) + var(--i55) + var(--i56) + var(--i57)
+ var(--i60) + var(--i61) + var(--i62) + var(--i63)
+ var(--i64) + var(--i65) + var(--i66) + var(--i67)
+ var(--i70) + var(--i71) + var(--i72) + var(--i73)
+ var(--i74) + var(--i75) + var(--i76) + var(--i77), 1);
}
:is(#judge1, #judge2):active ~ #base #result1 {
height:calc((1 - var(--judge)) * 24px);
}
:is(#judge1, #judge2):active ~ #base #result2 {
height:calc(var(--judge) * 24px);
}
#judge2:active ~ #base .grid {
/* background-image を使っているのは，選択されているマスの内容が正しいときに
background-color を変えないため */
background-image:linear-gradient(#FF4000, #FF4000);
background-repeat:no-repeat;
background-size:calc(var(--i) * 100%);
}
#judge2:active ~ #base #gr00 {
--i:var(--i00);
}
#judge2:active ~ #base #gr01 {
--i:var(--i01);
}
#judge2:active ~ #base #gr02 {
--i:var(--i02);
}
#judge2:active ~ #base #gr03 {
--i:var(--i03);
}
#judge2:active ~ #base #gr04 {
--i:var(--i04);
}
#judge2:active ~ #base #gr05 {
--i:var(--i05);
}
#judge2:active ~ #base #gr06 {
--i:var(--i06);
}
#judge2:active ~ #base #gr07 {
--i:var(--i07);
}
#judge2:active ~ #base #gr10 {
--i:var(--i10);
}
#judge2:active ~ #base #gr11 {
--i:var(--i11);
}
#judge2:active ~ #base #gr12 {
--i:var(--i12);
}
#judge2:active ~ #base #gr13 {
--i:var(--i13);
}
#judge2:active ~ #base #gr14 {
--i:var(--i14);
}
#judge2:active ~ #base #gr15 {
--i:var(--i15);
}
#judge2:active ~ #base #gr16 {
--i:var(--i16);
}
#judge2:active ~ #base #gr17 {
--i:var(--i17);
}
#judge2:active ~ #base #gr20 {
--i:var(--i20);
}
#judge2:active ~ #base #gr21 {
--i:var(--i21);
}
#judge2:active ~ #base #gr22 {
--i:var(--i22);
}
#judge2:active ~ #base #gr23 {
--i:var(--i23);
}
#judge2:active ~ #base #gr24 {
--i:var(--i24);
}
#judge2:active ~ #base #gr25 {
--i:var(--i25);
}
#judge2:active ~ #base #gr26 {
--i:var(--i26);
}
#judge2:active ~ #base #gr27 {
--i:var(--i27);
}
#judge2:active ~ #base #gr30 {
--i:var(--i30);
}
#judge2:active ~ #base #gr31 {
--i:var(--i31);
}
#judge2:active ~ #base #gr32 {
--i:var(--i32);
}
#judge2:active ~ #base #gr33 {
--i:var(--i33);
}
#judge2:active ~ #base #gr34 {
--i:var(--i34);
}
#judge2:active ~ #base #gr35 {
--i:var(--i35);
}
#judge2:active ~ #base #gr36 {
--i:var(--i36);
}
#judge2:active ~ #base #gr37 {
--i:var(--i37);
}
#judge2:active ~ #base #gr40 {
--i:var(--i40);
}
#judge2:active ~ #base #gr41 {
--i:var(--i41);
}
#judge2:active ~ #base #gr42 {
--i:var(--i42);
}
#judge2:active ~ #base #gr43 {
--i:var(--i43);
}
#judge2:active ~ #base #gr44 {
--i:var(--i44);
}
#judge2:active ~ #base #gr45 {
--i:var(--i45);
}
#judge2:active ~ #base #gr46 {
--i:var(--i46);
}
#judge2:active ~ #base #gr47 {
--i:var(--i47);
}
#judge2:active ~ #base #gr50 {
--i:var(--i50);
}
#judge2:active ~ #base #gr51 {
--i:var(--i51);
}
#judge2:active ~ #base #gr52 {
--i:var(--i52);
}
#judge2:active ~ #base #gr53 {
--i:var(--i53);
}
#judge2:active ~ #base #gr54 {
--i:var(--i54);
}
#judge2:active ~ #base #gr55 {
--i:var(--i55);
}
#judge2:active ~ #base #gr56 {
--i:var(--i56);
}
#judge2:active ~ #base #gr57 {
--i:var(--i57);
}
#judge2:active ~ #base #gr60 {
--i:var(--i60);
}
#judge2:active ~ #base #gr61 {
--i:var(--i61);
}
#judge2:active ~ #base #gr62 {
--i:var(--i62);
}
#judge2:active ~ #base #gr63 {
--i:var(--i63);
}
#judge2:active ~ #base #gr64 {
--i:var(--i64);
}
#judge2:active ~ #base #gr65 {
--i:var(--i65);
}
#judge2:active ~ #base #gr66 {
--i:var(--i66);
}
#judge2:active ~ #base #gr67 {
--i:var(--i67);
}
#judge2:active ~ #base #gr70 {
--i:var(--i70);
}
#judge2:active ~ #base #gr71 {
--i:var(--i71);
}
#judge2:active ~ #base #gr72 {
--i:var(--i72);
}
#judge2:active ~ #base #gr73 {
--i:var(--i73);
}
#judge2:active ~ #base #gr74 {
--i:var(--i74);
}
#judge2:active ~ #base #gr75 {
--i:var(--i75);
}
#judge2:active ~ #base #gr76 {
--i:var(--i76);
}
#judge2:active ~ #base #gr77 {
--i:var(--i77);
}
#clear-l {
display:inline-block;
position:relative;
height:30px;
margin-left:30px;
margin-top:24px;
vertical-align:top;
padding-left:12px;
padding-right:12px;
text-align:center;
color:white;
font-size:14px;
line-height:30px;
background-color:#0000A0;
border-radius:4px;
pointer-events:auto;
cursor:pointer;
}
-->
</STYLE>
</HEAD>
<BODY>
<LABEL ID="unsel-l" FOR="unsel"></LABEL>
<DIV ID="title">スタイルシート クロスワード</DIV>
<INPUT TYPE=RADIO NAME="qsel" ID="qsel-1" CHECKED>
<INPUT TYPE=RADIO NAME="qsel" ID="qsel-2">
<INPUT TYPE=RADIO NAME="qsel" ID="qsel-3">
<INPUT TYPE=RADIO NAME="qsel" ID="qsel-4">
<INPUT TYPE=RADIO NAME="gsel" ID="gs00">
<INPUT TYPE=RADIO NAME="gsel" ID="gs01">
<INPUT TYPE=RADIO NAME="gsel" ID="gs02">
<INPUT TYPE=RADIO NAME="gsel" ID="gs03">
<INPUT TYPE=RADIO NAME="gsel" ID="gs04">
<INPUT TYPE=RADIO NAME="gsel" ID="gs05">
<INPUT TYPE=RADIO NAME="gsel" ID="gs06">
<INPUT TYPE=RADIO NAME="gsel" ID="gs07">
<INPUT TYPE=RADIO NAME="gsel" ID="gs10">
<INPUT TYPE=RADIO NAME="gsel" ID="gs11">
<INPUT TYPE=RADIO NAME="gsel" ID="gs12">
<INPUT TYPE=RADIO NAME="gsel" ID="gs13">
<INPUT TYPE=RADIO NAME="gsel" ID="gs14">
<INPUT TYPE=RADIO NAME="gsel" ID="gs15">
<INPUT TYPE=RADIO NAME="gsel" ID="gs16">
<INPUT TYPE=RADIO NAME="gsel" ID="gs17">
<INPUT TYPE=RADIO NAME="gsel" ID="gs20">
<INPUT TYPE=RADIO NAME="gsel" ID="gs21">
<INPUT TYPE=RADIO NAME="gsel" ID="gs22">
<INPUT TYPE=RADIO NAME="gsel" ID="gs23">
<INPUT TYPE=RADIO NAME="gsel" ID="gs24">
<INPUT TYPE=RADIO NAME="gsel" ID="gs25">
<INPUT TYPE=RADIO NAME="gsel" ID="gs26">
<INPUT TYPE=RADIO NAME="gsel" ID="gs27">
<INPUT TYPE=RADIO NAME="gsel" ID="gs30">
<INPUT TYPE=RADIO NAME="gsel" ID="gs31">
<INPUT TYPE=RADIO NAME="gsel" ID="gs32">
<INPUT TYPE=RADIO NAME="gsel" ID="gs33">
<INPUT TYPE=RADIO NAME="gsel" ID="gs34">
<INPUT TYPE=RADIO NAME="gsel" ID="gs35">
<INPUT TYPE=RADIO NAME="gsel" ID="gs36">
<INPUT TYPE=RADIO NAME="gsel" ID="gs37">
<INPUT TYPE=RADIO NAME="gsel" ID="gs40">
<INPUT TYPE=RADIO NAME="gsel" ID="gs41">
<INPUT TYPE=RADIO NAME="gsel" ID="gs42">
<INPUT TYPE=RADIO NAME="gsel" ID="gs43">
<INPUT TYPE=RADIO NAME="gsel" ID="gs44">
<INPUT TYPE=RADIO NAME="gsel" ID="gs45">
<INPUT TYPE=RADIO NAME="gsel" ID="gs46">
<INPUT TYPE=RADIO NAME="gsel" ID="gs47">
<INPUT TYPE=RADIO NAME="gsel" ID="gs50">
<INPUT TYPE=RADIO NAME="gsel" ID="gs51">
<INPUT TYPE=RADIO NAME="gsel" ID="gs52">
<INPUT TYPE=RADIO NAME="gsel" ID="gs53">
<INPUT TYPE=RADIO NAME="gsel" ID="gs54">
<INPUT TYPE=RADIO NAME="gsel" ID="gs55">
<INPUT TYPE=RADIO NAME="gsel" ID="gs56">
<INPUT TYPE=RADIO NAME="gsel" ID="gs57">
<INPUT TYPE=RADIO NAME="gsel" ID="gs60">
<INPUT TYPE=RADIO NAME="gsel" ID="gs61">
<INPUT TYPE=RADIO NAME="gsel" ID="gs62">
<INPUT TYPE=RADIO NAME="gsel" ID="gs63">
<INPUT TYPE=RADIO NAME="gsel" ID="gs64">
<INPUT TYPE=RADIO NAME="gsel" ID="gs65">
<INPUT TYPE=RADIO NAME="gsel" ID="gs66">
<INPUT TYPE=RADIO NAME="gsel" ID="gs67">
<INPUT TYPE=RADIO NAME="gsel" ID="gs70">
<INPUT TYPE=RADIO NAME="gsel" ID="gs71">
<INPUT TYPE=RADIO NAME="gsel" ID="gs72">
<INPUT TYPE=RADIO NAME="gsel" ID="gs73">
<INPUT TYPE=RADIO NAME="gsel" ID="gs74">
<INPUT TYPE=RADIO NAME="gsel" ID="gs75">
<INPUT TYPE=RADIO NAME="gsel" ID="gs76">
<INPUT TYPE=RADIO NAME="gsel" ID="gs77">
<INPUT TYPE=RADIO NAME="gsel" ID="unsel">
<INPUT TYPE=RADIO NAME="gsel" ID="clear" CHECKED>
<INPUT TYPE=BUTTON ID="cb--a" CLASS="char">
<INPUT TYPE=BUTTON ID="cb--i" CLASS="char">
<INPUT TYPE=BUTTON ID="cb--u" CLASS="char">
<INPUT TYPE=BUTTON ID="cb--e" CLASS="char">
<INPUT TYPE=BUTTON ID="cb--o" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ka" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ki" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ku" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ke" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ko" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ga" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-gi" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-gu" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ge" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-go" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-sa" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-si" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-su" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-se" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-so" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-za" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-zi" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-zu" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ze" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-zo" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ta" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ti" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-tu" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-te" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-to" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-da" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-di" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-du" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-de" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-do" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-na" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ni" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-nu" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ne" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-no" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ha" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-hi" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-hu" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-he" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ho" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ba" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-bi" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-bu" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-be" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-bo" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-pa" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-pi" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-pu" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-pe" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-po" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ma" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-mi" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-mu" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-me" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-mo" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ya" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-yu" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-yo" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ra" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ri" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ru" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-re" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ro" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-wa" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-wo" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-nn" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-ch" CLASS="char">
<INPUT TYPE=BUTTON ID="cb-er" CLASS="char">
<INPUT TYPE=BUTTON ID="judge1">
<INPUT TYPE=BUTTON ID="judge2">
<DIV ID="base">
<DIV ID="qsel">
<SPAN ID="qsel-cap">問題選択</SPAN>
<DIV ID="qsel-1-l" CLASS="qsel">1<LABEL FOR="qsel-1"></LABEL></DIV>
<DIV ID="qsel-2-l" CLASS="qsel">2<LABEL FOR="qsel-2"></LABEL></DIV>
<DIV ID="qsel-3-l" CLASS="qsel">3<LABEL FOR="qsel-3"></LABEL></DIV>
<DIV ID="qsel-4-l" CLASS="qsel">4<LABEL FOR="qsel-4"></LABEL></DIV>
</DIV>
<DIV ID="back">
<!-- マス -->
<DIV ID="grid-b">
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 ID="grid">
<TR>
<TD ID="gr00" CLASS="grid"><LABEL FOR="gs00"></LABEL><LABEL ID="ul00" FOR="unsel"></LABEL></TD>
<TD ID="gr01" CLASS="grid"><LABEL FOR="gs01"></LABEL><LABEL ID="ul01" FOR="unsel"></LABEL></TD>
<TD ID="gr02" CLASS="grid"><LABEL FOR="gs02"></LABEL><LABEL ID="ul02" FOR="unsel"></LABEL></TD>
<TD ID="gr03" CLASS="grid"><LABEL FOR="gs03"></LABEL><LABEL ID="ul03" FOR="unsel"></LABEL></TD>
<TD ID="gr04" CLASS="grid"><LABEL FOR="gs04"></LABEL><LABEL ID="ul04" FOR="unsel"></LABEL></TD>
<TD ID="gr05" CLASS="grid"><LABEL FOR="gs05"></LABEL><LABEL ID="ul05" FOR="unsel"></LABEL></TD>
<TD ID="gr06" CLASS="grid"><LABEL FOR="gs06"></LABEL><LABEL ID="ul06" FOR="unsel"></LABEL></TD>
<TD ID="gr07" CLASS="grid"><LABEL FOR="gs07"></LABEL><LABEL ID="ul07" FOR="unsel"></LABEL></TD>
</TR>
<TR>
<TD ID="gr10" CLASS="grid"><LABEL FOR="gs10"></LABEL><LABEL ID="ul10" FOR="unsel"></LABEL></TD>
<TD ID="gr11" CLASS="grid"><LABEL FOR="gs11"></LABEL><LABEL ID="ul11" FOR="unsel"></LABEL></TD>
<TD ID="gr12" CLASS="grid"><LABEL FOR="gs12"></LABEL><LABEL ID="ul12" FOR="unsel"></LABEL></TD>
<TD ID="gr13" CLASS="grid"><LABEL FOR="gs13"></LABEL><LABEL ID="ul13" FOR="unsel"></LABEL></TD>
<TD ID="gr14" CLASS="grid"><LABEL FOR="gs14"></LABEL><LABEL ID="ul14" FOR="unsel"></LABEL></TD>
<TD ID="gr15" CLASS="grid"><LABEL FOR="gs15"></LABEL><LABEL ID="ul15" FOR="unsel"></LABEL></TD>
<TD ID="gr16" CLASS="grid"><LABEL FOR="gs16"></LABEL><LABEL ID="ul16" FOR="unsel"></LABEL></TD>
<TD ID="gr17" CLASS="grid"><LABEL FOR="gs17"></LABEL><LABEL ID="ul17" FOR="unsel"></LABEL></TD>
</TR>
<TR>
<TD ID="gr20" CLASS="grid"><LABEL FOR="gs20"></LABEL><LABEL ID="ul20" FOR="unsel"></LABEL></TD>
<TD ID="gr21" CLASS="grid"><LABEL FOR="gs21"></LABEL><LABEL ID="ul21" FOR="unsel"></LABEL></TD>
<TD ID="gr22" CLASS="grid"><LABEL FOR="gs22"></LABEL><LABEL ID="ul22" FOR="unsel"></LABEL></TD>
<TD ID="gr23" CLASS="grid"><LABEL FOR="gs23"></LABEL><LABEL ID="ul23" FOR="unsel"></LABEL></TD>
<TD ID="gr24" CLASS="grid"><LABEL FOR="gs24"></LABEL><LABEL ID="ul24" FOR="unsel"></LABEL></TD>
<TD ID="gr25" CLASS="grid"><LABEL FOR="gs25"></LABEL><LABEL ID="ul25" FOR="unsel"></LABEL></TD>
<TD ID="gr26" CLASS="grid"><LABEL FOR="gs26"></LABEL><LABEL ID="ul26" FOR="unsel"></LABEL></TD>
<TD ID="gr27" CLASS="grid"><LABEL FOR="gs27"></LABEL><LABEL ID="ul27" FOR="unsel"></LABEL></TD>
</TR>
<TR>
<TD ID="gr30" CLASS="grid"><LABEL FOR="gs30"></LABEL><LABEL ID="ul30" FOR="unsel"></LABEL></TD>
<TD ID="gr31" CLASS="grid"><LABEL FOR="gs31"></LABEL><LABEL ID="ul31" FOR="unsel"></LABEL></TD>
<TD ID="gr32" CLASS="grid"><LABEL FOR="gs32"></LABEL><LABEL ID="ul32" FOR="unsel"></LABEL></TD>
<TD ID="gr33" CLASS="grid"><LABEL FOR="gs33"></LABEL><LABEL ID="ul33" FOR="unsel"></LABEL></TD>
<TD ID="gr34" CLASS="grid"><LABEL FOR="gs34"></LABEL><LABEL ID="ul34" FOR="unsel"></LABEL></TD>
<TD ID="gr35" CLASS="grid"><LABEL FOR="gs35"></LABEL><LABEL ID="ul35" FOR="unsel"></LABEL></TD>
<TD ID="gr36" CLASS="grid"><LABEL FOR="gs36"></LABEL><LABEL ID="ul36" FOR="unsel"></LABEL></TD>
<TD ID="gr37" CLASS="grid"><LABEL FOR="gs37"></LABEL><LABEL ID="ul37" FOR="unsel"></LABEL></TD>
</TR>
<TR>
<TD ID="gr40" CLASS="grid"><LABEL FOR="gs40"></LABEL><LABEL ID="ul40" FOR="unsel"></LABEL></TD>
<TD ID="gr41" CLASS="grid"><LABEL FOR="gs41"></LABEL><LABEL ID="ul41" FOR="unsel"></LABEL></TD>
<TD ID="gr42" CLASS="grid"><LABEL FOR="gs42"></LABEL><LABEL ID="ul42" FOR="unsel"></LABEL></TD>
<TD ID="gr43" CLASS="grid"><LABEL FOR="gs43"></LABEL><LABEL ID="ul43" FOR="unsel"></LABEL></TD>
<TD ID="gr44" CLASS="grid"><LABEL FOR="gs44"></LABEL><LABEL ID="ul44" FOR="unsel"></LABEL></TD>
<TD ID="gr45" CLASS="grid"><LABEL FOR="gs45"></LABEL><LABEL ID="ul45" FOR="unsel"></LABEL></TD>
<TD ID="gr46" CLASS="grid"><LABEL FOR="gs46"></LABEL><LABEL ID="ul46" FOR="unsel"></LABEL></TD>
<TD ID="gr47" CLASS="grid"><LABEL FOR="gs47"></LABEL><LABEL ID="ul47" FOR="unsel"></LABEL></TD>
</TR>
<TR>
<TD ID="gr50" CLASS="grid"><LABEL FOR="gs50"></LABEL><LABEL ID="ul50" FOR="unsel"></LABEL></TD>
<TD ID="gr51" CLASS="grid"><LABEL FOR="gs51"></LABEL><LABEL ID="ul51" FOR="unsel"></LABEL></TD>
<TD ID="gr52" CLASS="grid"><LABEL FOR="gs52"></LABEL><LABEL ID="ul52" FOR="unsel"></LABEL></TD>
<TD ID="gr53" CLASS="grid"><LABEL FOR="gs53"></LABEL><LABEL ID="ul53" FOR="unsel"></LABEL></TD>
<TD ID="gr54" CLASS="grid"><LABEL FOR="gs54"></LABEL><LABEL ID="ul54" FOR="unsel"></LABEL></TD>
<TD ID="gr55" CLASS="grid"><LABEL FOR="gs55"></LABEL><LABEL ID="ul55" FOR="unsel"></LABEL></TD>
<TD ID="gr56" CLASS="grid"><LABEL FOR="gs56"></LABEL><LABEL ID="ul56" FOR="unsel"></LABEL></TD>
<TD ID="gr57" CLASS="grid"><LABEL FOR="gs57"></LABEL><LABEL ID="ul57" FOR="unsel"></LABEL></TD>
</TR>
<TR>
<TD ID="gr60" CLASS="grid"><LABEL FOR="gs60"></LABEL><LABEL ID="ul60" FOR="unsel"></LABEL></TD>
<TD ID="gr61" CLASS="grid"><LABEL FOR="gs61"></LABEL><LABEL ID="ul61" FOR="unsel"></LABEL></TD>
<TD ID="gr62" CLASS="grid"><LABEL FOR="gs62"></LABEL><LABEL ID="ul62" FOR="unsel"></LABEL></TD>
<TD ID="gr63" CLASS="grid"><LABEL FOR="gs63"></LABEL><LABEL ID="ul63" FOR="unsel"></LABEL></TD>
<TD ID="gr64" CLASS="grid"><LABEL FOR="gs64"></LABEL><LABEL ID="ul64" FOR="unsel"></LABEL></TD>
<TD ID="gr65" CLASS="grid"><LABEL FOR="gs65"></LABEL><LABEL ID="ul65" FOR="unsel"></LABEL></TD>
<TD ID="gr66" CLASS="grid"><LABEL FOR="gs66"></LABEL><LABEL ID="ul66" FOR="unsel"></LABEL></TD>
<TD ID="gr67" CLASS="grid"><LABEL FOR="gs67"></LABEL><LABEL ID="ul67" FOR="unsel"></LABEL></TD>
</TR>
<TR>
<TD ID="gr70" CLASS="grid"><LABEL FOR="gs70"></LABEL><LABEL ID="ul70" FOR="unsel"></LABEL></TD>
<TD ID="gr71" CLASS="grid"><LABEL FOR="gs71"></LABEL><LABEL ID="ul71" FOR="unsel"></LABEL></TD>
<TD ID="gr72" CLASS="grid"><LABEL FOR="gs72"></LABEL><LABEL ID="ul72" FOR="unsel"></LABEL></TD>
<TD ID="gr73" CLASS="grid"><LABEL FOR="gs73"></LABEL><LABEL ID="ul73" FOR="unsel"></LABEL></TD>
<TD ID="gr74" CLASS="grid"><LABEL FOR="gs74"></LABEL><LABEL ID="ul74" FOR="unsel"></LABEL></TD>
<TD ID="gr75" CLASS="grid"><LABEL FOR="gs75"></LABEL><LABEL ID="ul75" FOR="unsel"></LABEL></TD>
<TD ID="gr76" CLASS="grid"><LABEL FOR="gs76"></LABEL><LABEL ID="ul76" FOR="unsel"></LABEL></TD>
<TD ID="gr77" CLASS="grid"><LABEL FOR="gs77"></LABEL><LABEL ID="ul77" FOR="unsel"></LABEL></TD>
</TR>
</TABLE>
</DIV>
<!-- カギ -->
<DIV ID="clues">
<DIV ID="clues-d">
<DIV CLASS="clues-cap">タテのカギ</DIV>
<DIV CLASS="clues">
<DIV ID="cd00" CLASS="clue"><LABEL FOR="gs00"></DIV>
<DIV ID="cd01" CLASS="clue"><LABEL FOR="gs01"></DIV>
<DIV ID="cd02" CLASS="clue"><LABEL FOR="gs02"></DIV>
<DIV ID="cd03" CLASS="clue"><LABEL FOR="gs03"></DIV>
<DIV ID="cd04" CLASS="clue"><LABEL FOR="gs04"></DIV>
<DIV ID="cd05" CLASS="clue"><LABEL FOR="gs05"></DIV>
<DIV ID="cd06" CLASS="clue"><LABEL FOR="gs06"></DIV>
<DIV ID="cd07" CLASS="clue"><LABEL FOR="gs07"></DIV>
<DIV ID="cd10" CLASS="clue"><LABEL FOR="gs10"></DIV>
<DIV ID="cd11" CLASS="clue"><LABEL FOR="gs11"></DIV>
<DIV ID="cd12" CLASS="clue"><LABEL FOR="gs12"></DIV>
<DIV ID="cd13" CLASS="clue"><LABEL FOR="gs13"></DIV>
<DIV ID="cd14" CLASS="clue"><LABEL FOR="gs14"></DIV>
<DIV ID="cd15" CLASS="clue"><LABEL FOR="gs15"></DIV>
<DIV ID="cd16" CLASS="clue"><LABEL FOR="gs16"></DIV>
<DIV ID="cd17" CLASS="clue"><LABEL FOR="gs17"></DIV>
<DIV ID="cd20" CLASS="clue"><LABEL FOR="gs20"></DIV>
<DIV ID="cd21" CLASS="clue"><LABEL FOR="gs21"></DIV>
<DIV ID="cd22" CLASS="clue"><LABEL FOR="gs22"></DIV>
<DIV ID="cd23" CLASS="clue"><LABEL FOR="gs23"></DIV>
<DIV ID="cd24" CLASS="clue"><LABEL FOR="gs24"></DIV>
<DIV ID="cd25" CLASS="clue"><LABEL FOR="gs25"></DIV>
<DIV ID="cd26" CLASS="clue"><LABEL FOR="gs26"></DIV>
<DIV ID="cd27" CLASS="clue"><LABEL FOR="gs27"></DIV>
<DIV ID="cd30" CLASS="clue"><LABEL FOR="gs30"></DIV>
<DIV ID="cd31" CLASS="clue"><LABEL FOR="gs31"></DIV>
<DIV ID="cd32" CLASS="clue"><LABEL FOR="gs32"></DIV>
<DIV ID="cd33" CLASS="clue"><LABEL FOR="gs33"></DIV>
<DIV ID="cd34" CLASS="clue"><LABEL FOR="gs34"></DIV>
<DIV ID="cd35" CLASS="clue"><LABEL FOR="gs35"></DIV>
<DIV ID="cd36" CLASS="clue"><LABEL FOR="gs36"></DIV>
<DIV ID="cd37" CLASS="clue"><LABEL FOR="gs37"></DIV>
<DIV ID="cd40" CLASS="clue"><LABEL FOR="gs40"></DIV>
<DIV ID="cd41" CLASS="clue"><LABEL FOR="gs41"></DIV>
<DIV ID="cd42" CLASS="clue"><LABEL FOR="gs42"></DIV>
<DIV ID="cd43" CLASS="clue"><LABEL FOR="gs43"></DIV>
<DIV ID="cd44" CLASS="clue"><LABEL FOR="gs44"></DIV>
<DIV ID="cd45" CLASS="clue"><LABEL FOR="gs45"></DIV>
<DIV ID="cd46" CLASS="clue"><LABEL FOR="gs46"></DIV>
<DIV ID="cd47" CLASS="clue"><LABEL FOR="gs47"></DIV>
<DIV ID="cd50" CLASS="clue"><LABEL FOR="gs50"></DIV>
<DIV ID="cd51" CLASS="clue"><LABEL FOR="gs51"></DIV>
<DIV ID="cd52" CLASS="clue"><LABEL FOR="gs52"></DIV>
<DIV ID="cd53" CLASS="clue"><LABEL FOR="gs53"></DIV>
<DIV ID="cd54" CLASS="clue"><LABEL FOR="gs54"></DIV>
<DIV ID="cd55" CLASS="clue"><LABEL FOR="gs55"></DIV>
<DIV ID="cd56" CLASS="clue"><LABEL FOR="gs56"></DIV>
<DIV ID="cd57" CLASS="clue"><LABEL FOR="gs57"></DIV>
<DIV ID="cd60" CLASS="clue"><LABEL FOR="gs60"></DIV>
<DIV ID="cd61" CLASS="clue"><LABEL FOR="gs61"></DIV>
<DIV ID="cd62" CLASS="clue"><LABEL FOR="gs62"></DIV>
<DIV ID="cd63" CLASS="clue"><LABEL FOR="gs63"></DIV>
<DIV ID="cd64" CLASS="clue"><LABEL FOR="gs64"></DIV>
<DIV ID="cd65" CLASS="clue"><LABEL FOR="gs65"></DIV>
<DIV ID="cd66" CLASS="clue"><LABEL FOR="gs66"></DIV>
<DIV ID="cd67" CLASS="clue"><LABEL FOR="gs67"></DIV>
<DIV ID="cd70" CLASS="clue"><LABEL FOR="gs70"></DIV>
<DIV ID="cd71" CLASS="clue"><LABEL FOR="gs71"></DIV>
<DIV ID="cd72" CLASS="clue"><LABEL FOR="gs72"></DIV>
<DIV ID="cd73" CLASS="clue"><LABEL FOR="gs73"></DIV>
<DIV ID="cd74" CLASS="clue"><LABEL FOR="gs74"></DIV>
<DIV ID="cd75" CLASS="clue"><LABEL FOR="gs75"></DIV>
<DIV ID="cd76" CLASS="clue"><LABEL FOR="gs76"></DIV>
<DIV ID="cd77" CLASS="clue"><LABEL FOR="gs77"></DIV>
</DIV>
</DIV>
<DIV ID="clues-a">
<DIV CLASS="clues-cap">ヨコのカギ</DIV>
<DIV CLASS="clues">
<DIV ID="ca00" CLASS="clue"><LABEL FOR="gs00"></DIV>
<DIV ID="ca01" CLASS="clue"><LABEL FOR="gs01"></DIV>
<DIV ID="ca02" CLASS="clue"><LABEL FOR="gs02"></DIV>
<DIV ID="ca03" CLASS="clue"><LABEL FOR="gs03"></DIV>
<DIV ID="ca04" CLASS="clue"><LABEL FOR="gs04"></DIV>
<DIV ID="ca05" CLASS="clue"><LABEL FOR="gs05"></DIV>
<DIV ID="ca06" CLASS="clue"><LABEL FOR="gs06"></DIV>
<DIV ID="ca07" CLASS="clue"><LABEL FOR="gs07"></DIV>
<DIV ID="ca10" CLASS="clue"><LABEL FOR="gs10"></DIV>
<DIV ID="ca11" CLASS="clue"><LABEL FOR="gs11"></DIV>
<DIV ID="ca12" CLASS="clue"><LABEL FOR="gs12"></DIV>
<DIV ID="ca13" CLASS="clue"><LABEL FOR="gs13"></DIV>
<DIV ID="ca14" CLASS="clue"><LABEL FOR="gs14"></DIV>
<DIV ID="ca15" CLASS="clue"><LABEL FOR="gs15"></DIV>
<DIV ID="ca16" CLASS="clue"><LABEL FOR="gs16"></DIV>
<DIV ID="ca17" CLASS="clue"><LABEL FOR="gs17"></DIV>
<DIV ID="ca20" CLASS="clue"><LABEL FOR="gs20"></DIV>
<DIV ID="ca21" CLASS="clue"><LABEL FOR="gs21"></DIV>
<DIV ID="ca22" CLASS="clue"><LABEL FOR="gs22"></DIV>
<DIV ID="ca23" CLASS="clue"><LABEL FOR="gs23"></DIV>
<DIV ID="ca24" CLASS="clue"><LABEL FOR="gs24"></DIV>
<DIV ID="ca25" CLASS="clue"><LABEL FOR="gs25"></DIV>
<DIV ID="ca26" CLASS="clue"><LABEL FOR="gs26"></DIV>
<DIV ID="ca27" CLASS="clue"><LABEL FOR="gs27"></DIV>
<DIV ID="ca30" CLASS="clue"><LABEL FOR="gs30"></DIV>
<DIV ID="ca31" CLASS="clue"><LABEL FOR="gs31"></DIV>
<DIV ID="ca32" CLASS="clue"><LABEL FOR="gs32"></DIV>
<DIV ID="ca33" CLASS="clue"><LABEL FOR="gs33"></DIV>
<DIV ID="ca34" CLASS="clue"><LABEL FOR="gs34"></DIV>
<DIV ID="ca35" CLASS="clue"><LABEL FOR="gs35"></DIV>
<DIV ID="ca36" CLASS="clue"><LABEL FOR="gs36"></DIV>
<DIV ID="ca37" CLASS="clue"><LABEL FOR="gs37"></DIV>
<DIV ID="ca40" CLASS="clue"><LABEL FOR="gs40"></DIV>
<DIV ID="ca41" CLASS="clue"><LABEL FOR="gs41"></DIV>
<DIV ID="ca42" CLASS="clue"><LABEL FOR="gs42"></DIV>
<DIV ID="ca43" CLASS="clue"><LABEL FOR="gs43"></DIV>
<DIV ID="ca44" CLASS="clue"><LABEL FOR="gs44"></DIV>
<DIV ID="ca45" CLASS="clue"><LABEL FOR="gs45"></DIV>
<DIV ID="ca46" CLASS="clue"><LABEL FOR="gs46"></DIV>
<DIV ID="ca47" CLASS="clue"><LABEL FOR="gs47"></DIV>
<DIV ID="ca50" CLASS="clue"><LABEL FOR="gs50"></DIV>
<DIV ID="ca51" CLASS="clue"><LABEL FOR="gs51"></DIV>
<DIV ID="ca52" CLASS="clue"><LABEL FOR="gs52"></DIV>
<DIV ID="ca53" CLASS="clue"><LABEL FOR="gs53"></DIV>
<DIV ID="ca54" CLASS="clue"><LABEL FOR="gs54"></DIV>
<DIV ID="ca55" CLASS="clue"><LABEL FOR="gs55"></DIV>
<DIV ID="ca56" CLASS="clue"><LABEL FOR="gs56"></DIV>
<DIV ID="ca57" CLASS="clue"><LABEL FOR="gs57"></DIV>
<DIV ID="ca60" CLASS="clue"><LABEL FOR="gs60"></DIV>
<DIV ID="ca61" CLASS="clue"><LABEL FOR="gs61"></DIV>
<DIV ID="ca62" CLASS="clue"><LABEL FOR="gs62"></DIV>
<DIV ID="ca63" CLASS="clue"><LABEL FOR="gs63"></DIV>
<DIV ID="ca64" CLASS="clue"><LABEL FOR="gs64"></DIV>
<DIV ID="ca65" CLASS="clue"><LABEL FOR="gs65"></DIV>
<DIV ID="ca66" CLASS="clue"><LABEL FOR="gs66"></DIV>
<DIV ID="ca67" CLASS="clue"><LABEL FOR="gs67"></DIV>
<DIV ID="ca70" CLASS="clue"><LABEL FOR="gs70"></DIV>
<DIV ID="ca71" CLASS="clue"><LABEL FOR="gs71"></DIV>
<DIV ID="ca72" CLASS="clue"><LABEL FOR="gs72"></DIV>
<DIV ID="ca73" CLASS="clue"><LABEL FOR="gs73"></DIV>
<DIV ID="ca74" CLASS="clue"><LABEL FOR="gs74"></DIV>
<DIV ID="ca75" CLASS="clue"><LABEL FOR="gs75"></DIV>
<DIV ID="ca76" CLASS="clue"><LABEL FOR="gs76"></DIV>
<DIV ID="ca77" CLASS="clue"><LABEL FOR="gs77"></DIV>
</DIV>
</DIV>
</DIV>
</DIV>
<!-- 文字ボード -->
<DIV ID="board-b">
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 ID="board">
<TR>
<TD><LABEL FOR="cb-nn">ン</LABEL></TD>
<TD><LABEL FOR="cb-wa">ワ</LABEL></TD>
<TD><LABEL FOR="cb-ra">ラ</LABEL></TD>
<TD><LABEL FOR="cb-ya">ヤ</LABEL></TD>
<TD><LABEL FOR="cb-ma">マ</LABEL></TD>
<TD><LABEL FOR="cb-pa">パ</LABEL></TD>
<TD><LABEL FOR="cb-ba">バ</LABEL></TD>
<TD><LABEL FOR="cb-ha">ハ</LABEL></TD>
<TD><LABEL FOR="cb-na">ナ</LABEL></TD>
<TD><LABEL FOR="cb-da">ダ</LABEL></TD>
<TD><LABEL FOR="cb-ta">タ</LABEL></TD>
<TD><LABEL FOR="cb-za">ザ</LABEL></TD>
<TD><LABEL FOR="cb-sa">サ</LABEL></TD>
<TD><LABEL FOR="cb-ga">ガ</LABEL></TD>
<TD><LABEL FOR="cb-ka">カ</LABEL></TD>
<TD><LABEL FOR="cb--a">ア</LABEL></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD><LABEL FOR="cb-ri">リ</LABEL></TD>
<TD></TD>
<TD><LABEL FOR="cb-mi">ミ</LABEL></TD>
<TD><LABEL FOR="cb-pi">ピ</LABEL></TD>
<TD><LABEL FOR="cb-bi">ビ</LABEL></TD>
<TD><LABEL FOR="cb-hi">ヒ</LABEL></TD>
<TD><LABEL FOR="cb-ni">ニ</LABEL></TD>
<TD><LABEL FOR="cb-di">ヂ</LABEL></TD>
<TD><LABEL FOR="cb-ti">チ</LABEL></TD>
<TD><LABEL FOR="cb-zi">ジ</LABEL></TD>
<TD><LABEL FOR="cb-si">シ</LABEL></TD>
<TD><LABEL FOR="cb-gi">ギ</LABEL></TD>
<TD><LABEL FOR="cb-ki">キ</LABEL></TD>
<TD><LABEL FOR="cb--i">イ</LABEL></TD>
</TR>
<TR>
<TD><LABEL FOR="cb-ch">ー</LABEL></TD>
<TD></TD>
<TD><LABEL FOR="cb-ru">ル</LABEL></TD>
<TD><LABEL FOR="cb-yu">ユ</LABEL></TD>
<TD><LABEL FOR="cb-mu">ム</LABEL></TD>
<TD><LABEL FOR="cb-pu">プ</LABEL></TD>
<TD><LABEL FOR="cb-bu">ブ</LABEL></TD>
<TD><LABEL FOR="cb-hu">フ</LABEL></TD>
<TD><LABEL FOR="cb-nu">ヌ</LABEL></TD>
<TD><LABEL FOR="cb-du">ヅ</LABEL></TD>
<TD><LABEL FOR="cb-tu">ツ</LABEL></TD>
<TD><LABEL FOR="cb-zu">ズ</LABEL></TD>
<TD><LABEL FOR="cb-su">ス</LABEL></TD>
<TD><LABEL FOR="cb-gu">グ</LABEL></TD>
<TD><LABEL FOR="cb-ku">ク</LABEL></TD>
<TD><LABEL FOR="cb--u">ウ</LABEL></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD><LABEL FOR="cb-re">レ</LABEL></TD>
<TD></TD>
<TD><LABEL FOR="cb-me">メ</LABEL></TD>
<TD><LABEL FOR="cb-pe">ペ</LABEL></TD>
<TD><LABEL FOR="cb-be">ベ</LABEL></TD>
<TD><LABEL FOR="cb-he">ヘ</LABEL></TD>
<TD><LABEL FOR="cb-ne">ネ</LABEL></TD>
<TD><LABEL FOR="cb-de">デ</LABEL></TD>
<TD><LABEL FOR="cb-te">テ</LABEL></TD>
<TD><LABEL FOR="cb-ze">ゼ</LABEL></TD>
<TD><LABEL FOR="cb-se">セ</LABEL></TD>
<TD><LABEL FOR="cb-ge">ゲ</LABEL></TD>
<TD><LABEL FOR="cb-ke">ケ</LABEL></TD>
<TD><LABEL FOR="cb--e">エ</LABEL></TD>
</TR>
<TR>
<TD><LABEL ID="cl-er" FOR="cb-er">消</LABEL></TD>
<TD><LABEL FOR="cb-wo">ヲ</LABEL></TD>
<TD><LABEL FOR="cb-ro">ロ</LABEL></TD>
<TD><LABEL FOR="cb-yo">ヨ</LABEL></TD>
<TD><LABEL FOR="cb-mo">モ</LABEL></TD>
<TD><LABEL FOR="cb-po">ポ</LABEL></TD>
<TD><LABEL FOR="cb-bo">ボ</LABEL></TD>
<TD><LABEL FOR="cb-ho">ホ</LABEL></TD>
<TD><LABEL FOR="cb-no">ノ</LABEL></TD>
<TD><LABEL FOR="cb-do">ド</LABEL></TD>
<TD><LABEL FOR="cb-to">ト</LABEL></TD>
<TD><LABEL FOR="cb-zo">ゾ</LABEL></TD>
<TD><LABEL FOR="cb-so">ソ</LABEL></TD>
<TD><LABEL FOR="cb-go">ゴ</LABEL></TD>
<TD><LABEL FOR="cb-ko">コ</LABEL></TD>
<TD><LABEL FOR="cb--o">オ</LABEL></TD>
</TR>
</TABLE>
</DIV>
<DIV ID="jd-cl">
<DIV ID="judge-b">
<DIV ID="result">
<DIV ID="result1">正解です。</DIV>
<DIV ID="result2">不正解です。</DIV>
</DIV>
<DIV ID="judge">
<DIV ID="judge1-l">判 定<LABEL FOR="judge1"></LABEL></DIV>
<DIV ID="judge2-l">判定＋誤り箇所表示<LABEL FOR="judge2"></LABEL></DIV>
</DIV>
</DIV>
<LABEL ID="clear-l" FOR="clear">クリア</LABEL>
</DIV>
</DIV>
</BODY>
</HTML>
|
