@charset "UTF-8";
  .archive-category-links {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: flex-start;
margin: 50px auto;
}
.archive-category-links .archive-category-link {
display: block;
width: calc(33.3% - 10px);
text-align: center;
color: #fff;
padding: 10px;
}
.archive-category-links .archive-category-link:hover {
color: #fff;
}
.archive-category-links .archive-category-link.seo-taisaku {
background: #076BAF;
}
.archive-category-links .archive-category-link.homepage {
background: #00ad18;
}
.archive-category-links .archive-category-link.wordpress-customize {
background: #ef807d;
}
.archive-category-links .archive-category-link.net-shop {
background: #b30000;
}
.archive-category-links .archive-category-link.maintenance {
background: #F15A24;
}
.archive-category-links .archive-category-link .site-move {
background: #212529;
}
@media only screen and (max-width: 640px) {
.archive-category-links .archive-category-link {
width: calc(50% - 7.5px);
}
}
.columnBlock {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.columnBlock .columnItem {
width: calc(33.3% - 20px);
box-shadow: 0 0 5px #ababab;
padding: 5px;
box-sizing: border-box;
border-radius: 6px;
}
.columnBlock .columnItem .column_img img {
aspect-ratio: 16/9;
}
.columnBlock .columnItem .column_img span.column_term {
position: absolute;
top: 0;
left: 0;
padding: 2px 5px;
color: #fff;
}
.columnBlock .columnItem .column_img span.column_term.seo-taisaku {
background: #076BAF;
}
.columnBlock .columnItem .column_img span.column_term.homepage {
background: #00ad18;
}
.columnBlock .columnItem .column_img span.column_term.wordpress-customize {
background: #ef807d;
}
.columnBlock .columnItem .column_img span.column_term.net-shop {
background: #b30000;
}
.columnBlock .columnItem .column_img span.column_term.maintenance {
background: #F15A24;
}
.columnBlock .columnItem .column_img span.column_term .site-move {
background: #212529;
}
@media only screen and (max-width: 768px) {
.columnBlock {
gap: 15px;
}
.columnBlock .columnItem {
width: calc(50% - 7.5px);
}
}
a.archive-btn {
display: block;
width: 80%;
max-width: 210px;
border: 2px solid;
color: #fff;
background: #076baf;
padding: 15px;
text-align: center;
margin: 30px auto;
}
ul.page-numbers {
display: flex;
justify-content: center;
gap: 15px;
}
ul.page-numbers .page-numbers {
width: 30px;
height: 30px;
border: 1px solid;
display: inline-flex;
justify-content: center;
align-items: center;
line-height: 1;
color: #076baf;
}
ul.page-numbers .page-numbers.current {
background: #076baf;
border-color: #076baf;
color: #fff;
}
.works_tags_wrap {
margin: 15px auto;
display: flex;
flex-wrap: wrap;
}
.works_tags {
margin-right: 10px;
margin-bottom: 10px;
padding: 0 10px;
border: 1px solid #1c1c1c;
border-radius: 15px;
}
.archive_works_list {
margin: 30px auto;
display: flex;
flex-wrap: wrap;
}
.archive_works_entry {
width: calc(33.3% - 10px);
margin: 5px;
}
.archive_works_entry p {
margin: 0;
}
@media only screen and (max-width: 578px) {
.archive_works_entry {
width: calc(50% - 10px);
}
}