.tains-news {
  box-sizing: border-box;
  color: #2b2b2b;
}

/* コンポーネントの背景を含むラッパー */
.tains-news-wrapper {
  background-color: #fbf3f1;
  padding: 40px 0;
}

.tains-news,
.tains-news * {
  box-sizing: inherit;
}

.tains-news {
  max-width: 740px;
  margin: 0 auto;
  padding: 0 20px;
  background: transparent; 
}

/* タイトル */
.tains-news .tains-title {
  margin: 0 0 16px 8px;
  color: #6b1412;
  font-size: 28px;
  font-weight: 700;
}

/* カードの見た目 */
.tains-news .tains-card {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #eedede;
  padding: 8px 12px;
  box-shadow: 0 2px 0 rgba(0,0,0,0.03);
  overflow: hidden;
}

/* リスト */
.tains-news .tains-list {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: tains-counter;
}

/* 各行（ファイル1件） */
.tains-news .tains-item {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 18px;
  border-bottom:1px solid #ece6e5;
  font-size:15.5px;
  background: linear-gradient(to bottom, rgba(0,0,0,0.00), rgba(0,0,0,0.002));
  counter-increment: tains-counter;
}

/* 最後の行の罫線を消す */
.tains-news .tains-item:last-child {
  border-bottom: none;
}

/* ファイル名 */
.tains-news .tains-item__title {
  flex:1 1 auto;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  padding-right:12px;
}

/* 自動採番 */
.tains-news .tains-item__title::before {
  content: "No." counter(tains-counter) "　";
}

/* ダウンロードリンク */
.tains-news .tains-item__link {
  flex:0 0 auto;
  text-decoration: underline;
  text-underline-offset: 4px;
  color: #6b1412;
  font-weight:600;
  white-space:nowrap;
  padding-left:12px;
}

/* ホバー効果 */
.tains-news .tains-item:hover {
  background: rgba(230,220,220,0.12);
}
.tains-news .tains-item__link:hover {
  color: #450a09;
  text-decoration-thickness: 2px;
}

/* ご利用に際してページの禁止行為番号 */	
.guideConditionsText.guideNumberedText {	
  display: flex;	
  margin-top: 0;	
  margin-bottom: 0;	
}	
.guideNumberedText__number {	
  flex: 0 0 em;	
}	
.guideNumberedText__body {	
  min-width: 0;	
}