@charset "utf-8";

/************************************************
 新着情報スライダー用
************************************************ */

#news-slider {
  position: relative;
  overflow: hidden;
  height: 2.5em; /* 高さは必要に応じて調整 */
}

#news-slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

#news-slider li {
  position: absolute;
  width: 100%;
  left: 100%;
  opacity: 0;
  transition: all 0.6s ease;
}

#news-slider li.active {
  left: 0;
  opacity: 1;
}

#news-slider .date {
  font-weight: bold;
  margin-right: 0.5em;
}

#news-slider .comment {
  color: #333;
}