@charset "utf-8";
/* -----------------------------------------------------------------
 cmn_pager
----------------------------------------------------------------- */
.cmn_pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .8rem;
  margin-top: var(--margin_size_S);
}
.cmn_pager .link_before ,
.cmn_pager .link_next {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .8rem;
  min-width: 2em;
  height: 2em;
}
.cmn_pager .link_before img,
.cmn_pager .link_next img{
  width: 1rem; 
  margin-bottom: .3rem;
}
.cmn_pager .list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .8rem;
}
.cmn_pager .link_page,
.cmn_pager .current_page {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 2em;
  height: 2em;
  padding: 0 .2em;
  border-radius: 9999px;
  border: var(--color_main) 1px solid;
  font-size: .92rem;
  color: var(--color_main);
}
.cmn_pager .current_page {
  background: var(--color_main);
  color: #fff;
}
@media print, screen and (min-width: 768px) {
  .cmn_pager .link_page,
  .cmn_pager .current_page {
    font-size: 1rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .cmn_pager .link_page {
    transition: all 0.3s ease;
  }
  .cmn_pager .link_page:hover {
    background: var(--color_bg_light_bl);
  }
}

/* -----------------------------------------------------------------
 section_content
----------------------------------------------------------------- */
.section_content {
  margin-top: var(--margin_size_S);
  margin-bottom: var(--margin_size_S);
}

/* -----------------------------------------------------------------
 category_nav
----------------------------------------------------------------- */
.category_nav {
  position: relative;
}
.category_nav_toggle {
  display: flex;
  align-items: center;
  gap:1em;
  width: 12rem;
  padding: .3em .8em;
  font-size: .92rem;
  cursor: pointer;
}
.category_nav_toggle .text {
  flex-grow: 1;
}
.category_nav_toggle .arrow {
  flex-shrink: 1;
}
.category_nav_toggle .arrow img {
  width: 1em;
  transform: rotate(180deg);
}
.category_nav_toggle .arrow {
  flex-shrink: 1;
}
.category_nav_links {
  position: absolute;
  display: flex;
  width: 12rem;
  flex-direction: column;
  border-bottom: var(--color_main) 2px solid;
  background: #fff;
  font-size: .92rem;
  overflow: hidden;
  z-index: 2;
}
.category_nav_link {
  padding: .3em .8em;
  text-decoration: none;
  color: #333;
}
.category_nav_link:first-child {
  border-top: none;
}

.category_nav_link:hover {
  background: #f9f9f9;
}
@media print, screen and (min-width: 768px) {
  .category_nav_toggle {
    font-size: 1rem;
  }
  .category_nav_links {
    font-size: 1rem;
  }
}
/* -----------------------------------------------------------------
 entry_cont
----------------------------------------------------------------- */
.entry_cont {
  margin-top: var(--margin_size_XS);
}
@media print, screen and (min-width: 768px) {
}


/* -----------------------------------------------------------------
 entry_list
----------------------------------------------------------------- */
.entry_list {
  display: flex;
  flex-wrap: wrap;
  gap:2rem 1.6rem;
}
.entry_list .item {
  width:calc((100% - 1.6rem) / 2);
}
.entry_list .item a {
  display: block;
}
.entry_list .cmn_img_trim.no_image {
  border: var(--color_bg_light_bl) 1px solid;
}
.entry_list .label {
  display: flex;
  align-items: center;
  gap:.6rem;
  margin-top: 1.2rem;
}
.entry_list .time {
  line-height: 1;
  font-weight: 400;
  font-size: .75rem;
}
.entry_list .cat {
  display: flex;
  align-items: center;
  gap:.3rem;
  line-height: 1;
  font-weight: 700;
  font-size: .75rem;
  color: #727272;
}
.entry_list .mark {
  width: .8em;
  height: .8em;
  border-radius: 9999px;
  background: var(--color_txt_base);
  flex-shrink: 0;
}
.entry_list .mark.important {
  background: #e37360;
}
.entry_list .mark.event {
  background: var(--color_main);
}
.entry_list .mark.exhibition {
  background:var(--color_bg_light_bl);
}
.entry_list .text {
  margin-top: 1rem;
  line-height: 1.8;
  font-weight: 700;
  font-size: .81rem;
  color: var(--color_main);
}
@media print, screen and (min-width: 768px) {
  .entry_list {
    display: flex;
    flex-wrap: wrap;
    gap:4rem 4rem;
  }
  .entry_list .item {
    width:calc((100% - (4em * 2)) / 3);
  }
  .entry_list .time {
    font-size: .89rem;
  }
  .entry_list .cat {
    gap:.3rem;
    font-size: .89rem;
  }
  .entry_list .text {
    font-size: .94rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .entry_list .link .text {
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
    transition: text-decoration-color 0.3s ease;
  }
  .entry_list .link:hover .text {
    text-decoration-color: currentColor;
  }
}