@charset "UTF-8";

/* ---------------------------------------------------------------------------
   area-archive.css
   出所: 旧 WPCode スニペット66「【TOP】右上アーカイブ」の $css。
   内容は変更していない。
   --------------------------------------------------------------------------- */

/* ===== jaycee archive (stable v9) ===== */
.jaycee-archive-wrap{
  width:100% !important;
  max-width:960px !important;
  margin:0 auto !important;
}

/* 開催日ブロック内に自動挿入される p は“表示ごと消す” */
.jaycee-archive-event > p{
  display: none !important;
  margin: 0 !important;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}



.jaycee-archive-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:20px 30px !important; /* ← 縦20 / 横30 */
}

.jaycee-archive-card{
  font-family:"M PLUS 1","M PLUS 1p",system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Meiryo",sans-serif !important;
  background:#fff !important;
  border-radius:12px !important;
  overflow:hidden !important;
  box-shadow:0 6px 16px rgba(0,0,0,.05) !important;
}

.jaycee-archive-card a{
  text-decoration:none !important;
  color:inherit !important;
}

.jaycee-archive-card-thumb{
  width:100% !important;
  aspect-ratio:3 / 4 !important;
  background:#f2f2f2 !important;
  overflow:hidden !important;
  position:relative !important;
}

.jaycee-archive-card-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* 画像内カテゴリバッジ（br混入対策込み） */
.jaycee-archive-thumb-badge{
  position:absolute !important;
  left:12px !important;
  bottom:12px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:6px 9px !important;
  font-size:11px !important;
  line-height:1 !important;
  color:#fff !important;
  border-radius:3px !important;
  letter-spacing:.02em !important;
  box-shadow:0 2px 8px rgba(0,0,0,.16) !important;
  pointer-events:none !important;

  white-space:nowrap !important;
  word-break:keep-all !important;
}
.jaycee-archive-thumb-badge br{ display:none !important; }

/* カード本文 */
.jaycee-archive-card-body{
  padding:10px 12px 12px !important;
}

.jaycee-archive-date{
  font-size:12px !important;
  color:#666 !important;
}

.jaycee-archive-title{
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.5 !important;
  margin:0 !important;
  color:#333 !important;
}

.jaycee-archive-title a:hover{
  text-decoration:underline !important;
}

/* タイトル内に混入する <br> を無効化（保険） */
.jaycee-archive-title br,
.jaycee-archive-title a br{
  display:none !important;
}

/* ===== 開催日（まとまり） =====
  - 影を削除
  - 枠線 solid 1px #CCCCCC
*/
.jaycee-archive-event{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;

  margin-top:8px !important;
  border:1px solid #CCCCCC !important; /* ← 指定 */
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:none !important;          /* ← 影削除 */
}

/* 開催日（ラベル）の背景を #F2F2F2 */
.jaycee-archive-event-label{
  width:100% !important;
  font-size:11px !important;
  color:#666 !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  text-align:center !important;

  background:#F2F2F2 !important;      /* ← 指定 */
  border-radius:12px 12px 0px 0px !important;
  padding:7px 10px !important;
}

/* 開催日時（値）の背景を白に */
.jaycee-archive-event-pill{
  width:100% !important;
  display:block !important;
  padding:5px 5px !important;
  font-size:11px !important;
  color:#666 !important;
  line-height:1.0 !important;
  text-align:center !important;
}

/* ★自動挿入される空のpタグ対策（余白/表示を消す） */
.jaycee-archive-event p{
  margin:0 !important;
  padding:0 !important;
}
.jaycee-archive-event p:empty{
  display:none !important;
}

/* ページネーション */
.jaycee-archive-pagination{
  margin-top:20px !important;
  text-align:center !important;
}
.jaycee-archive-pagination .page-numbers{
  display:inline-block !important;
  margin:0 4px !important;
  width:32px !important;
  height:32px !important;
  line-height:30px !important;
  text-align:center !important;
  border-radius:9999px !important;
  border:1px solid #ccc !important;
  font-size:13px !important;
  color:#999 !important;
  text-decoration:none !important;
}
.jaycee-archive-pagination .page-numbers.current{
  background:#1DA1F2 !important;
  border-color:#1DA1F2 !important;
  color:#fff !important;
}
.jaycee-archive-pagination .page-numbers:hover:not(.current){
  border-color:#1DA1F2 !important;
  color:#1DA1F2 !important;
}

/* Tablet */
@media (max-width:1024px){
  .jaycee-archive-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:20px 30px !important; /* ← 指定どおり維持 */
  }
}

/* SP：2カラム維持 */
@media (max-width:767px){
  .jaycee-archive-wrap{ max-width:100% !important; }
  .jaycee-archive-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:20px 30px !important; /* ← 指定どおり維持 */
  }
  .jaycee-archive-title{ font-size:13px !important; }
  .jaycee-archive-card-body{ padding:9px 10px 11px !important; }
  .jaycee-archive-thumb-badge{
    left:10px !important;
    bottom:10px !important;
    padding:6px 8px !important;
    font-size:10.5px !important;
  }
  .jaycee-archive-event{
    margin-top:7px !important;

  }
  .jaycee-archive-event-label{
    padding:6px 9px !important;
  }
  .jaycee-archive-event-pill{
    padding:6px 9px !important;
  }
}