/* ▼ 共通設定（PC基準） */

header {
    background-color: #fff;
    padding: 1em;
    text-align: center;
    border-bottom: 1px solid #eee;
}
/* 見出しのデザイン */

h1 {
    font-size: 1.5em; /* 基準文字サイズ(16px)の1.5倍の大きさ */
	 border-bottom: 2px solid #8b4513; /* 代わりに下線を引く */
}

  

.my-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); 
  gap: 5px; /* サムネイル間の余白 */
}

.my-gallery figure {
  margin: 0;
}

.my-gallery img {
  width: 100%;
  height: auto;
  display: block;
}

/* ギャラリー一覧では非表示 */
.my-gallery figure figcaption {
  display: none;
}

/* --- パンくずリスト（ホーム > ゆかた > ... のような現在地表示） --- */
.breadcrumb {
    font-size: 0.9em;
    color: #666;
    border-bottom: 1px solid #eee;
    padding-bottom: 1em;
    margin-bottom: 2em;
}

/* ▼ スマホ用：幅767px以下は3列固定 */
@media screen and (max-width: 767px) {
  .my-gallery {
    grid-template-columns: repeat(3, 1fr); /* 3列固定 */
  }
}