.news-single .news-date {
  font-size: 0.9rem;
  color: #555;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.news-cat {
  padding: 4px 10px;
  font-size: 0.8rem;
  border-radius: 4px;
  color: #fff;
}

/* カテゴリー別カラー */
.news-cat.News { background-color: #17a4c1; }
.news-cat.出演情報 { background-color: #f08b54; }
.news-cat.演奏会情報 { background-color: #1e9aa1; }
.news-cat.その他 { background-color: #e1774e; }

.news-title {
  font-size: 22px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  text-align: center;
  border-bottom: 3px dotted #ccc;
}


.news-content {
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
  margin-bottom: 40px;
}

.back-button {
  display: inline-block;
  margin-top: 40px;
  text-decoration: none;
  border: 2px solid #177ac1;
  padding: 10px 20px;
  border-radius: 30px;
  color: #177ac1;
  font-weight: bold;
  transition: 0.3s;
}

.back-button:hover {
  background-color: #177ac1;
  color: #fff;
}
.news-single {
  padding: 60px 20px;
  background-color: #fff;
}

.news-article {
  max-width: 800px;
  margin: 0 auto;
 
  padding-top: 40px;
}

.news-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: #555;
  margin-bottom: 15px;
}

.news-cat {
  padding: 4px 10px;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
}

.news-cat.news { background-color: #0078d7; }
.news-cat.出演情報 { background-color: #f57c00; }
.news-cat.演奏会情報 { background-color: #388e3c; }
.news-cat.その他 { background-color: #e67e22; }



.news-content {
  font-size: 16px;
  line-height: 1.8;
}

.news-back {
  text-align: center;
  margin-top: 50px;
}

.news-back .back-button {
  display: inline-block;
  padding: 10px 30px;
  border: 2px solid #0078d7;
  border-radius: 40px;
  color: #0078d7;
  font-weight: bold;
  text-decoration: none;
  transition: 0.3s;
}

.news-back .back-button:hover {
  background-color: #0078d7;
  color: white;
}
@media (max-width: 768px) {
  .news-title {
    font-size: 20px;
  }

  .news-content {
    font-size: 15px;
    padding: 0 10px;
    text-align: left;
  }

  .news-cat {
    font-size: 10px;
    padding: 2px 6px;
  }
}
.wp-block-gallery.columns-3 {
  gap: 16px;
}
/* ギャラリー内の画像 */
.wp-block-gallery .wp-block-image img {
  object-fit: contain;
  width: 100%;
  height: auto;
  background-color: #fff;
  display: block;
  margin: 0 auto;
}


.wp-block-gallery {
  margin-bottom: 2rem; /* 写真下に32pxの余白を追加 */

}
.wp-block-image {
  margin-bottom: 2rem;
}
/* 段落の直後に画像ブロックがある場合 */
.wp-block-paragraph + .wp-block-image,
.wp-block-paragraph + .wp-block-gallery {
  margin-top: 2rem;  /* 上に32pxの余白を追加 */
}
/* 段落の後ろに画像やYouTubeが来たときに余白を追加 */
.wp-block-paragraph + .wp-block-image,
.wp-block-paragraph + .wp-block-embed {
  margin-bottom: 2rem;
}

/* 画像と画像の間に余白を追加 */
.wp-block-image + .wp-block-image {
  margin-top: 2rem;
}

/* 画像とYouTubeの間にも余白 */
.wp-block-image + .wp-block-embed,
.wp-block-embed + .wp-block-image {
  margin-top: 2rem;
}

/* 埋め込み（YouTubeなど）同士にも余白 */
.wp-block-embed + .wp-block-embed {
  margin-top: 2rem;
}
/* ブロック間のマージン調整（画像・埋め込みなど） */
.news-content > * + * {
  margin-top: 2rem;
}
/* ギャラリー内の各画像ブロック */
.wp-block-gallery .wp-block-image {
  aspect-ratio: auto; /* ← 固定比率はなしにして、自然に */
  overflow: hidden;
}