/*
Theme Name:PANDORA child
Theme URI:https://tcd-theme.com/tcd116
Description:WordPressテーマ「PANDORA」の子テーマ
Template:pandora_tcd116
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0
*/

/*
  ここから下にCSSを追記してください。
*/

/* 企業沿革テーブル */
.corp-history{
  width: 100%;
  border-collapse: separate;   /* 角丸を効かせやすい */
  border-spacing: 0;
  border: 1px solid #d9dee7;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  font-size: 16px;
  line-height: 1.6;
}

/* セル共通 */
.corp-history td{
  padding: 14px 16px;
  border-bottom: 1px solid #e7ebf2;
  border-right: 1px solid #e7ebf2;
  vertical-align: top;
}

/* 最終行の下罫線を消す */
.corp-history tr:last-child td{
  border-bottom: none;
}

/* 右端の縦罫線を消す */
.corp-history td:last-child{
  border-right: none;
}

/* 左列（日付）：企業っぽい見出し感 */
.corp-history td:first-child{
  width: 18%;
  min-width: 140px;
  background: #f3f6fb;          /* 左列の色 */
  color: #2b3a55;
  font-weight: 700;
  letter-spacing: .02em;
  white-space: nowrap;
}

/* 右列（内容）：読みやすく */
.corp-history td:last-child{
  color: #1f2a44;
}

/* ホバー（PCで視線誘導） */
@media (hover:hover){
  .corp-history tbody tr:hover td{
    background: #fafbfd;
  }
  .corp-history tbody tr:hover td:first-child{
    background: #eaf1ff;
  }
}

/* SP最適化：縦積み表示で読みやすく */
@media (max-width: 640px){
  .corp-history{
    font-size: 15px;
  }
  .corp-history td{
    display: block;
    width: 100%;
    border-right: none;
  }
  .corp-history td:first-child{
    width: 100%;
    min-width: 0;
    border-bottom: none;
    padding-bottom: 8px;
  }
  .corp-history td:last-child{
    padding-top: 8px;
  }
  .corp-history tr{
    display: block;
    border-bottom: 1px solid #e7ebf2;
  }
  .corp-history tr:last-child{
    border-bottom: none;
  }
}