*{box-sizing:border-box}body{color:#222;background:#e5fffd;margin:0;font-family:Hiragino Kaku Gothic ProN,Meiryo,sans-serif}header{color:#fff;background:#193fff;padding:16px 20px}header h1{margin:0;font-size:20px}header .sub{opacity:.9;margin:4px 0 0;font-size:13px}main{max-width:900px;margin:0 auto;padding:16px}#search-form{background:#fff;border:1px solid #bcd;border-radius:6px;margin-bottom:12px;padding:14px}.auto-hint{color:#555;margin:0 0 8px;font-size:12.5px;line-height:1.5}.auto-sample{color:#193fff;white-space:nowrap;font-weight:700}.row{gap:8px;margin-top:10px;display:flex}.row input{border:1px solid #99a;border-radius:4px;flex:1;padding:8px 10px;font-size:15px}.row button{color:#fff;cursor:pointer;background:#193fff;border:none;border-radius:4px;padding:8px 22px;font-size:15px}.row button:hover{background:#0f2cc0}#auto-meta{flex-wrap:wrap;gap:6px 16px;margin-top:8px;display:flex}#auto-meta .meta-type{color:#0a7a3a;background:#eefaf0;border:1px solid #b8e6c4;border-radius:4px;padding:2px 8px;font-size:12px}#auto-meta .meta-type[hidden]{display:none}.status{color:#225;min-height:1em;margin:8px 2px;font-size:13px}.status.error{color:#c00}.nav{margin:0 2px 12px}.nav a{color:#193fff;background:#fff;border:1px solid #193fff;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.nav a:hover{background:#eef2ff}.rank{flex-wrap:wrap;gap:12px;margin-bottom:14px;display:flex}.rank-block{background:#fff;border:1px solid #bcd;border-radius:6px;flex:320px;padding:10px 14px}.rank-block h2{color:#444;margin:0 0 8px;font-size:14px}.rank-list{counter-reset:rank;margin:0;padding:0;list-style:none}.rank-list:empty:after{content:"データがありません";color:#aaa;padding:6px 2px;font-size:12px;display:block}.rank-item{counter-increment:rank;cursor:pointer;border-top:1px dashed #d8e8f0;justify-content:space-between;align-items:baseline;gap:8px;padding:5px 2px;font-size:13px;display:flex}.rank-item:before{content:counter(rank);color:#bbb;min-width:18px;font-weight:700}.rank-item:hover{background:#eef6ff}.rank-id{color:#193fff;word-break:break-all;font-weight:700}.rank-id:hover{text-decoration:underline}.rank-meta{color:#888;white-space:nowrap}.summary{background:#fff;border:1px solid #bcd;border-radius:6px;margin-bottom:14px;padding:10px 14px}.summary h2{margin:0 0 8px;font-size:15px}.summary table{border-collapse:collapse;font-size:13px}.summary th{text-align:left;color:#555;white-space:nowrap;padding:2px 12px 2px 0}.summary td{padding:2px 0}.thread{background:#fff;border:1px solid #bcd;border-radius:6px;margin-bottom:14px;padding:10px 14px}.thread-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.thread-title{color:#193fff;font-size:15px;font-weight:700;text-decoration:none}.thread-title:hover{text-decoration:underline}.thread-info{color:#666;font-size:12px}.posts{margin:0;padding:0;list-style:none}.post{border-top:1px dashed #cde;padding:6px 0}.post-meta{color:#888;font-size:12px}.post-meta a{color:#193fff;font-weight:700;text-decoration:none}.post-meta a:hover{text-decoration:underline}.post-meta .id-link{color:#0a7a3a;margin:0}.post-meta .id-link:hover{color:#c00}.post-meta .post-user-attr{color:#333;font-weight:700}.post-body{word-break:break-word;margin-top:2px;font-size:13px;line-height:1.5}.post-body hr{border:none;border-top:1px solid #cde;margin:8px 0}.post-body .res-ref{color:#0a7a3e;cursor:pointer;white-space:nowrap;font-weight:700;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1px}.post-body .res-ref:hover{color:#c00;text-decoration:underline;text-decoration-thickness:1px}.body-img-wrap{vertical-align:top;text-align:center;max-width:220px;margin:3px 6px 3px 0;display:inline-block}.body-img-wrap .body-img-link{display:block}.body-img{cursor:zoom-in;border:1px solid #ccd;border-radius:4px;max-width:220px;max-height:220px;display:block}.body-img-url{color:#668;word-break:break-all;max-width:220px;margin-top:2px;font-size:11px;line-height:1.4;text-decoration:none;display:block}.body-img-url:hover{color:#c00;text-decoration:underline}.res-tooltip{z-index:1000;opacity:0;visibility:hidden;pointer-events:auto;background:#fff;border:1px solid #9ab;border-radius:8px;max-width:480px;max-height:320px;padding:8px 12px;font-size:12.5px;line-height:1.5;transition:opacity .1s;position:fixed;overflow:auto;box-shadow:0 4px 16px #14285a40}.res-tooltip-head{color:#555;word-break:break-all;border-bottom:1px dashed #cde;margin-bottom:6px;padding-bottom:4px;font-size:11.5px}.res-tooltip-head .res-tooltip-resno{color:#193fff;font-weight:700;text-decoration:none}.res-tooltip-head .res-tooltip-resno:hover{text-decoration:underline}.res-tooltip-head .post-user-attr{color:#333;font-weight:700}.res-tooltip-head .id-link{color:#0a7a3a}.res-tooltip-head .id-link:hover{color:#c00}.res-tooltip-body{word-break:break-word;color:#222}.res-tooltip-body .empty{color:#999}.res-tooltip.pinned{transition:none;box-shadow:0 6px 20px #14285a59}.res-tooltip.pinned .res-tooltip-head{padding-right:24px}.res-tooltip-close{z-index:1;color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 5px;font-size:15px;line-height:1;position:absolute;top:4px;right:6px}.res-tooltip-close:hover{color:#c00;background:#eef}.post-body .res-ref.pinned{background:#ffffb0;border-radius:3px;box-shadow:0 0 0 1px #e0c000}.guide{max-width:760px}.guide-section{background:#fff;border:1px solid #bcd;border-radius:6px;margin-bottom:14px;padding:14px 18px}.guide-section h2{color:#193fff;margin:0 0 10px;font-size:17px}.guide-section p{margin:6px 0;font-size:14px;line-height:1.7}.guide-section strong{color:#c00}.guide-steps{counter-reset:step;margin:0;padding:0;list-style:none}.guide-steps li{border-top:1px dashed #cde;gap:12px;padding:10px 0;line-height:1.6;display:flex}.guide-steps li:first-child{border-top:none}.guide-steps li>div{flex:1;font-size:14px}.guide-steps li>div p{color:#555;margin:4px 0}.step-no{color:#fff;background:#193fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-weight:700;display:flex}.guide-code{color:#0a2b9e;word-break:break-all;background:#eef2ff;border:1px solid #c5d0f0;border-radius:4px;padding:2px 8px;font-size:13px;font-weight:700;display:inline-block}.guide-cards{flex-wrap:wrap;gap:12px;display:flex}.guide-card{background:#f7f9ff;border:1px solid #d0d8f0;border-radius:6px;flex:240px;padding:10px 14px}.guide-card h3{color:#193fff;margin:0 0 6px;font-size:14px}.guide-card p{color:#333;margin:4px 0;font-size:13px;line-height:1.6}.guide-card code{background:#fff;border:1px solid #dde;border-radius:3px;padding:1px 5px;font-size:12px}.guide-note{margin:6px 0;padding-left:20px;font-size:14px;line-height:1.7}.guide-note li{margin:4px 0}