/* 朝の一言（§2 朝パレット／§4.4）
 * 4%〜14% で opacity 0→1。以降消えない。 */

.morning-line {
  fill: #B8B4A0;
  font-family: "Hiragino Sans", "Yu Gothic", "Noto Sans JP", sans-serif;
  font-size: 14px;
  letter-spacing: 0.10em;
  opacity: 0;
}

.swamp.morning-say .morning-line {
  animation: morningSay 20s linear forwards;
}

@keyframes morningSay {
  0%, 4%    { opacity: 0; }
  14%, 100% { opacity: 1; }
}