/*
Theme Name: Hayata Camera Labo.
Theme URI: 
Author: bujim
Author URI: https://f450.net
Description: swell child theme.
Template: swell
Version: 1.0.0
Text Domain: swell-child
*/

/**********************************************
外部CSS読み込み
***********************************************/
@import url("css/style.css"); 
@import url("css/media.css"); 
@import url("css/media680.css"); 
/**********************************************
Google Font読み込み
***********************************************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700&display=swap');

body {}

.c-gnav>.menu-item>a .ttl {
font-size: 17px;
}

.post_content h2 {
margin: 2em 0 1em !important;
}

/*お問い合わせ必須*/
.m-alert {
	font-size: 80%;
	color: red;
	display: inline-block;
	margin-right: 5px;
}
/* ====== Cards: 見本寄せレイアウト（PC3列 / TB2列 / SP1列） ====== */
.hb-catposts__list{
  display:grid;
  gap:24px;
  grid-template-columns:repeat(3,minmax(0,1fr)); /* PC */
}
@media (max-width:1023px){
  .hb-catposts__list{ grid-template-columns:repeat(2,minmax(0,1fr)); }  /* タブレット */
}
@media (max-width:640px){
  .hb-catposts__list{ grid-template-columns:1fr; }                       /* スマホ */
}

/* カード本体 */
.hb-card{
  background:#fff;
  border-radius:8px;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  padding:12px 12px 16px;
  font-size: 70%;
}

/* サムネイル＆カテゴリバッジ */
.hb-card__thumbwrap{ position:relative; margin:0 0 10px; }
.hb-card__thumb img{
  display:block;
  width:100%;
  height:auto;
  border-radius:14px;
  aspect-ratio:4/3;         /* 見本の比率感に合わせる */
  object-fit:cover;
}
.hb-card__cat{
  position:absolute; right:8px; top:8px;
  padding:4px 10px;
  font-size:12px; line-height:1;
  color:#fff; background:#3b3b3b;  /* 見本の紫バッジ */
  border-radius:999px;
  box-shadow:0 3px 10px rgba(0,0,0,.15);
}
/* スラッグ別に色等を変えたい時（例: leica） */
.hb-card__cat.hb-cat-leica{ background:#7b3fc6; }
.hb-card__cat.hb-cat-new{ background:#f44548; }

/* タイトル（下線装飾を無効化して見本の素直な見た目へ） */
.hb-card__title{
  margin:.35rem 0 .25rem;
  font-weight:700;
  font-size:1.06rem;
  color:#7f1d1d;
  line-height:1.35;
}
.hb-card__title::after{ content:none !important; } /* テーマ由来の下線を殺す */
.hb-card__title a{ color:inherit; text-decoration:none; }
.hb-card__title a:hover{ text-decoration:underline; }

/* 日付（アイコン+小さめ文字） */
.hb-card__date{
  color:#7a6b6b; font-size:.9rem;
  margin-bottom:6px;
  display:flex; align-items:center; gap:.4em;
  display: none;
}
.hb-card__date::before{ content:"📅"; font-size:1em; }

/* メタ一覧（左ラベル／右値） */
.hb-card__meta{ margin:0; }
.hb-card__meta-row{
  display:grid;
  grid-template-columns:4em 1fr;
  gap:.25em 1em;
  padding:.3em 0;
  border-top:1px solid #eee;
}
.hb-card__meta-row:first-child{ border-top:1px solid #eee; margin-top:.5rem; }
.hb-card__meta-label{ color:#5b5050; }
.hb-card__meta-value{ color:#222; white-space:pre-wrap; }

/* ページネーション */
.hb-pagination{ margin-top:24px; }
.hb-pagination .page-numbers{ display:flex; gap:.5rem; justify-content:center; }
.hb-pagination .page-numbers li a,
.hb-pagination .page-numbers li span{
  display:inline-block; padding:.35em .65em;
  border-radius:8px; background:#f6f6f6;
}
.hb-pagination .page-numbers .current{ background:#e6dede; }