<style id="as400-global-design-css">body.public-page,
body {
  background:
    linear-gradient(180deg, #f3f7fb 0%, #eef4f7 42%, #f7fafc 100%) !important;
  color: #1f2933 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}

#header-container,
#header,
.header-container {
  background:
    linear-gradient(180deg, rgba(57, 255, 20, .08), transparent 42%),
    #050806 !important;
  color: #39ff14 !important;
  border-bottom: 1px solid rgba(57, 255, 20, .55) !important;
  box-shadow: 0 18px 34px rgba(5, 8, 6, .28) !important;
  position: relative !important;
}

#header-container::before,
.header-container::before {
  content: "MAIN                             IBM i メインメニュー";
  display: block !important;
  background: #050806 !important;
  border-bottom: 1px solid rgba(57, 255, 20, .45) !important;
  color: #39ff14 !important;
  font-family: Consolas, "Courier New", monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  line-height: 1.2 !important;
  padding: 8px 16px !important;
  text-align: center !important;
  text-shadow: 0 0 8px rgba(57, 255, 20, .45) !important;
}

#header .site-name-text,
#header .tagline,
.site-name-text,
.tagline {
  color: #39ff14 !important;
  letter-spacing: 0;
  text-shadow: 0 0 9px rgba(57, 255, 20, .44) !important;
}

#header .site-name-text,
.site-name-text {
  font-weight: 800 !important;
  text-shadow: 0 0 14px rgba(57, 255, 20, .48) !important;
}

#header .site-name-text::before,
.site-name-text::before {
  content: none !important;
  display: none !important;
}

#navi,
#navi .navi-in,
.navi,
.navi-in {
  background: #050806 !important;
  border-top: 1px solid rgba(57, 255, 20, .42) !important;
  border-bottom: 3px solid #39ff14 !important;
  box-shadow: 0 10px 24px rgba(5, 8, 6, .22) !important;
}

#navi a,
.navi-in a {
  color: #39ff14 !important;
  font-family: Consolas, "Courier New", monospace !important;
  font-weight: 700;
  letter-spacing: 0 !important;
  position: relative !important;
  text-shadow: 0 0 7px rgba(57, 255, 20, .36) !important;
}

#navi .menu-item:nth-child(1) > a::before,
.navi-in .menu-item:nth-child(1) > a::before {
  content: "1. ";
}

#navi .menu-item:nth-child(2) > a::before,
.navi-in .menu-item:nth-child(2) > a::before {
  content: "2. ";
}

#navi .menu-item:nth-child(3) > a::before,
.navi-in .menu-item:nth-child(3) > a::before {
  content: "3. ";
}

#navi .menu-item:nth-child(4) > a::before,
.navi-in .menu-item:nth-child(4) > a::before {
  content: "4. ";
}

#navi .menu-item:nth-child(5) > a::before,
.navi-in .menu-item:nth-child(5) > a::before {
  content: "5. ";
}

#navi .menu-item:nth-child(6) > a::before,
.navi-in .menu-item:nth-child(6) > a::before {
  content: "6. ";
}

#navi a:hover,
.navi-in a:hover {
  background: rgba(57, 255, 20, .10) !important;
  color: #ccffcc !important;
}

#navi a:hover::before,
.navi-in a:hover::before {
  content: "==> ";
  color: #39ff14 !important;
  font-family: Consolas, "Courier New", monospace !important;
  margin-right: 5px !important;
}

#content,
.content,
.content-in {
  background: transparent !important;
}

.main,
.sidebar .widget,
.sidebar .sidebar-scroll,
.entry-card,
.related-entry-card {
  background: #fff !important;
  color: #1f2933 !important;
  border: 1px solid #dbe6ee !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 42px rgba(15, 37, 55, .09) !important;
}

.main {
  padding: 30px !important;
}

.entry-title,
.article h1,
.article h2,
.article h3,
.widget-title {
  color: #102a43 !important;
}

.entry-title,
.article h1 {
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
}

.category-description,
.archive-description,
.taxonomy-description {
  background: linear-gradient(135deg, #f8fbfd 0%, #eef8f9 100%) !important;
  border: 1px solid #cfe0e8 !important;
  border-left: 5px solid #0e7c86 !important;
  border-radius: 12px !important;
  color: #334155 !important;
  line-height: 1.85 !important;
  margin: 0 0 22px !important;
  padding: 16px 18px !important;
  box-shadow: 0 12px 28px rgba(15, 116, 120, .08) !important;
}

.category-description p,
.archive-description p,
.taxonomy-description p {
  margin: 0 !important;
}

.article h2 {
  border-left: 6px solid #0e7c86 !important;
  border-bottom: 1px solid #dbe6ee !important;
  padding: 10px 0 10px 14px !important;
  background: #f8fbfd !important;
  border-radius: 8px !important;
}

.article h3 {
  border-left: 4px solid #f59e0b !important;
  background: #ffffff !important;
  color: #102a43 !important;
  border-top: 1px solid #dbe6ee !important;
  border-right: 1px solid #dbe6ee !important;
  border-bottom: 1px solid #dbe6ee !important;
  border-radius: 8px !important;
  padding: 10px 14px 10px 20px !important;
  box-shadow: 0 8px 18px rgba(15, 37, 55, .06) !important;
}

.article h3 a,
.article h3 span,
.article h3 strong {
  color: #102a43 !important;
}

.article table,
.main table {
  background: #fff !important;
  border: 1px solid #cfe0e8 !important;
  border-collapse: collapse !important;
  border-radius: 10px !important;
  color: #334155 !important;
  overflow: hidden !important;
  width: 100% !important;
}

.article table th,
.main table th {
  background: #0f3f46 !important;
  border: 1px solid #cfe0e8 !important;
  color: #fff !important;
  font-weight: 800 !important;
  padding: 12px 14px !important;
}

.article table td,
.main table td {
  background: #fff !important;
  border: 1px solid #dbe6ee !important;
  color: #334155 !important;
  padding: 12px 14px !important;
}

.article table tr:nth-child(even) td,
.main table tr:nth-child(even) td {
  background: #f8fbfd !important;
}

.article table a,
.main table a {
  color: #075fb8 !important;
}

.pagination,
.pager-links,
.pager-post-navi,
.page-numbers {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: center !important;
  margin: 34px auto 28px !important;
}

.pagination a,
.pagination a.page-numbers,
.pagination span,
.pagination span.page-numbers,
.pager-links a,
.pager-links span,
.page-numbers a,
.page-numbers span,
a.page-numbers,
span.page-numbers {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid #bfd8e4 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 18px rgba(15, 63, 70, .08) !important;
  color: #0f3f46 !important;
  display: inline-flex !important;
  font-weight: 800 !important;
  height: 42px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-width: 42px !important;
  padding: 0 13px !important;
  text-decoration: none !important;
}

.pagination .current,
.pagination .page-numbers.current,
.pager-links .current,
.page-numbers.current,
span.page-numbers.current {
  background: #0f777d !important;
  border-color: #0f777d !important;
  color: #fff !important;
}

.pagination a:hover,
.pagination a.page-numbers:hover,
.pager-links a:hover,
a.page-numbers:hover {
  background: #fff8e7 !important;
  border-color: #f0a000 !important;
  color: #092334 !important;
  transform: translateY(-1px) !important;
}

.pagination a.page-numbers:not(.current),
.pagination .page-numbers:not(.current),
.pager-links a:not(.current),
a.page-numbers:not(.current) {
  color: #0f3f46 !important;
}

.entry-content,
.article,
.article p,
.article li,
.main p,
.main li {
  color: #334155 !important;
  line-height: 1.9 !important;
}

.article a,
.main a {
  color: #075fb8 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.article a:hover,
.main a:hover {
  color: #0b4a89 !important;
}

.article pre,
.article code,
.article .wp-block-code,
.article .wp-block-code code,
.article .hljs,
.main pre,
.main code,
.main .wp-block-code,
.main .wp-block-code code,
.main .hljs {
  font-family: Consolas, "Courier New", monospace !important;
}

.article pre,
.article .wp-block-code,
.main pre,
.main .wp-block-code {
  background: #050806 !important;
  border: 1px solid #24b60f !important;
  border-left: 6px solid #39ff14 !important;
  border-radius: 6px !important;
  box-shadow:
    inset 0 0 0 1px rgba(57, 255, 20, .20),
    0 12px 26px rgba(5, 8, 6, .16) !important;
  color: #39ff14 !important;
  line-height: 1.75 !important;
  margin: 22px 0 28px !important;
  overflow-x: auto !important;
  padding: 18px 20px !important;
  text-shadow: 0 0 8px rgba(57, 255, 20, .45) !important;
  white-space: pre !important;
}

.article pre code,
.article .wp-block-code code,
.main pre code,
.main .wp-block-code code {
  background: transparent !important;
  border: 0 !important;
  color: #39ff14 !important;
  display: block !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  padding: 0 !important;
  text-shadow: 0 0 8px rgba(57, 255, 20, .45) !important;
}

.article p code,
.article li code,
.main p code,
.main li code {
  background: #07120a !important;
  border: 1px solid rgba(57, 255, 20, .42) !important;
  border-radius: 4px !important;
  color: #39ff14 !important;
  padding: 2px 6px !important;
  text-decoration: none !important;
}

.toc,
.toc-content {
  background: #f8fbfd !important;
  border: 1px solid #dbe6ee !important;
  color: #334155 !important;
  border-radius: 12px !important;
}

.toc-title {
  background: #0e7c86 !important;
  color: #fff !important;
  border-radius: 12px 12px 0 0 !important;
}

.toc-title .toc-toggle-button,
.toc-title a {
  color: #fff !important;
}

.toc a {
  color: #375569 !important;
  text-decoration: none !important;
}

.toc a:hover {
  color: #075fb8 !important;
}

.as400-cta-box,
.wp-block-group[style*="f8fbff"],
.article div[style*="f6f9ff"] {
  background: linear-gradient(135deg, #f8fbff 0%, #eef8f9 100%) !important;
  border: 1px solid #cfe0e8 !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 28px rgba(15, 116, 120, .10) !important;
}

.wp-block-button__link,
.article a.wp-block-button__link,
.article a[style*="background:#0b63ce"] {
  background: #0b63ce !important;
  color: #fff !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  box-shadow: 0 10px 22px rgba(11, 99, 206, .22) !important;
}

.wp-block-button__link:hover,
.article a.wp-block-button__link:hover,
.article a[style*="background:#0b63ce"]:hover {
  background: #084f9f !important;
  color: #fff !important;
}

.search-box input[type="text"],
input[type="search"],
.search-edit {
  background: #fff !important;
  color: #1f2933 !important;
  border: 1px solid #c9d5dd !important;
  border-radius: 10px !important;
}

#sidebar,
.sidebar,
.sidebar-scroll {
  background: transparent !important;
}

.sidebar,
.author-box,
.profile-box {
  color: #334155 !important;
}

.sidebar a {
  color: #075fb8 !important;
}

.author-box,
.profile-box {
  background: #fff !important;
  border-color: #d7e1e7 !important;
  border-radius: 12px !important;
}

.widget_author_box,
#author_box-2 {
  overflow: hidden !important;
}

.widget_author_box .widget-title,
#author_box-2 .widget-title,
#author_box-2 h3 {
  margin-bottom: 14px !important;
}

.widget_author_box .author-box,
#author_box-2 .author-box {
  position: relative !important;
  padding: 22px 20px 20px !important;
  text-align: left !important;
  background:
    linear-gradient(145deg, rgba(14, 124, 134, .10), rgba(245, 158, 11, .07) 42%, #fff 74%) !important;
  border: 1px solid #cfe0e8 !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88), 0 14px 30px rgba(15, 37, 55, .08) !important;
}

.widget_author_box .author-widget-name,
#author_box-2 .author-widget-name {
  align-items: center !important;
  color: #102a43 !important;
  display: flex !important;
  flex-direction: column !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  gap: 10px !important;
  letter-spacing: 0 !important;
  margin-bottom: 12px !important;
  text-align: center !important;
}

.widget_author_box .author-widget-name,
#author_box-2 .author-widget-name {
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.widget_author_box .author-widget-name::before,
#author_box-2 .author-widget-name::before {
  content: "AS400現場ノート管理人";
  color: #102a43 !important;
  display: block !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}

.widget_author_box .author-widget-name::after,
#author_box-2 .author-widget-name::after {
  content: "AS400 / IBM i 実務25年+";
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #0e7c86 !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin: 0 auto !important;
  padding: 7px 11px !important;
}

