/* Ensure header margin includes Concrete toolbar spacing */
html:has(#ccm-toolbar) {
  --toolbar-height: 48px;
  --header-height: 67px;
}

/* Move the header down only by the toolbar height */
html:has(#ccm-toolbar) header.header {
  top: var(--toolbar-height);
}

/* Keep sidebar and global nav always below the header */
html:has(#ccm-toolbar) aside.sidebar,
html:has(#ccm-toolbar) .gnav-wrapper,
html:has(#ccm-toolbar) .header-menu{
  top: calc(var(--toolbar-height) + var(--header-height));
}
.mita-is .fa-reply {
  color: #4a5669;
}
.mita-is a.sidebar-header-title {
  color: #4a5669;
  text-decoration: none;
}
/*[PRJ_MITA_POTAL-77] No size limits were applied to the logo because it is defined as an SVG in the original CSS.
https://c5japaninc.backlog.jp/view/PRJ_MITA_POTAL-77#comment-307507680  */
.mita-is .header-logo img {
  width: 100%;
  max-width: 275px;
}

/*[PRJ_MITA_POTAL-84]*/
.mita-is .ccm-pagination-wrapper .btn-wrapper {
  padding: 0;
}
/*数字は非表示*/
.mita-is .ccm-pagination-wrapper .page-item{
  display:none;
}
/*次へ前へは表示*/
.mita-is .ccm-pagination-wrapper .page-item.btn-pagination{
  display:block;
}
/*次へ前へがdisableなら非表示*/
.mita-is .ccm-pagination-wrapper .page-item.btn-pagination.disabled{
  display:none;
}
.mita-is .btn-pagination.page-item{
  padding: 0;
  background-color: #fff;
}
.mita-is .btn-pagination.page-item .page-link{
  padding: 14px 19px;
  background-color: #5E92CC;
  border-radius: 3px;
}

/*[PRJ_MITA_POTAL-102] 絞り込み中のトピックを濃い青で示す*/
.mita-is a.tag-selected,
.mita-is a.tag-selected .tag{
  background-color: #1462b9;
}