#ks-shindan{--ai:#0d1a2d;--ao:#1c3a6b;--ao2:#2b56a0;--sub:#5a6473;--line:rgba(13,26,45,.22);--line2:rgba(13,26,45,.10);--paper:#fbfaf7;--r:6px;max-width:680px;margin:32px auto;font-family:"Shippori Mincho B1","Yu Mincho","Hiragino Mincho ProN",serif;color:var(--ai);line-height:1.9}
#ks-shindan *{box-sizing:border-box}
#ks-shindan .ks-box{position:relative;padding:44px 36px;background:var(--paper);border:1px solid var(--ai);border-radius:var(--r);box-shadow:0 24px 60px rgba(13,26,45,.14)}
#ks-shindan .ks-box:before{content:"";position:absolute;inset:8px;border:1px solid var(--line);border-radius:3px;pointer-events:none}
#ks-shindan .ks-kicker{margin:0 0 14px;color:var(--ao);font-size:13px;font-weight:600;letter-spacing:.4em;text-align:center}
#ks-shindan .ks-kicker:before,#ks-shindan .ks-kicker:after{content:"";display:inline-block;width:28px;height:1px;background:var(--ao);vertical-align:middle;margin:0 12px}
#ks-shindan h3{margin:0 0 14px;font-size:28px;font-weight:800;line-height:1.5;letter-spacing:.06em;text-align:center;color:var(--ai)}
#ks-shindan .ks-lead{margin:0 auto 26px;max-width:26em;color:var(--sub);font-size:15px;text-align:center;letter-spacing:.04em}
#ks-shindan .ks-types{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 30px;border-top:1px solid var(--ai);border-bottom:1px solid var(--ai)}
#ks-shindan .ks-types span{padding:16px 4px;text-align:center;font-size:17px;font-weight:600;letter-spacing:.2em;color:var(--ai);border-left:1px solid var(--line)}
#ks-shindan .ks-types span:first-child{border-left:0}
#ks-shindan .ks-btn{display:block;width:100%;padding:18px;border:1px solid var(--ai);border-radius:3px;background:linear-gradient(180deg,var(--ao2),var(--ao) 60%,#142a50);color:#fff;font-family:inherit;font-size:18px;font-weight:800;letter-spacing:.3em;text-indent:.3em;cursor:pointer;text-align:center;text-decoration:none;box-shadow:0 10px 26px rgba(28,58,107,.3),inset 0 1px 0 rgba(255,255,255,.25)}
#ks-shindan .ks-btn:hover{filter:brightness(1.08)}
#ks-shindan .ks-note{margin:14px 0 0;color:var(--sub);font-size:12px;text-align:center;letter-spacing:.1em}
#ks-shindan .ks-prog{display:flex;gap:8px;margin:0 0 26px}
#ks-shindan .ks-prog span{flex:1;height:2px;background:var(--line2)}
#ks-shindan .ks-prog span.on{background:var(--ao)}
#ks-shindan .ks-qn{margin:0 0 8px;color:var(--ao);font-size:14px;font-weight:700;letter-spacing:.2em;text-align:center}
#ks-shindan .ks-q{margin:0 0 26px;font-size:22px;font-weight:800;line-height:1.6;letter-spacing:.04em;text-align:center;color:var(--ai)}
#ks-shindan .ks-opts{display:grid;gap:12px}
#ks-shindan .ks-opt{display:block;width:100%;padding:18px 22px;border:1px solid var(--line);border-radius:3px;background:#fff;font-family:inherit;font-size:17px;font-weight:600;letter-spacing:.06em;text-align:left;cursor:pointer;color:var(--ai);transition:border-color .15s,background .15s,transform .15s}
#ks-shindan .ks-opt:before{content:"—";margin-right:14px;color:var(--ao)}
#ks-shindan .ks-opt:hover{border-color:var(--ao);background:#eef3fb;transform:translateX(4px)}
#ks-shindan .ks-back{display:block;margin:20px auto 0;background:none;border:0;color:var(--sub);font-family:inherit;font-size:13px;letter-spacing:.2em;cursor:pointer;padding:6px 0}
#ks-shindan .ks-result .ks-type{display:block;margin:0 0 6px;color:var(--ao);font-size:14px;letter-spacing:.4em;text-align:center}
#ks-shindan .ks-result h3{font-size:44px;letter-spacing:.12em;margin:0 0 6px;color:var(--ai)}
#ks-shindan .ks-rule{width:60px;height:1px;margin:0 auto 18px;background:var(--ao)}
#ks-shindan .ks-desc{margin:0 auto 28px;max-width:26em;color:var(--sub);font-size:15px;text-align:center;letter-spacing:.04em}
#ks-shindan .ks-sites-h{margin:0 0 12px;color:var(--ao);font-size:13px;letter-spacing:.3em;text-align:center}
#ks-shindan .ks-sites{list-style:none;margin:0;padding:0}
#ks-shindan .ks-sites li{margin:0;padding:0}
#ks-shindan .ks-site{display:block;position:relative;padding:20px 52px 20px 22px;border:1px solid var(--line);border-radius:3px;margin:0 0 12px;text-decoration:none;color:var(--ai);background:#fff;transition:border-color .15s,background .15s}
#ks-shindan .ks-site:hover{border-color:var(--ao);background:#eef3fb}
#ks-shindan .ks-site.main{border-width:1.5px;border-color:var(--ao);background:#f3f7fd}
#ks-shindan .ks-site-name{display:block;font-size:22px;font-weight:800;letter-spacing:.08em;margin:0 0 4px;color:var(--ai)}
#ks-shindan .ks-site-note{display:block;color:var(--sub);font-size:14px;letter-spacing:.02em}
#ks-shindan .ks-site .ks-tag{position:absolute;top:-1px;right:16px;padding:4px 12px;font-size:12px;letter-spacing:.2em;color:#fff;background:var(--ao)}
#ks-shindan .ks-site .ks-tag.sub{background:#8a94a6}
#ks-shindan .ks-site:after{content:"→";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--ao);font-size:18px}
@media(max-width:480px){#ks-shindan .ks-box{padding:34px 20px}#ks-shindan h3{font-size:24px}#ks-shindan .ks-result h3{font-size:36px}#ks-shindan .ks-types span{font-size:15px;letter-spacing:.1em}#ks-shindan .ks-q{font-size:19px}}

#ks-shindan .ks-box{border:1.5px solid var(--ao);box-shadow:0 30px 70px rgba(13,26,45,.18),0 0 0 6px #fff,0 0 0 7px var(--line)}
#ks-shindan .ks-box:before{inset:10px;border:1px solid rgba(28,58,107,.35)}
#ks-shindan .ks-box:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:var(--r);background:
  linear-gradient(var(--ao),var(--ao)) top left/26px 2px no-repeat,linear-gradient(var(--ao),var(--ao)) top left/2px 26px no-repeat,
  linear-gradient(var(--ao),var(--ao)) top right/26px 2px no-repeat,linear-gradient(var(--ao),var(--ao)) top right/2px 26px no-repeat,
  linear-gradient(var(--ao),var(--ao)) bottom left/26px 2px no-repeat,linear-gradient(var(--ao),var(--ao)) bottom left/2px 26px no-repeat,
  linear-gradient(var(--ao),var(--ao)) bottom right/26px 2px no-repeat,linear-gradient(var(--ao),var(--ao)) bottom right/2px 26px no-repeat}