.widget_author_box .author-thumb,
#author_box-2 .author-thumb {
  margin: 0 auto 14px !important;
  max-width: 116px !important;
  padding: 8px !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(14, 124, 134, .22), transparent 42%),
    linear-gradient(145deg, #f8fbfd, #e7f3f5) !important;
  border: 1px solid #c5d9e2 !important;
  border-radius: 26px !important;
  box-shadow: 0 16px 28px rgba(15, 37, 55, .16) !important;
}

.widget_author_box .author-thumb img,
#author_box-2 .author-thumb img {
  border: 3px solid #fff !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 18px rgba(15, 37, 55, .18) !important;
  height: 92px !important;
  object-fit: cover !important;
  width: 92px !important;
}

.widget_author_box .author-name,
#author_box-2 .author-name,
.widget_author_box .profile-follows,
#author_box-2 .profile-follows {
  display: none !important;
}

.widget_author_box .author-description,
#author_box-2 .author-description {
  margin-top: 8px !important;
}

.widget_author_box .author-description::before,
#author_box-2 .author-description::before {
  content: "流通業界の販売管理 / RPG・CL / 保守・本番対応";
  display: block !important;
  background: #f8fbfd !important;
  border-left: 4px solid #f59e0b !important;
  border-radius: 8px !important;
  color: #102a43 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.55 !important;
  margin: 0 0 12px !important;
  padding: 9px 10px !important;
}

