.archive-notice { box-sizing: border-box; clear: both; position: relative; z-index: 1; margin: 0; padding: 12px 20px; border-bottom: 2px solid #007799; background: #e8f3f8; color: #183752; font: 13px/1.5 Arial, sans-serif; }
.Nav { display: flex; flex-wrap: wrap; gap: 6px; padding: 15px 10px; }
.Nav a { display: inline-block; padding: 5px 8px; border: 1px solid #b6cdd8; }
.Nav a[aria-current="page"] { background: #005c82; color: white; }
a:focus-visible, input:focus-visible, button:focus-visible { outline: 3px solid #e99a17; outline-offset: 3px; }
.PostContent img { max-width: 100%; height: auto; }
.SCS img { max-width: 100%; height: auto; }
.Search { position: relative; top: auto; left: auto; width: 100%; background: none; }
.Search form { position: relative; padding: 0 0 16px; }
.Search input.keyword { box-sizing: border-box; width: 100%; padding: 7px 32px 7px 8px; background: white; border-radius: 15px; }
#buttonsearch { position: absolute; right: 3px; top: 3px; margin: 0; }
#archive-search { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0; }
#archive-search label { flex-basis: 100%; }
#archive-query { max-width: 100%; min-width: 0; padding: 8px; flex: 1; }
#archive-search button { padding: 8px 12px; }
#search-results { padding: 0 20px; }
#search-results li { margin: 18px 0; }
#search-results p { margin-top: 6px; line-height: 1.6; }
.archive-index { padding: 12px 20px; line-height: 1.6; }
.archive-index li { margin: 8px 0; }
@media (max-width: 1000px) {
  body { min-width: 0; }
  .BGC { width: 100%; }
  .Header { width: 100%; background-position: left top; }
  .Header h1 { font-size: 20px; }
  .Menu, .CON, .Footer { box-sizing: border-box; width: 100%; }
  .CON { display: flex; flex-direction: column; background: white; }
  .SC, .SCS { box-sizing: border-box; width: 100%; float: none; padding-right: 20px; }
  .SR { position: static; box-sizing: border-box; width: 100%; float: none; background: #005a7e; display: flex; }
  .SRL, .SRR { position: static; box-sizing: border-box; width: 50%; float: none; padding: 16px; }
  .Search { margin-top: 0; }
  .Footer { background: #09233a; }
}
@media (max-width: 560px) {
  .Header { height: auto; min-height: 98px; box-sizing: border-box; padding: 8px 12px 8px 0; }
  .Header h1 { padding-left: 180px; padding-top: 5px; line-height: 1.2; font-size: 15px; }
  .Header .Desc { margin-left: 180px; font-size: 11px; line-height: 1.4; }
  .Menu { height: auto; min-height: 35px; }
  .Menu ul { margin-left: 0; padding-left: 12px; }
  .SC, .SCS { padding-left: 12px; padding-right: 12px; }
  .SC .Post { padding-left: 0; }
  .PostHead { padding-left: 55px; min-height: 56px; }
  .PostHead h1 { font-size: 18px; line-height: 1.3; }
  .PostDate { left: 0; line-height: 1.3; }
  .PostContent { overflow-wrap: anywhere; }
  .SR { display: block; }
  .SRL, .SRR { width: 100%; }
  .Footer p { margin: 0; padding: 15px; }
}