/* トップページのキリ番カウンター（2003年ごろのケータイサイト風） */
.kiri-wrap { display: flex; justify-content: center; padding: 28px 16px 8px; }
.kiri {
    width: 240px;
    background: #fff;
    color: #000;
    border: 1px solid #000;
    font-family: "MS Gothic", "ＭＳ ゴシック", "Osaka-Mono", "Noto Sans Mono CJK JP", monospace;
    font-size: 12px;
    line-height: 1.35;
    text-align: center;
    box-shadow: 4px 4px 0 #ccc;
    -webkit-font-smoothing: none;
    font-smooth: never;
}
.kiri * { font-family: inherit; }
.kiri a { color: #00f; text-decoration: underline; }
.kiri a:visited { color: #800080; }
.kiri .kiri-title { background: #ff66cc; color: #ff0; font-weight: bold; padding: 3px 0; }
.kiri marquee { display: block; background: #000; color: #0f0; padding: 1px 0; }
.kiri .kiri-body { padding: 6px 4px; }
.kiri hr { border: 0; border-top: 1px dashed #f39; margin: 6px 0; }
.kiri .pink { color: #f06; }
.kiri .red { color: #f00; font-weight: bold; }
.kiri .blue { color: #00f; }
.kiri .small { font-size: 10px; }
.kiri .blink { animation: kiri-blink 1s steps(1) infinite; }
@keyframes kiri-blink { 50% { visibility: hidden; } }
@media (prefers-reduced-motion: reduce) { .kiri .blink { animation: none; } }

/* 昔のCGIカウンター画像っぽい数字 */
.kiri .kiri-digits { display: inline-flex; gap: 1px; background: #000; padding: 2px; margin: 4px 0; }
.kiri .kiri-digits span {
    display: inline-block;
    width: 13px;
    background: #111;
    color: #f22;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    text-shadow: 0 0 3px #f00;
    border: 1px solid #333;
}
.kiri .kiri-digits.got span { color: #ff0; text-shadow: 0 0 4px #fc0; }

.kiri .kiri-get { background: #ffc; border: 1px solid #f90; padding: 4px; margin: 4px 0; }
.kiri form { margin: 4px 0 0; }
.kiri input[type="text"] {
    width: 200px;
    font-size: 12px;
    border: 1px solid #999;
    border-radius: 0;
    padding: 1px 2px;
    margin: 2px 0;
    background: #fff;
    color: #000;
}
.kiri button {
    font-size: 12px;
    border: 2px outset #ddd;
    background: #eee;
    color: #000;
    border-radius: 0;
    padding: 1px 8px;
    margin-top: 2px;
    cursor: pointer;
}
.kiri button:active { border-style: inset; }

.kiri details { text-align: left; padding: 0 4px; }
.kiri .kiri-menu { text-align: left; padding: 0 4px; }
.kiri summary { cursor: pointer; color: #00f; text-decoration: underline; list-style: none; }
.kiri summary::-webkit-details-marker { display: none; }
.kiri ol { list-style: none; margin: 4px 0 0; padding: 0; }
.kiri li { border-bottom: 1px dotted #ccc; padding: 2px 0; word-break: break-all; }
.kiri .kiri-foot { background: #ffccee; padding: 3px 0; font-size: 10px; }