.widget_author_box .author-description p,
#author_box-2 .author-description p {
  color: #334155 !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
  margin: 0 !important;
}

.author-box .author-name a,
.profile-box .author-name a,
.author-box .author-name,
.profile-box .author-name,
.profile-box a[href*="/author/"],
.author-box a[href*="/author/"] {
  background: #eef8f9 !important;
  border: 1px solid #cfe0e8 !important;
  border-radius: 999px !important;
  color: #0b6670 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  padding: 6px 12px !important;
  text-decoration: none !important;
}

.author-box .author-name a:hover,
.profile-box .author-name a:hover,
.profile-box a[href*="/author/"]:hover,
.author-box a[href*="/author/"]:hover {
  background: #dff3f5 !important;
  color: #074f57 !important;
}

.author-box .fa,
.profile-box .fa,
.author-box .fas,
.profile-box .fas {
  color: #0e7c86 !important;
}

.article-footer .author-info,
.article-footer .author-link,
.article-footer .author-name,
.under-entry-content .author-info,
.under-entry-content .author-link,
.under-entry-content .author-name,
.entry-content + .author-info,
.entry-content + .author-link {
  display: none !important;
}

.entry-card:hover,
.related-entry-card:hover,
.sidebar .widget:hover {
  box-shadow: 0 20px 48px rgba(15, 37, 55, .12) !important;
}

