@charset "UTF-8";

/* ---------------------------------------------------------------------------
   posts-archive.css
   出所: 旧 WPCode スニペット393「最新情報（アーカイブ部分）」の $css。
   内容は変更していない。
   --------------------------------------------------------------------------- */

/* ===== Jaycee Posts Archive AJAX ===== */
.jaycee-arc-wrap{width:100% !important;}
.jaycee-arc-wrap p{margin:0 !important;margin-block-start:0 !important;margin-block-end:0 !important;padding:0 !important;}
.jaycee-arc-wrap p:empty{display:none !important;}
.jaycee-arc-wrap br{display:none !important;}

/* ---- Filter ---- */
.jaycee-arc-filter{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  align-items:center !important;
  margin:0 0 14px 0 !important;
}
.jaycee-arc-filter .jaycee-arc-tab{
  appearance:none !important;
  border:1px solid #e3e7ea !important;
  background:#F2F2F2 !important;
  color:#333 !important;
  border-radius:999px !important;
  padding:6px 12px !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1 !important;
  cursor:pointer !important;
}
.jaycee-arc-filter .jaycee-arc-tab.is-active{
  background:#0097D7 !important;
  border-color:#0097D7 !important;
  color:#fff !important;
}
.jaycee-arc-filter .jaycee-arc-tab:hover{filter:brightness(0.98) !important;}

/* ---- Grid ---- */
.jaycee-arc-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important; /* PC 4カラム */
  gap:16px !important;
}

/* ---- Card ---- */
.jaycee-arc-card{
  background:#fff !important;
  border:1px solid #eef1f3 !important;
  border-radius:10px !important;
  overflow:hidden !important;
  box-shadow:0 2px 10px rgba(0,0,0,.04) !important;
}
.jaycee-arc-link{
  display:block !important;
  text-decoration:none !important;
  color:inherit !important;
}
.jaycee-arc-thumb{
  width:100% !important;
  aspect-ratio: 3 / 4 !important;  /* ★ 3:4（指定） */
  background:#f2f2f2 !important;
  overflow:hidden !important;
}
.jaycee-arc-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* newsだけ contain */
.jaycee-arc-card.is-news .jaycee-arc-thumb{ background:#F2F2F2 !important; }
.jaycee-arc-card.is-news .jaycee-arc-thumb img{
  object-fit:contain !important;
  background:#F2F2F2 !important;
}

.jaycee-arc-body{ padding:10px 10px 12px !important; }

/* meta（バッジ＋投稿日） */
.jaycee-arc-meta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin:0 0 8px 0 !important;
}
.jaycee-arc-date{
  font-size:11px !important;
  color:#777 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

/* バッジ（枠＋文字色のみ） */
.jaycee-arc-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:1 !important;
  background:#fff !important;
  border:2px solid currentColor !important;
  color:inherit !important;
  white-space:nowrap !important;
}
.jaycee-arc-card.is-news   .jaycee-arc-badge{ color:#888888 !important; }
.jaycee-arc-card.is-annai  .jaycee-arc-badge{ color:#0097D7 !important; }
.jaycee-arc-card.is-hokoku .jaycee-arc-badge{ color:#EDBE38 !important; }

.jaycee-arc-title{
  margin:0 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  color:#111 !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
}
.jaycee-arc-event{
  margin-top:8px !important;
  font-size:11px !important;
  color:#666 !important;
  line-height:1.4 !important;
  display:block !important;
}

/* ---- Pagination (button) ---- */
.jaycee-arc-pager{
  margin-top:18px !important;
  display:flex !important;
  justify-content:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}
.jaycee-arc-pager .page-numbers{
  appearance:none !important;
  border:1px solid #e3e7ea !important;
  background:#fff !important;
  color:#555 !important;
  width:28px !important;
  height:28px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:700 !important;
  cursor:pointer !important;
}
.jaycee-arc-pager .page-numbers.current{
  background:#0097D7 !important;
  border-color:#0097D7 !important;
  color:#fff !important;
}
.jaycee-arc-pager .page-numbers:hover{filter:brightness(0.98) !important;}

/* ---- Loading ---- */
.jaycee-arc-loading{
  opacity:.55 !important;
  pointer-events:none !important;
  filter:grayscale(0.1) !important;
}
.jaycee-arc-spinner{
  display:none !important;
  margin:10px 0 0 !important;
  font-size:12px !important;
  color:#777 !important;
}
.jaycee-arc-spinner.is-show{display:block !important;}

/* ---- SP：2カラム ---- */
@media (max-width:767px){
  .jaycee-arc-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:12px !important;
  }
  .jaycee-arc-filter{gap:6px !important; margin-bottom:12px !important;}
  .jaycee-arc-filter .jaycee-arc-tab{font-size:12px !important; padding:6px 10px !important;}
  .jaycee-arc-title{font-size:13px !important;}
}