/* =========================================================
   NEWS 完成安定版（これ1本で固定）
========================================================= */

/* 外枠 */
.news-list{
  max-width:900px;
  margin:0 auto;
  background:#fff;
  border-radius:18px;
  box-shadow:var(--shadow);
  overflow:hidden;
}

/* ul */
.news-list-inner{
  list-style:none;
  margin:0;
  padding:0;
}

/* 1記事 */
.news-item{
  display:flex;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid #eee;
  align-items:flex-start;
}

/* メインリンク */
.news-main-link{
  display:flex;
  gap:12px;
  flex:1;
  text-decoration:none;
  color:inherit;
  align-items:flex-start;
  min-width:0;
}

/* 画像 */
.news-thumb{
  width:100px;
  height:60px;
  object-fit:cover;
  border-radius:6px;
  flex-shrink:0;
}

/* テキスト */
.news-text-wrap{
  display:flex;
  flex-direction:column;
  gap:4px;
  flex:1;
  min-width:0;
}

/* 日付 */
.news-date{
  font-size:12px;
  color:#888;
}

/* NEW */
.news-new{
  font-size:11px;
  background:#b63a2b;
  color:#fff;
  padding:2px 7px;
  border-radius:999px;
  width:max-content;
}

/* タイトル */
.news-title{
  font-size:14px;
  line-height:1.6;
  word-break:break-word;
}

/* クライアント */
.news-client-wrap{
  margin-top:6px;
}

.news-client{
  font-size:12px;
  color:#666;
  text-decoration:none;
}

/* =========================
   スマホだけ縦化
========================= */
@media (max-width:768px){

  .news-item{
    flex-direction:column;
  }

}
.news-new{
  font-size:11px;
  color:#fff;
  background:#d40000;
  padding:2px 6px;
  border-radius:999px;
  display:inline-block;
}