.entry-card-wrap,
.a-wrap,
.border-element {
  background: #fff !important;
  border: 1px solid #dbe6ee !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 30px rgba(15, 37, 55, .08) !important;
  color: #1f2933 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin-bottom: 18px !important;
}

.entry-card-wrap:hover,
.a-wrap:hover {
  background: #fff !important;
  box-shadow: 0 18px 44px rgba(15, 37, 55, .12) !important;
}

.entry-card-wrap .entry-card,
.entry-card-wrap .e-card {
  border: 0 !important;
  box-shadow: none !important;
}

.entry-card-title,
.entry-card-title a,
.related-entry-card-title {
  color: #102a43 !important;
  font-weight: 800 !important;
}

.entry-card-snippet,
.entry-card-content,
.entry-card-meta {
  color: #52616f !important;
}

.cat-label,
.cat-link,
.entry-category,
.post-cat,
.post-categories a,
.entry-card-meta .cat-label,
.entry-card-meta .cat-link {
  background: #eef8f9 !important;
  border: 1px solid #cfe0e8 !important;
  border-radius: 999px !important;
  color: #0b6670 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  padding: 4px 9px !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.cat-label::before,
.cat-link::before {
  color: #0e7c86 !important;
}

.entry-card-thumb,
.e-card-thumb,
.related-entry-card-thumb {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  aspect-ratio: auto !important;
  height: 220px !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(57, 255, 20, .10), transparent 48%),
    repeating-linear-gradient(0deg, rgba(57, 255, 20, .08) 0 1px, transparent 1px 8px),
    #050806 !important;
  position: relative !important;
}

