.hachi-maru-pop-regular {
  font-family: "Hachi Maru Pop", cursive;
  font-weight: 400;
  font-style: normal;
}


body {
  font-family: "Hachi Maru Pop", cursive;
  background-color: #fff8e7;
  color: #4b3b2f;
  text-align: center;
  margin: 0;
  padding: 0;
}

header img {
  width: 100%;
  height: auto;         /* ← 自然な高さで表示 */
  object-fit: contain;  /* ← 切らずに全体を表示 */
  border-bottom: 4px solid #f3d59f;
}


h1 {
  color: #e2903a;
  margin-top: 20px;
  font-size: 40px;
}

p {
  font-size: 35px;
  margin: 10px auto 30px;
  max-width: 600px;
  line-height: 1.8;
}

.intro {
  background-color: #fffdfa;
  border: 2px dashed #f3d59f;
  border-radius: 15px;
  padding: 15px 20px;
  margin: 20px auto 40px;
  display: inline-block;
}

.section-title {
  background-color: #fce3b1;
  display: inline-block;
  padding: 10px 24px;       /* ← 少し広めの余白でふんわり */
  border-radius: 24px;      /* ← 丸みを多めに */
  margin: 40px 0 20px;
  font-weight: bold;
  font-size: 30px;          /* ← スマホで読みやすく、ちょうどいいサイズ */
  color: #4b3b2f;
  box-shadow: 0 2px 5px rgba(0,0,0,0.08); /* ← ふわっと浮かせる感じ */
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8); /* ← 柔らかい光をプラス */
}


.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 40px;
}


.gallery-item {
  width: 220px; /* ← 少し広くして切れ防止 */
  background-color: #fffdfa;
  border-radius: 15px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  overflow: hidden;
  word-wrap: break-word; /* ← 長い単語を折り返す */
  text-align: center;
}

.gallery-item img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  object-position: center top;
  border-bottom: 2px solid #f3d59f;
}

.gallery-item a {
  display: block;
  padding: 10px;
  color: #4b3b2f;
  text-decoration: none;
  font-size: 18px; /* ← 20px → 18pxに少しだけ下げる */
  line-height: 1.4; /* ← 行間を広げて読みやすく */
}

.gallery-item a:hover {
  text-decoration: underline;
}

.footer {
  margin: 40px 0;
  font-size: 20px;
  color: #7b6b58;
}
@media (min-width: 768px) {
  .section-title {
    font-size: 26px;
    padding: 12px 28px;
  }
}
