/* 本文リンク用（グローバルメニュー除外） */
main a, .content a {
  text-decoration: none;
  color: #6b8f71;
  font-family: 'Zen Maru Gothic', sans-serif;
  transition: color 0.3s, text-decoration 0.3s;
}

.evaluation-text {
  text-align: left;
  font-family: 'Zen Maru Gothic', sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1rem;
}
.evaluation-text.center {
  text-align: center !important;
}
/* ギャラリーメニュー */
.gallery-list { list-style: none; padding-left: 0; margin: 0 auto; max-width: 700px; }
.gallery-list li { margin-bottom: 2rem; line-height: 1.6; font-size: 1.05rem; text-align: left; }
.gallery-list li a { text-decoration: none; color: #ff6b6b; }
.gallery-list li a:hover { text-decoration: underline; color: #ff4b4b; } 
@media screen and (max-width: 768px) { .gallery-list li { font-size: 1rem; margin-bottom: 1.5rem; } }

/* フォトギャラリー用 */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 24px;
}

.gallery-grid img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gallery-grid img:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 18px rgba(0,0,0,0.15);
}

/* タブレット：横3列 */
@media (max-width: 900px) {
  .gallery-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
}

/* スマホ：横2列 */
@media (max-width: 600px) {
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
/* ギャラリー記事に共通クラス gallery-item を付ける */
.gallery-item {
    background-color: white; /* デフォルト白 */
}

/* 2番目以降の奇数番目をソフトピンクに */
.gallery-item:nth-child(n+2):nth-child(odd) {
    background-color: #fff7f3; /* ソフトピンク */
}
@media (max-width: 768px) {
  .left-on-sp {
    align-self: flex-start !important; /* Flexbox の中央寄せを解除 */
    width: 100%;                        /* 幅いっぱいにしてテキスト左寄せ */
    text-align: left !important;        /* 念のため */
  }
}
/* スマホ表示でフォトギャラリーのsub-titleだけ左寄せ */
@media screen and (max-width: 768px) {
  body.photo-gallery-page .sub-title,
  .gallery-item .sub-title {
    text-align: left;
  }
}