#saikusu-hp{color-scheme:light; color:#383831;background-color:#f6f4eb;background-image:linear-gradient(#dedbc940 1px,transparent 1px),linear-gradient(90deg,#dedbc940 1px,transparent 1px);background-size:12px 12px;font:14px/1.8 "ＭＳ Ｐゴシック","MS PGothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;padding:0 22px 22px;overflow-wrap:anywhere}
#saikusu-hp *{box-sizing:border-box}
#saikusu-hp .hp-paper{max-width:960px;margin:auto}
#saikusu-hp a{color:#485c29;text-decoration:underline;text-underline-offset:2px}
#saikusu-hp a:hover{color:#8a3829}
#saikusu-hp .hp-header{padding:27px 3px 20px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
#saikusu-hp .hp-kicker{font-size:12px;letter-spacing:.06em}
#saikusu-hp h1{font: bold 46px/1.15 "ＭＳ Ｐ明朝","MS PMincho","Yu Mincho","Times New Roman",serif;letter-spacing:1px;margin:4px 0 0;color:#423e34}
#saikusu-hp .hp-header-note{text-align:right;font-size:12px;padding-bottom:4px}
#saikusu-hp nav{display:flex;background:#565447;border-top:1px solid #565447;border-bottom:1px solid #565447}
#saikusu-hp nav a{flex:1;text-align:center;color:#fffef7;text-decoration:none;border-right:1px solid #f6f4eb;padding:7px 4px;font-size:13px}
#saikusu-hp nav a:last-child{border:0}
#saikusu-hp nav a:hover{background:#71715b}
#saikusu-hp .hp-welcome{margin:14px 0 20px;border:1px solid #b8b7a2;border-top:5px solid #8a9168;background:#fffff8;padding:23px 22px 0}
#saikusu-hp .hp-welcome-title{font: bold 24px/1.5 "ＭＳ Ｐ明朝","MS PMincho","Yu Mincho",serif;margin-bottom:9px}
#saikusu-hp p{margin:0 0 13px}
#saikusu-hp .hp-welcome-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px dotted #b8b7a2;font-size:11px;padding:7px 0;margin-top:20px;color:#6b6a58}
#saikusu-hp .hp-columns{display:grid;grid-template-columns:minmax(0,1fr) 228px;gap:20px}
#saikusu-hp section{margin-bottom:20px;background:#fffef8}
#saikusu-hp h2{font-size:14px;line-height:1.7;font-weight:bold;background:#59574b;color:#fffef6;padding:4px 10px;margin:0;border-left:5px solid #a7ab84}
#saikusu-hp .hp-section-body{padding:13px 14px;border:1px solid #dedbce;border-top:0}
#saikusu-hp .hp-section-body>p:last-child{margin-bottom:0}
#saikusu-hp .hp-updates>div{display:grid;grid-template-columns:102px 1fr;gap:10px;border-bottom:1px dotted #b3b09c;padding:5px 0;font-size:12px}
#saikusu-hp time{font-family:"MS Gothic",monospace;color:#666450}
#saikusu-hp .hp-more{text-align:right;font-size:12px;margin:8px 0 0}
#saikusu-hp .hp-date{font-size:12px;color:#6c6a59}
#saikusu-hp h3{font-size:17px;margin:4px 0 14px;font-weight:bold;border-bottom:1px dotted #b8b7a2;padding-bottom:6px;color:#4a502f}
#saikusu-hp .hp-entry-bottom{border-top:1px dotted #b8b7a2;padding-top:7px;font-size:12px;color:#6c6a59}
#saikusu-hp .hp-directory{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}
#saikusu-hp .hp-directory>div{border-bottom:1px dotted #b8b7a2;padding-bottom:7px}
#saikusu-hp .hp-directory a:before{content:"■ ";font-size:10px}
#saikusu-hp .hp-directory p{font-size:12px;margin:2px 0 0}
#saikusu-hp .hp-preparing{color:#767464}
#saikusu-hp aside{font-size:13px}
#saikusu-hp .hp-name{font-weight:bold;margin-bottom:6px}
#saikusu-hp .hp-side-menu a,#saikusu-hp .hp-side-menu>span{display:block;border-bottom:1px dotted #b8b7a2;padding:4px 0}
#saikusu-hp .hp-side-menu>span{color:#767464;font-size:12px;border:0}
#saikusu-hp .hp-banner{height:40px;max-width:200px;text-align:center;background:#e9e8d7;border:1px solid #88896b;font:bold 21px/24px "Times New Roman",serif;color:#4d5133}
#saikusu-hp .hp-banner small{display:block;font:10px/12px "MS PGothic",sans-serif}
#saikusu-hp .hp-banner-note{font-size:11px;margin:5px 0 0;color:#767464}
#saikusu-hp details{font-size:12px;margin-top:8px}
#saikusu-hp details p{padding-top:5px}
#saikusu-hp summary{color:#485c29;text-decoration:underline}
#saikusu-hp footer{text-align:center;border-top:1px solid #aaa991;padding:15px 0 0;font-size:12px}
#saikusu-hp footer p{font-family:"Times New Roman",serif;margin:5px 0 0}
@media(max-width:600px){#saikusu-hp{padding:0 12px 16px}#saikusu-hp .hp-header{padding-top:20px;display:block}#saikusu-hp .hp-header-note{text-align:left;margin-top:9px}#saikusu-hp h1{font-size:38px}#saikusu-hp nav{flex-wrap:wrap}#saikusu-hp nav a{flex:1 1 33%;border-bottom:1px solid #f6f4eb}#saikusu-hp .hp-columns{grid-template-columns:1fr;gap:0}#saikusu-hp .hp-welcome{padding:16px 14px 0}#saikusu-hp .hp-welcome-title{font-size:21px}#saikusu-hp .hp-updates>div{grid-template-columns:1fr;gap:0}#saikusu-hp .hp-directory{grid-template-columns:1fr}}

#saikusu-hp .hp-empty { color: #6c6a59; }
#saikusu-hp a:focus-visible { outline: 2px solid #485c29; outline-offset: 3px; }
html { scroll-padding-top: 12px; }
body { margin: 0; background: #f6f4eb; }
@media (pointer: coarse) { #saikusu-hp nav a, #saikusu-hp .hp-side-menu a { min-height: 44px; display: flex; align-items: center; justify-content: center; } }
