/*↓StyleCSSにスタイルを定義　文字コードUTF-8------------*/
@charset "utf-8";
/*TOPのCSSを引き継ぐ---------------------------------*/
@import url(style.css);

/*
main {
    padding: 120px 20px 80px; ← 固定ヘッダー対策 　headerの高さと同じ 
  
}
*/
.mazekoze {
  max-width: 1000px;
  margin: 0 auto 40px; /* ← 上を0にする */
  padding: 0 20px;
  padding-top: 100px; /* headerの高さと同じ */    
}

.mazekoze-title {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 10px;
}

.mazekoze-lead {
  text-align: center;
  color: #666;
  margin-bottom: 40px;
}

/* 一覧 */
.mazekoze-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
}

/* 1回分 */
.mazekoze-item {
  border: 1px solid #ddd;
  padding: 20px;
}

.mazekoze-item h2 {
  font-size: 1.2rem;
  margin-bottom: 15px;
}

/* 画像・動画 */
.media img,
.media video {
  width: 100%;
  height: auto;
  display: block;
}

/* 一言 */
.comment {
  margin-top: 15px;
  font-size: 0.95rem;
  line-height: 1.6;
}

/* 戻るリンク */
.back-link {
  display: block;
  text-align: center;
  margin: 50px auto 0;
  text-decoration: none;
  color: #B4B490;
}