body {
  font-family: serif !important;
}

/* 初期状態: 透明な背景、白文字 */
.navbar-custom {
  background: transparent;
  transition: background 0.3s, color 0.3s;
  font-family: serif;
}

.navbar-custom .nav-link {
  color: #fff;
  transition: color 0.3s;
  font-family: serif;
}

/* スクロール後: 薄いクリーム色背景、灰色文字 */
.navbar-scrolled {
  /*background: rgba(255, 248, 230, 0.95); /* 薄いクリーム色例 */
  background: rgba(255, 255, 255, 255); /* 白 */
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  font-family: serif;
}

.navbar-scrolled .nav-link {
  color: #666; /* 灰色 */
  font-family: serif;
}

.display-1{
  font-family: serif;
}

.instagram-icon {
  width: 50px; /* 例：幅20ピクセル */
  height: auto; /* 高さは自動調整 */
}