.entry-card-thumb img,
.e-card-thumb img,
.related-entry-card-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.entry-card-thumb::after,
.e-card-thumb::after,
.related-entry-card-thumb::after {
  content: "AS400 / IBM i";
  color: #39ff14 !important;
  font-family: Consolas, "Courier New", monospace !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  left: 18px !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  opacity: .9 !important;
  position: absolute !important;
  text-shadow: 0 0 8px rgba(57, 255, 20, .55) !important;
  top: 18px !important;
  z-index: 0 !important;
}

.entry-card-thumb img,
.e-card-thumb img,
.related-entry-card-thumb img,
.entry-card-thumb .cat-label,
.e-card-thumb .cat-label,
.related-entry-card-thumb .cat-label {
  position: relative !important;
  z-index: 1 !important;
}

.entry-card-content,
.e-card-content,
.related-entry-card-content {
  margin-left: 0 !important;
  padding: 16px 18px !important;
}

.entry-card-wrap .entry-card {
  min-height: 0 !important;
}

.date-tags,
.post-date,
.post-update {
  color: #52616f !important;
}

.post-date,
.post-update {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.post-date + .post-update {
  margin-left: 12px !important;
}

#footer,
#footer-container,
.footer,
.footer-container {
  background:
    linear-gradient(180deg, rgba(57, 255, 20, .08), transparent 44%),
    #050806 !important;
  border-top: 4px solid #39ff14 !important;
  color: #39ff14 !important;
  font-family: Consolas, "Courier New", monospace !important;
  text-shadow: 0 0 7px rgba(57, 255, 20, .32) !important;
}

#footer a,
#footer-container a,
.footer a,
.footer-container a {
  color: #39ff14 !important;
  text-decoration: none !important;
}

#footer a:hover,
#footer-container a:hover,
.footer a:hover,
.footer-container a:hover {
  color: #ccffcc !important;
}

#footer::before,
#footer-container::before,
.footer::before,
.footer-container::before {
  content: "選択項目またはコマンド ===>                                  F3=終了   F4=プロンプト   F12=取消";
  display: block !important;
  color: #39ff14 !important;
  font-family: Consolas, "Courier New", monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
  padding: 14px 16px 0 !important;
  text-align: center !important;
  text-shadow: 0 0 8px rgba(57, 255, 20, .45) !important;
}

@media screen and (max-width: 834px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  .wrap,
  .content-in,
  #content-in,
  #content,
  .main,
  #main,
  .article {
    box-sizing: border-box !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .main {
    padding: 20px !important;
    border-radius: 0 !important;
  }

  #header .tagline,
  .tagline {
    box-sizing: border-box !important;
    display: block !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    margin: 8px auto 10px !important;
    max-width: 330px !important;
    overflow-wrap: anywhere !important;
    padding: 0 12px !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: break-all !important;
  }

  #navi .menu-pc,
  .navi-in .menu-pc {
    display: none !important;
  }

  #navi .menu-mobile,
  .navi-in .menu-mobile {
    display: grid !important;
    gap: 6px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    overflow: visible !important;
    padding: 8px !important;
    white-space: normal !important;
    width: 100% !important;
  }

  #navi .menu-mobile::-webkit-scrollbar,
  .navi-in .menu-mobile::-webkit-scrollbar {
    display: none !important;
  }

  #navi .menu-mobile .menu-item,
  .navi-in .menu-mobile .menu-item {
    border-bottom: 0 !important;
    flex: none !important;
    min-width: auto !important;
    width: 100% !important;
  }

  #navi .menu-mobile a,
  .navi-in .menu-mobile a {
    align-items: center !important;
    background: rgba(57, 255, 20, .06) !important;
    border: 1px solid rgba(57, 255, 20, .26) !important;
    border-radius: 6px !important;
    display: flex !important;
    font-size: 11px !important;
    justify-content: center !important;
    line-height: 1.35 !important;
    min-height: 34px !important;
    overflow-wrap: anywhere !important;
    padding: 6px 4px !important;
    text-align: center !important;
    white-space: normal !important;
    width: 100% !important;
  }

  #navi .menu-mobile .menu-item > a::before,
  .navi-in .menu-mobile .menu-item > a::before,
  #navi .menu-mobile a:hover::before,
  .navi-in .menu-mobile a:hover::before {
    content: none !important;
    display: none !important;
  }

  #navi .menu-mobile .item-label,
  .navi-in .menu-mobile .item-label {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: keep-all !important;
  }

  #header-container::before,
  .header-container::before {
    font-size: 10px !important;
    padding: 5px 10px !important;
  }

  #header,
  #header-container,
  .header-container {
    box-shadow: 0 10px 18px rgba(5, 8, 6, .18) !important;
  }

  #header .site-name-text,
  #header .site-name-text-link,
  #header .logo-header .site-name-text,
  .site-name-text {
    font-size: 25px !important;
    line-height: 1.25 !important;
  }

  #header .logo-header,
  #header .header-in,
  .logo-header,
  .header-in {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }

  #navi,
  #navi .navi-in,
  .navi,
  .navi-in {
    border-bottom-width: 2px !important;
    box-shadow: 0 6px 14px rgba(5, 8, 6, .18) !important;
  }

  .entry-title,
  .article h1 {
    box-sizing: border-box !important;
    font-size: 21px !important;
    line-height: 1.45 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    word-break: break-all !important;
  }

  .article p,
  .article li,
  .main p,
  .main li {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .article table,
  .main table {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
    white-space: normal !important;
  }

  .article table th,
  .article table td,
  .main table th,
  .main table td {
    font-size: 13px !important;
    line-height: 1.65 !important;
    overflow-wrap: anywhere !important;
    padding: 9px 8px !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  .article table th:first-child,
  .article table td:first-child,
  .main table th:first-child,
  .main table td:first-child {
    width: 34% !important;
  }

  .article pre,
  .article .wp-block-code,
  .main pre,
  .main .wp-block-code {
    max-width: 100% !important;
  }
}

body.archive.category .archive-title {
  background: #f8fbfd !important;
  border: 1px solid #dbe6ee !important;
  border-left: 6px solid #0e7c86 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 24px rgba(15, 37, 55, .06) !important;
  color: #102a43 !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  margin: 0 0 18px !important;
  padding: 14px 18px !important;
}

body.archive.category .archive-title::before,
body.archive.category .archive-title::after {
  content: none !important;
  display: none !important;
}

body.archive.category .main {
  background: #fff !important;
}


/* Final mobile readability pass for AdSense review */
@media screen and (max-width: 834px) {
  html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  *, *::before, *::after {
    box-sizing: border-box !important;
  }
  #container, .container, .wrap, #content, .content, #content-in, .content-in,
  #main, .main, .article, .entry-content, #header-container, #header,
  #navi, #navi .navi-in, .navi, .navi-in, #footer, #footer-container {
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    width: 100vw !important;
  }
  .content-in, #content-in, .main {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .main {
    padding: 20px 20px 84px !important;
  }
  #header .tagline, .tagline,
  #header .site-name-text, #header .site-name-text-link, .site-name-text {
    max-width: calc(100vw - 32px) !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    word-break: break-all !important;
  }
  #navi .menu-mobile, .navi-in .menu-mobile {
    display: grid !important;
    gap: 7px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 0 !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    padding: 8px !important;
    width: 100vw !important;
  }
  #navi .menu-mobile .menu-item, .navi-in .menu-mobile .menu-item,
  #navi .menu-mobile a, .navi-in .menu-mobile a {
    min-width: 0 !important;
    width: 100% !important;
  }
  .entry-title, .article h1 {
    font-size: 20px !important;
    line-height: 1.6 !important;
    overflow-wrap: anywhere !important;
    word-break: break-all !important;
  }
  .date-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 12px !important;
    justify-content: flex-start !important;
  }
  .post-date, .post-update {
    margin-left: 0 !important;
  }
  .toc, .toc-content {
    max-width: 100% !important;
  }
  .mobile-footer-menu-buttons, .mobile-menu-buttons,
  .mobile-footer-menu-buttons.mobile-menu-buttons {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    left: 0 !important;
    max-width: 100vw !important;
    overflow: hidden !important;
    right: 0 !important;
    width: 100vw !important;
  }
  .mobile-footer-menu-buttons .menu-button, .mobile-menu-buttons .menu-button {
    min-width: 0 !important;
    width: auto !important;
  }
  .mobile-footer-menu-buttons .menu-caption, .mobile-menu-buttons .menu-caption {
    display: block !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    padding: 0 2px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}


