@charset "UTF-8";
.column.articles-all {
  padding-top: 0;
}
.column.articles-all .flexbox {
  flex-direction: column;
  gap: 0;
}
.column.articles-all .flexbox .column-list {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
.column.articles-all .flexbox .column-list .column-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 30%;
}
.column.articles-all .flexbox .column-list .column-item .column-text {
  width: 100%;
  padding: 20px;
}
.column.articles-all .flexbox .column-list .column-item .column-thumbnail {
  aspect-ratio: 1200/630;
  width: 100%;
  overflow: hidden;
}
.column.articles-all .flexbox .column-list .column-item .column-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.column.articles-all .flexbox .column-list .column-item .article-meta {
  display: flex;
  width: 100%;
  align-items: left;
  font-size: 12px;
  line-height: 160%;
}
.column.articles-all .flexbox .column-list .column-item .article-meta .article-cat {
  color: #00a0e9;
  padding-right: 8px;
  border-right: 1px solid #d9d9d9;
}
.column.articles-all .flexbox .column-list .column-item .article-meta .article-date {
  color: #888181;
  padding-left: 8px;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 40px 0;
}
.pagination a,
.pagination span {
  padding: 8px 12px;
  border: 1px solid #d9d9d9;
  text-decoration: none;
  color: #333;
}
.pagination a.current,
.pagination span.current {
  background-color: #00a0e9;
  color: #fff;
  border-color: #00a0e9;
}
.pagination a:hover:not(.current),
.pagination span:hover:not(.current) {
  background-color: #f5f5f5;
}

/* カテゴリー別記事一覧 */
.page-articles-category {
  margin-top: 65px;
}
@media screen and (max-width: 768px) {
  .page-articles-category {
    margin-top: 115px;
  }
}

@media screen and (max-width: 768px) {
  .column.articles-all {
    padding: 0;
  }
  .column.articles-all .flexbox .column-title .title {
    margin-bottom: 0;
  }
  .column.articles-all .flexbox .column-list {
    align-items: center;
    gap: 30px;
  }
  .column.articles-all .flexbox .column-list .column-item {
    width: 100%;
  }
  .column.articles-all .flexbox .column-list .column-item .column-text {
    padding: 15px;
  }
  .column.articles-all .pagination {
    margin: 30px 0;
    gap: 5px;
  }
  .column.articles-all .pagination a,
  .column.articles-all .pagination span {
    padding: 6px 10px;
    font-size: 14px;
  }
}
/* カテゴリ別一覧はないので、カテゴリのリンクをクリック不能にする
.post-category a {
  pointer-events: none;
  text-decoration: none;
  color: inherit;
  cursor: default;
}
 */
/* 記事一覧が短い時にサイドバーの下部に余白が必要 */
.sidebar {
  padding-bottom: 40px;
}

/* サイドバー カテゴリメニュー（Style A: Left Border Accent） */
.sidebar-categories {
  width: 100%;
}
.sidebar-categories .category-list {
  display: flex;
  flex-direction: column;
}
.sidebar-categories .category-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-left: 3px solid #00a0e9;
  transition: background-color 0.2s;
}
.sidebar-categories .category-item:hover {
  background-color: #f0f9ff;
}
.sidebar-categories .category-item + .category-item {
  border-top: 1px solid #ededed;
}
.sidebar-categories .category-item .category-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.sidebar-categories .category-item .category-name {
  font-size: 14px;
  font-weight: bold;
  color: #302f2f;
}
.sidebar-categories .category-item .category-count {
  font-size: 12px;
  color: #888181;
}
.sidebar-categories .category-item img {
  width: 4px;
  -o-object-fit: contain;
     object-fit: contain;
}/*# sourceMappingURL=style-articles-all.css.map */