/* debug */ body { outline: 6px solid red !important; }

/*
Theme Name:hello-elementor（子テーマ） 
Template:hello-elementor
Version:2.7.1
Author: ミライヨッチ
Author URI: https://miraiyotch.com/
Description: Hello Elementor（子テーマ）
*/

/*以下にCSSを記述*/

/**
 * Basic responsive layout
 */

@media (max-width: 575px) {
	.midashi h2{
		font-size:10px;
	}


}

@media (min-width: 576px) {
 

}


@media (min-width: 768px) {

}


@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}
/* ==== Category Archive cards ==== */
.archive .archive-header { margin: 0 0 1.5rem; }
.archive .archive-title { font-size: clamp(1.4rem, 1.2rem + 1vw, 2rem); margin: .2rem 0; }

.archive .archive-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}

.archive .archive-card {
  grid-column: span 12;              /* SP: 1列 */
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
  display: flex;
  flex-direction: column;
}

.archive .archive-card .card-thumb,
.archive .archive-card img { display: block; width: 100%; }

.archive .archive-card img { aspect-ratio: 16/9; object-fit: cover; }
.archive .archive-card .no-thumb { width: 100%; aspect-ratio: 16/9; background:#f2f4f7; }

.archive .archive-card .card-body { padding: 14px; }
.archive .archive-card .card-title { font-size: 1.05rem; line-height: 1.35; margin: 0 0 .4rem; }
.archive .archive-card .card-title a { text-decoration: none; }
.archive .archive-card .card-meta { font-size: .85rem; color:#6b7280; margin-bottom: .4rem; }

.archive .archive-card .card-excerpt {
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}

@media (min-width: 640px) { .archive .archive-card { grid-column: span 6; } }   /* 2列 */
@media (min-width: 1024px){ .archive .archive-card { grid-column: span 4; } }   /* 3列 */

.archive .archive-pagination { margin: 24px 0 8px; text-align: center; }
/* ==== End ==== */

/* ==== Category Archive cards ==== */
.archive .archive-header { margin: 0 0 1.5rem; }
.archive .archive-title { font-size: clamp(1.4rem, 1.2rem + 1vw, 2rem); margin: .2rem 0; }

.archive .archive-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}

.archive .archive-card {
  grid-column: span 12;              /* SP: 1列 */
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
  display: flex;
  flex-direction: column;
}

.archive .archive-card .card-thumb,
.archive .archive-card img { display: block; width: 100%; }

.archive .archive-card img { aspect-ratio: 16/9; object-fit: cover; }
.archive .archive-card .no-thumb { width: 100%; aspect-ratio: 16/9; background:#f2f4f7; }

.archive .archive-card .card-body { padding: 14px; }
.archive .archive-card .card-title { font-size: 1.05rem; line-height: 1.35; margin: 0 0 .4rem; }
.archive .archive-card .card-title a { text-decoration: none; }
.archive .archive-card .card-meta { font-size: .85rem; color:#6b7280; margin-bottom: .4rem; }

.archive .archive-card .card-excerpt {
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}

@media (min-width: 640px) { .archive .archive-card { grid-column: span 6; } }   /* 2列 */
@media (min-width: 1024px){ .archive .archive-card { grid-column: span 4; } }   /* 3列 */

/* テスト：カードタイトルを赤に */
.archive .archive-card .card-title { color: red !important; }


/* ---- Content-top menu (inside main content) ---- */
.content-top-menu { background:#fff; border-bottom:1px solid #e5e7eb; margin:0 0 16px; }
.content-top-menu .container { max-width:1100px; margin:0 auto; padding:8px 16px; }
.content-top-menu .menu { list-style:none; display:flex; flex-wrap:wrap; gap:12px 18px; margin:0; padding:0; }
.content-top-menu .menu a { text-decoration:none; color:#111827; font-weight:500; }
.content-top-menu .menu a:hover { text-decoration:underline; }