@media screen and (max-width: 834px) {
  #content, .content, #content-in, .content-in, #main, .main, .article, .entry-content {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  .main {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .entry-title, .article h1, .article p, .article li, .toc, .toc-content {
    max-width: 350px !important;
  }
  #header .tagline, .tagline {
    max-width: 350px !important;
    font-size: 12px !important;
  }
  #navi .menu-mobile, .navi-in .menu-mobile {
    grid-template-columns: 1fr !important;
    max-width: 350px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 350px !important;
  }
}</style><?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet type='text/xsl' href='https://www.as400blog.com/wp-content/plugins/google-sitemap-generator/sitemap.xsl'?><!-- sitemap-generator-url='http://www.arnebrachhold.de' sitemap-generator-version='4.1.24' -->
<!-- generated-on='2026年6月2日 5:48 PM' -->
<sitemapindex xmlns:xsi='http://www.w3.org/2001/XMLSchema-instance' xsi:schemaLocation='http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/siteindex.xsd' xmlns='http://www.sitemaps.org/schemas/sitemap/0.9'>	<sitemap>
		<loc>https://www.as400blog.com/sitemap-misc.xml</loc>
		<lastmod>2026-06-02T16:56:04+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://www.as400blog.com/post-sitemap.xml</loc>
		<lastmod>2026-06-02T16:56:04+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://www.as400blog.com/page-sitemap.xml</loc>
		<lastmod>2026-06-01T11:58:54+00:00</lastmod>
	</sitemap>
</sitemapindex><!-- Request ID: 6ea29c10284a512561060c66378ae892; Queries for sitemap: 5; Total queries: 48; Seconds: 0; Memory for sitemap: 1KB; Total memory: 8MB -->
