@charset "UTF-8";

/* ---------------------------------------------------------------------------
   message-archive.css
   出所: 旧 WPCode スニペット930「理事長メッセージArchive」の $css。
   内容は変更していない。
   --------------------------------------------------------------------------- */

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

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

/* ---- Card ---- */
.jaycee-msg-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-msg-link{
  display:block !important;
  text-decoration:none !important;
  color:inherit !important;
}
.jaycee-msg-thumb{
  width:100% !important;
  aspect-ratio: 3 / 4 !important;
  background:#f2f2f2 !important;
  overflow:hidden !important;
}
.jaycee-msg-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
.jaycee-msg-body{ padding:10px 10px 12px !important; }
.jaycee-msg-date{
  font-size:11px !important;
  color:#777 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  display:block !important;
  margin:0 0 8px 0 !important;
}
.jaycee-msg-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;
}

/* ---- Pagination (button) ---- */
.jaycee-msg-pager{
  margin-top:18px !important;
  display:flex !important;
  justify-content:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}
.jaycee-msg-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-msg-pager .page-numbers.current{
  background:#0097D7 !important;
  border-color:#0097D7 !important;
  color:#fff !important;
}
.jaycee-msg-pager .page-numbers:hover{filter:brightness(0.98) !important;}

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

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