@import"https://fonts.googleapis.com/css2?family=MS+PGothic&family=Noto+Sans+JP:wght@400;700&display=swap";.counter-area{text-align:center;margin:20px 0;padding:15px;background:linear-gradient(to bottom,#004,#002);border:3px ridge #6666cc;border-radius:5px}.counter-label{font-size:14px;color:#ff0;margin-bottom:10px;text-shadow:1px 1px 0px #000000}.counter-highlight{color:#0ff;font-size:16px}.counter-display-wrapper{display:flex;justify-content:center;margin:15px 0}.counter-frame{background:#000;border:3px inset #333333;padding:8px 15px;display:inline-block}.counter-loading{color:#0f0;font-family:Courier New,monospace;font-size:18px}.counter-digits{display:flex;gap:2px}.counter-digit{font-family:Courier New,monospace;font-size:28px;font-weight:700;color:#0f0;background:#010;border:1px solid #003300;padding:2px 6px;text-shadow:0 0 10px #00ff00;min-width:24px;text-align:center}.counter-digit-segment{font-family:Digital-7,Courier New,monospace;font-size:32px;color:red;background:#200;border:1px solid #440000;padding:2px 8px;text-shadow:0 0 8px #ff0000}.kiriban-message{margin-top:15px;padding:10px;background:#ffff001a;border:2px dashed #ffff00;animation:kiriban-flash .5s ease-in-out infinite alternate}@keyframes kiriban-flash{0%{background:#ffff001a}to{background:#ffff004d}}.counter-footer{margin-top:10px;font-size:10px;color:#669}.mini-counter{text-align:center;padding:5px;background:#000;border:1px inset #333333}.mini-counter-digits{font-family:Courier New,monospace;font-size:16px;color:#0f0;letter-spacing:2px}.marquee-container{overflow:hidden;white-space:nowrap;background:linear-gradient(to bottom,#006,#004);border:1px solid #6666cc;padding:8px 10px;position:relative}.marquee-content{display:inline-block;white-space:nowrap;padding-left:100%}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.blink-text{animation:blink-animation 1s steps(2,start) infinite}.rainbow-text{font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.rainbow-text-animated{font-weight:700;background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#8f00ff,red);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow-animation 3s linear infinite}@keyframes rainbow-animation{0%{background-position:0% center}to{background-position:200% center}}.sparkle{display:inline-block;animation:sparkle-animation 1s ease-in-out infinite}@keyframes sparkle-animation{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.rotate-slow{display:inline-block;animation:rotate-animation 10s linear infinite}@keyframes rotate-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bounce{display:inline-block;animation:bounce-animation .5s ease-in-out infinite alternate}@keyframes bounce-animation{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.fade-pulse{animation:fade-pulse-animation 2s ease-in-out infinite}@keyframes fade-pulse-animation{0%,to{opacity:1}50%{opacity:.3}}.new-icon{color:red;font-weight:700;font-size:10px;animation:blink-animation .8s steps(2,start) infinite;margin-left:5px}.construction-animation{animation:construction-shake .5s ease-in-out infinite}@keyframes construction-shake{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.bbs-form-container{background:#003c;border:2px solid #6666cc;margin-bottom:20px;padding:15px}.bbs-form{padding:10px 0}.form-row{margin-bottom:15px}.form-label{display:block;color:#ff0;font-size:13px;margin-bottom:5px}.required{color:red;margin-left:3px}.legacy-input{background:#fff;border:2px inset #cccccc;padding:5px 8px;font-family:inherit;font-size:13px;color:#000;width:100%;max-width:300px}.legacy-textarea{background:#fff;border:2px inset #cccccc;padding:8px;font-family:inherit;font-size:13px;color:#000;width:100%;resize:vertical}.char-count{display:block;text-align:right;font-size:11px;color:#999;margin-top:3px}.form-error{display:block;color:red;font-size:11px;margin-top:3px}.form-actions{display:flex;gap:10px;margin-top:15px}.legacy-button{background:linear-gradient(to bottom,#ccc,#999,#666);border:2px outset #cccccc;padding:6px 16px;font-family:inherit;font-size:13px;color:#000;cursor:pointer;white-space:nowrap}.legacy-button:hover{background:linear-gradient(to bottom,#ddd,#aaa,#777)}.form-notice{margin-top:15px;padding-top:10px;border-top:1px dotted #333366;font-size:11px;color:#999}.form-notice p{margin:3px 0}.bbs-post-list{background:#003c;border:2px solid #6666cc;padding:15px}.bbs-empty{text-align:center;padding:40px 20px;color:#999;font-size:14px}.bbs-post{background:#003;border:1px solid #333366;margin-bottom:15px;padding:0}.bbs-post:last-child{margin-bottom:0}.post-header{background:linear-gradient(to right,#336,#224);padding:8px 12px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #444466}.post-number{color:#f60;font-weight:700;font-size:12px}.post-name{color:#0ff;font-weight:700;font-size:13px}.post-date{color:#999;font-size:11px;margin-left:auto}.post-delete-btn{background:#600;border:1px solid #990000;color:#fff;font-size:12px;width:20px;height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.post-delete-btn:hover{background:#900}.post-content{padding:12px;color:#fff;font-size:13px;line-height:1.6;word-break:break-word}.delete-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-modal{background:linear-gradient(to bottom,#006,#003);border:3px ridge #6666cc;padding:20px;min-width:300px;text-align:center}.delete-modal-title{background:linear-gradient(to right,#66c,#336);color:#fff;padding:8px;margin:-20px -20px 15px;font-weight:700}.delete-modal p{color:#fff;margin-bottom:15px;font-size:13px}.delete-modal .legacy-input{width:200px;margin-bottom:15px}.delete-modal-actions{display:flex;justify-content:center;gap:10px}.section-title{background:linear-gradient(to right,#66c,#339,#006);color:#ff0;padding:8px 15px;font-size:15px;font-weight:700;border:1px solid #9999ff;margin:-15px -15px 15px;text-shadow:1px 1px 0px #000000}.under-construction{text-align:center;padding:50px 20px;background:#00003380;border:2px solid #6666cc;margin:20px 0}.construction-icon{font-size:48px;margin-bottom:20px;display:flex;justify-content:center;gap:20px}.construction-animation{display:inline-block;animation:construction-shake .5s ease-in-out infinite}@keyframes construction-shake{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.construction-title{font-size:24px;color:#ff0;text-shadow:2px 2px 0px #ff0000;margin-bottom:20px;animation:blink-animation 1s steps(2,start) infinite}@keyframes blink-animation{0%{opacity:1}50%{opacity:0}to{opacity:1}}.construction-message{font-size:16px;color:#fff;margin-bottom:20px}.construction-details{color:#ccc;font-size:14px;margin-bottom:30px}.construction-bar{width:80%;max-width:400px;height:20px;background:#000;border:2px solid #666666;margin:20px auto;overflow:hidden}.construction-bar-stripe{width:200%;height:100%;background:repeating-linear-gradient(45deg,#fc0,#fc0 10px,#000 10px 20px);animation:stripe-move 1s linear infinite}@keyframes stripe-move{0%{transform:translate(-50%)}to{transform:translate(0)}}.construction-notice{font-size:12px;color:#f60;margin-top:20px}.banner{display:inline-flex;align-items:center;justify-content:center;box-shadow:1px 1px 3px #00000080}.banner-link:hover{opacity:.8;transform:scale(1.05)}.legacy-separator{text-align:center;margin:20px 0;color:#669;font-size:12px}.legacy-separator:before,.legacy-separator:after{content:"━━━━━━━━━━";margin:0 10px}.star-decoration{color:#ff0;text-shadow:0 0 5px #ff6600}.new-badge{display:inline-block;background:red;color:#fff;font-size:9px;font-weight:700;padding:1px 4px;margin-left:5px;animation:blink-animation .8s steps(2,start) infinite}.up-badge{display:inline-block;color:red;font-size:10px;font-weight:700;margin-left:5px}.up-badge:before{content:"↑UP!"}:root{--bg-color: #000033;--text-color: #ffffff;--link-color: #00ffff;--link-visited: #ff00ff;--link-hover: #ffff00;--accent-color: #ff6600;--border-color: #666699;--header-bg: #000066;--sidebar-bg: #000044;--content-bg: #000022;--table-border: #9999cc;--font-main: "MS PGothic", "Noto Sans JP", "ＭＳ Ｐゴシック", sans-serif;--font-title: "MS PGothic", "ＭＳ ゴシック", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-main);font-size:14px;line-height:1.6;color:var(--text-color);background-color:var(--bg-color);background-image:radial-gradient(white 1px,transparent 1px),radial-gradient(white 1px,transparent 1px);background-size:100px 100px,50px 50px;background-position:0 0,25px 25px}a{color:var(--link-color);text-decoration:underline}a:visited{color:var(--link-visited)}a:hover{color:var(--link-hover);text-decoration:none}a:active{color:red}.app-container{display:flex;flex-direction:column;min-height:100vh;max-width:100vw;overflow-x:hidden}.main-wrapper{display:flex;flex:1;min-width:0}.header{background:linear-gradient(to bottom,#009,#006,#003);border-bottom:3px solid var(--border-color);padding:10px 20px;text-align:center}.header-title{font-family:var(--font-title);font-size:28px;color:#ff0;text-shadow:2px 2px 0px #ff0000,4px 4px 0px #000000;letter-spacing:4px}.header-subtitle{font-size:12px;color:#ccc;margin-top:5px}.sidebar{width:200px;background:var(--sidebar-bg);border-right:2px solid var(--border-color);padding:10px;flex-shrink:0;overflow-x:hidden;word-wrap:break-word}.sidebar-section{margin-bottom:20px}.sidebar-title{background:linear-gradient(to right,#66c,#336);color:#fff;padding:5px 10px;font-size:14px;font-weight:700;border:1px solid #9999cc;margin-bottom:10px}.sidebar-menu{list-style:none}.sidebar-menu li{padding:5px 0;border-bottom:1px dotted #333366}.sidebar-menu li:before{content:"▶ ";color:#f60;font-size:10px}.sidebar-menu a{font-size:13px}.main-content{flex:1;padding:20px;background:var(--content-bg);min-width:0;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}.footer{background:linear-gradient(to top,#003,#006);border-top:3px solid var(--border-color);padding:15px 20px;text-align:center;font-size:11px;color:#999}.footer-links{margin-bottom:10px}.footer-links a{margin:0 10px;font-size:12px}.footer-copyright{border-top:1px dotted #333366;padding-top:10px;margin-top:10px}.banner-area{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:10px 0}.banner-88x31{width:88px;height:31px;border:1px solid #666666}.section-box{background:#003c;border:2px solid var(--table-border);margin-bottom:20px;padding:15px;word-wrap:break-word;overflow-wrap:break-word;overflow-x:hidden}.section-title{background:linear-gradient(to right,#66c,#339,#006);color:#ff0;padding:8px 15px;font-size:16px;font-weight:700;border:1px solid #9999ff;margin:-15px -15px 15px;text-shadow:1px 1px 0px #000000}.section-title:before{content:"★ "}.legacy-table{width:100%;border-collapse:collapse;border:2px solid var(--table-border);table-layout:fixed;word-wrap:break-word}.legacy-table th{background:#336;color:#fff;padding:8px;border:1px solid var(--table-border);text-align:left}.legacy-table td{background:#003;padding:8px;border:1px solid var(--table-border)}.legacy-table tr:hover td{background:#004}hr.legacy-hr{border:none;height:2px;background:linear-gradient(to right,transparent,#6666cc,#ff6600,#6666cc,transparent);margin:20px 0}.legacy-button{background:linear-gradient(to bottom,#ccc,#999,#666);border:2px outset #cccccc;padding:5px 15px;font-family:var(--font-main);font-size:12px;color:#000;cursor:pointer}.legacy-button:active{border-style:inset;background:linear-gradient(to bottom,#666,#999,#ccc)}.legacy-input,.legacy-textarea{background:#fff;border:2px inset #cccccc;padding:5px;font-family:var(--font-main);font-size:12px;color:#000}.legacy-input:focus,.legacy-textarea:focus{outline:2px solid #ff6600}.marquee-container{background:#006;border:1px solid #6666cc;padding:5px 10px;overflow:hidden;white-space:nowrap}.counter-area{text-align:center;margin:15px 0;padding:10px;background:#004;border:2px ridge #6666cc}.counter-label{font-size:12px;color:#ff0;margin-bottom:5px}.counter-display{font-family:Courier New,monospace;font-size:24px;color:#0f0;background:#000;padding:5px 15px;border:2px inset #333333;display:inline-block;letter-spacing:3px}.update-history{font-size:12px}.update-history li{margin-bottom:5px;list-style:none}.update-history li:before{content:"●";color:#f60;margin-right:5px}.update-date{color:#ff0;margin-right:10px}.under-construction{text-align:center;padding:50px 20px}.under-construction img{margin:20px}@media(max-width:768px){.main-wrapper{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:2px solid var(--border-color)}}
