*{box-sizing:border-box}
body{margin:0;padding:10px;background:#ccffff;font-family:"MS PGothic","MS Gothic",sans-serif;color:#111}
a{color:#0000ee}a:visited{color:#551a8b}.page{width:min(760px,100%);margin:auto;background:#fff;border:3px ridge #008080;padding:14px}
header{text-align:center}h1{color:#000080;font-size:30px;margin:5px;text-shadow:2px 2px #aaccff}.stars{color:#008080}
.notice{margin:14px 0;padding:9px;background:#ffffcc;border:2px dotted #cc9900;text-align:center}
section{border:2px groove #aaa;background:#f8ffff;padding:10px;margin:12px 0}h2{text-align:center;color:#000080;font-size:18px}
.link-item{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px dotted #999;line-height:1.5}
.link-item:last-child{border-bottom:0}
.banner{flex:0 0 88px;height:31px;display:flex;align-items:center;justify-content:center;text-decoration:none!important;font:bold 11px "MS Gothic",monospace;border:2px outset #ccc;box-shadow:1px 1px #777;overflow:hidden;white-space:nowrap}
.banner:visited{color:inherit}
.samurai{background:#000;color:#fff!important}
.tiyu{background:#ffccff;color:#cc0066!important}
.logi{background:#ffff66;color:#000080!important}
.techside{background:#111;color:#7fff00!important}
.dpz{background:#ffef00;color:#111!important}
.hobonichi{background:#fff;color:#d40000!important}
.giga{background:#222;color:#fff!important}
.new{color:red;font-weight:bold;margin-left:5px}.blink{animation:blink 1s steps(1,end) infinite}@keyframes blink{50%{visibility:hidden}}
footer{text-align:center;color:#666;font-size:12px}
@media(max-width:520px){body{padding:4px}.page{padding:8px}h1{font-size:24px}.link-item{align-items:flex-start}.banner{flex-basis:88px}}