#ks-shindan h3,#ks-shindan .ks-result h3{background:linear-gradient(180deg,#3d6fc4 0%,#1c3a6b 45%,#0d1a2d 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 6px 14px rgba(28,58,107,.25))}
#ks-shindan .ks-kicker:before,#ks-shindan .ks-kicker:after{background:linear-gradient(90deg,transparent,var(--ao2),var(--ao),transparent);width:44px}
#ks-shindan .ks-types{border-top:2px solid var(--ao);border-bottom:2px solid var(--ao);position:relative}
#ks-shindan .ks-types:before,#ks-shindan .ks-types:after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--line)}
#ks-shindan .ks-types:before{top:3px}#ks-shindan .ks-types:after{bottom:3px}
#ks-shindan .ks-types span{background:linear-gradient(180deg,#fff,#f2f5fb)}
#ks-shindan .ks-btn{position:relative;border:1px solid #6d9cf0;border-bottom-color:#0b1c3a;border-radius:4px;background:linear-gradient(180deg,#4f83d8 0%,#2b56a0 42%,#1c3a6b 58%,#142a50 100%);text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -8px 16px rgba(0,0,0,.25),0 5px 0 #0b1c3a,0 14px 30px rgba(28,58,107,.35)}
#ks-shindan .ks-btn:after{content:"";position:absolute;inset:2px;border:1px solid rgba(255,255,255,.28);border-radius:3px;pointer-events:none}
#ks-shindan .ks-btn:active{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 0 #0b1c3a}
#ks-shindan .ks-prog span.on{background:linear-gradient(90deg,var(--ao),#6d9cf0)}
#ks-shindan .ks-opt{background:linear-gradient(180deg,#fff,#f6f8fc);box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(13,26,45,.06)}
#ks-shindan .ks-opt:hover{background:linear-gradient(180deg,#f3f7fd,#e6eefb);box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(28,58,107,.18)}
#ks-shindan .ks-rule{width:90px;height:2px;background:linear-gradient(90deg,transparent,var(--ao2),var(--ao),transparent)}
#ks-shindan .ks-site{background:linear-gradient(180deg,#fff,#f6f8fc);box-shadow:inset 0 1px 0 #fff,0 3px 10px rgba(13,26,45,.07)}
#ks-shindan .ks-site.main{border:1.5px solid var(--ao);background:linear-gradient(180deg,#f7faff,#e9f0fb);box-shadow:inset 0 1px 0 #fff,0 8px 22px rgba(28,58,107,.2)}
#ks-shindan .ks-site.main .ks-site-name{background:linear-gradient(180deg,#3d6fc4,#1c3a6b 60%,#0d1a2d);-webkit-background-clip:text;background-clip:text;color:transparent}
#ks-shindan .ks-site .ks-tag{background:linear-gradient(180deg,#4f83d8,#1c3a6b);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 6px rgba(13,26,45,.3);text-shadow:0 1px 1px rgba(0,0,0,.4)}
#ks-shindan .ks-site .ks-tag.sub{background:linear-gradient(180deg,#a5aebd,#7f8a9d)}

#ks-shindan .ks-site .ks-tag.r1{background:linear-gradient(180deg,#f6e3a1 0%,#d4af37 45%,#a67c1a 100%);color:#3a2a00;text-shadow:0 1px 0 rgba(255,255,255,.5);border-bottom:1px solid #7a5a10}
#ks-shindan .ks-site .ks-tag.r2{background:linear-gradient(180deg,#f4f4f4 0%,#c0c4cc 45%,#8d929c 100%);color:#2a2e36;text-shadow:0 1px 0 rgba(255,255,255,.6);border-bottom:1px solid #6b7079}
#ks-shindan .ks-site .ks-tag.r3{background:linear-gradient(180deg,#e9b98a 0%,#b87333 45%,#8a5220 100%);color:#3a1e08;text-shadow:0 1px 0 rgba(255,255,255,.4);border-bottom:1px solid #613812}
#ks-shindan .ks-site .ks-tag{font-weight:800;letter-spacing:.15em;padding:5px 14px}