#sp-main-body {
  padding: 30px 0;
}

#sp-bottom .sp-module ul>li {
    display: block;
    margin-bottom: 1px;
}

#sp-top-bar {
    background: #003366;
    color: #aaaaaa;
}

img {
display: inline-block;
margin-left: 5px;
margin-right: 5px;
}

.mod-articles-grid {
    --grid-layout-gap: 2rem;
    --grid-item--min-width: 100px;
    --gap-count: calc(var(--grid-column-count) - 1);
    --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
    --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
    /* grid-gap: var(--grid-layout-gap); */
    grid-template-columns: 1fr;
    display: grid;
}

.article-list .article {
    border: 1px solid #006699;
    border-radius: 5px;
}

.h3, .h4, .h5, .h5, h3, h4, h5, h6 {
   margin-bottom: .2rem;
}

#sp-header {
   border-bottom: 1px solid #006699;
}

#sp-tusshop {
    border-top: 1px solid #006699;
}