/* downloads.css */

/* ■ ダウンロードセクション全体 */
.msg-downloads {
    width: 70%;
    margin: 2em auto;
    background: #fff8e1;
    padding: 1em;
    border-radius: 4px;
  }
  
  /* セクションタイトル */
  .msg-downloads h2 {
    margin: 0 0 0.75em;
    font-size: 1.5em;
    text-align: center;
    background-color: #ffe29d;
    padding: 0.5em;
    border-radius: 4px 4px 0 0;
    color: #333;
  }
  
  /* リスト全体 */
  .msg-downloads ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  /* 各ダウンロード項目 */
  .msg-downloads li {
    display: flex;
    align-items: center;
    gap: 0.5em;            /* アイテム間の均等な間隔 */
    padding: 0.75em 0;
    border-bottom: 1px solid #ddd;
  }
  .msg-downloads li:last-child {
    border-bottom: none;
  }
  
  /* 日付 */
  .msg-downloads time {
    flex-shrink: 0;
    width: 100px;
    font-size: 0.9em;
    color: #555;
  }
  
  /* アイコン */
 
.msg-downloads .download-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  /* デフォルトアイコン */
  background-image: url('/image/file-unknown.png');
}

/* PDF */
.msg-downloads .download-icon.icon-pdf {
  background-image: url('/image/file-pdf.png');
}

/* Word (doc, docx) */
.msg-downloads .download-icon.icon-doc,
.msg-downloads .download-icon.icon-docx {
  background-image: url('/image/file-doc.png');
}

/* Excel (xls, xlsx) */
.msg-downloads .download-icon.icon-xls,
.msg-downloads .download-icon.icon-xlsx,
.msg-downloads .download-icon.icon-xlsm {
  background-image: url('/image/file-xls.png');
}

/* PowerPoint (ppt, pptx) */
.msg-downloads .download-icon.icon-ppt,
.msg-downloads .download-icon.icon-pptx {
  background-image: url('/image/file-ppt.png');
}

/* ZIP (zip) */
.msg-downloads .download-icon.icon-zip {
  background-image: url('/image/file-zip.png');
}
/* テキスト */
.msg-downloads .download-icon.icon-txt {
  background-image: url('/image/file-txt.png');
}











  /* タイトル部分 */
  .msg-downloads .download-title {
    flex: 1;
    color: #333;
    text-align: left;
    white-space: normal;
    word-break: break-word;
    overflow: visible;
    margin: 0;            /* 余計なマージンを削除 */
  }
  
  /* ダウンロードボタン */
  .msg-downloads .download-btn {
    flex-shrink: 0;
    padding: 0.4em 1em;
    background-color: #0066cc;
    color: #fff;
    font-size: 0.9em;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color .2s;
  }
  .msg-downloads .download-btn:hover {
    background-color: #005bb5;
  }