/* ====== 枠と窓の基本設定（PC・スマホ共通） ====== */
/* 外側の薄グレーブロック */
.Update-outer-box {
  background-color: #f8f9fa; /* 薄いグレー */
  margin-bottom: 40px;
}

/* 内側のスクロール窓（PC用の基本デザイン） */
.Update-inner-box {
  background-color: #f8f9fa !important;
  width: 80%;
  max-width: 1200px;
  margin: 0 auto;
  max-height: 100px;
  overflow-y: auto;
  padding: 12px;
  background: #fff;          /* デフォルトは白 */
  border-radius: 4px;
}

/* ====== Updatenews用スコープ ====== */
.Updatenews { 
  text-align: left !important; 
  margin: 0; 
  padding: 0; 
  list-style: none;
}

/* リスト全体の横並び設定 */
.Updatenews .fs-pt-list__item {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  display: flex !important; 
  align-items: flex-start; 
  width: 100% !important; 
  margin: 0 0 4px 0; 
}

/* 日付（PC用） */
.Updatenews .fs-pt-list__item span {
  margin: 0;
  width: 80px !important;      /* PC時の日付の幅 */
  flex-shrink: 0; 
  padding-right: 10px;         /* PC時の隙間 */
  text-align: left !important;
  font-size: 12px; 
  color: #666;
  line-height: 1.1;
}

/* 本文（PC用） */
.Updatenews .fs-pt-list__item p {
  margin: 0;
  flex: 1; 
  display: block; 
  text-align: left !important;
  font-size: 14px; 
  font-weight: 600; 
  color: #333;
  line-height: 1.3;
}

/* ====== 📱スマホ用 (768px以下) ====== */
@media (max-width: 768px) {
  .Update-outer-box {
  background-color: #f8f9fa; /* 薄いグレー */
  padding: 0 10px !important;
  margin-bottom: 0 !important;
  }

  /* ①ブロックいっぱいにスクロール＆背景グレー */
  .Update-inner-box {
    width: 100% !important;              
    background-color: #f8f9fa !important;
    padding: 10px 0 !important;          
  }

  .Updatenews .fs-pt-list__item { 
    margin-bottom: 10px !important; 
  }

  /* ②日付とテキストの間を狭める */
  .Updatenews .fs-pt-list__item span { 
    font-size: 10px !important;    
    width: 65px !important;        
    padding-right: 4px !important; /* スマホは隙間を狭く！ */
    line-height: 1.1; 
  }

  .Updatenews .fs-pt-list__item p { 
    font-size: 12px !important; 
    line-height: 1.2; 
  }
}