/*
 Theme Name:   Corpiva Child
 Template:     corpiva
*/
/* News 枠を中央に狭める */
section.home-news > .container{
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 見出し：サイズ小さめ + 左20px、見出しと表の間5px */
.home-news__title{
  display:flex; align-items:center; gap:10px;
  font-size:23.25rem;
  margin-left:10px;
  margin-bottom:5px;
}

/* テーブル：左右20pxの余白を確実に適用 */
section.home-news .home-news__table{
  width: calc(100% - 40px) !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
  border-collapse: collapse;
}

.home-news__table td{
  padding:12px 14px;
  border-bottom:1px solid rgba(0,0,0,.1);
}

/* グローバル table{width:100%} を News 内だけ打ち消す */
section.home-news table{
  width: auto !important;
}

/* 行全体クリック */
.home-news__rowlink{
  display:block; width:100%; text-decoration:none; padding:10px 0;
}
.home-news__rowlink:hover{ text-decoration:underline; }

/* スマホ微調整 */
@media (max-width:480px){
  .home-news__title{ font-size:1.1rem; }
}

/* === News 行リンクのホバー下線を強制 === */
section.home-news a.home-news__rowlink{
  text-decoration: none;
  cursor: pointer !important;
}

section.home-news a.home-news__rowlink:hover,
section.home-news a.home-news__rowlink:focus,
body .site-main section.home-news a.home-news__rowlink:hover { /* さらに強いセレクタで保険 */
  text-decoration: underline !important;     /* ← 下線を強制 */
  text-underline-offset: 2px;                /* 下線を少し離す（見やすく） */
  text-decoration-thickness: from-font;      /* 字重に応じた太さ */
}


/* 過去の新着情報ボタン */
.home-news__morewrap {
  display: flex;
  justify-content: center;
  margin: 16px 0 0;
}

.home-news__morebtn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 6px;
  background-color: #347698;   /* ← 基本色 */
  color: #fff;                 /* 文字色は白 */
  text-decoration: none;
  line-height: 2;
  font-weight: 500;
  box-shadow: 0 1px 3px rgba(0,0,0,.15);
  transition: all 0.25s ease;  /* アニメーションで自然に変化 */
}

/* カーソルを置いたとき（少し明るく・浮く） */
.home-news__morebtn:hover {
  background-color: #3f86ad;     /* 少し明るい青 (#347698 → #3f86ad) */
  filter: brightness(1.15);      /* さらにトーンアップを補助 */
  color: #fff;                   /* 白文字のまま固定 */
  transform: translateY(-2px);   /* 少し浮く */
  box-shadow: 0 3px 6px rgba(0,0,0,.2);
}

/* ホームだけニュース一覧の幅を狭くする */
.home .home-news {
    max-width: 1200px;  /* お好みで 1000px 1100px 1200px など */
    margin: 0 auto;     /* 中央揃え */
}

/* ニュースのテーブルも同じ幅で中央寄せに */
.home .home-news_table {
    max-width: 1200px;
    margin: 0 auto;
}

/* 左の丸い見出しも揃えて配置する */
.home .home-news_title {
    max-width: 1200px;
    margin: 20px auto 10px auto;
}

/* ============================
   ホームの「過去のお知らせ一覧」の横幅を狭くする（1200px に固定）
============================ */
.home .home-news {
    max-width: 1200px !important;   /* ←ここを変えると横幅を調整できます */
    margin: 0 auto !important;      /* 中央寄せ */
    width: 100%;
}

/* 中のコンテナも同じ幅に揃える */
.home .home-news .container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

/* テーブル（一覧部分）も幅を揃える */
.home .home-news_table {
    max-width: 1200px !important;
    margin: 0 auto !important;
    width: 100%;
}

/* ==========================
   トップページ（page-id-79）
   「エデュニアとは」右下の 会社概要ボタン
========================== */

.page-id-79 .overview-btn-wrap {
  margin-top: 24px;      /* 本文との間の余白。大きく/小さくしたければここを調整 */
  text-align: right;     /* ボタンを右寄せに配置 */
}

.page-id-79 .overview-btn {
  display: inline-block;
  padding: 12px 28px;    /* ボタン内の余白（上下 / 左右） */
  border-radius: 999px;  /* 丸い pill 型のボタン */
  background-color: #347698;  /* ボタンの基本色（「詳細はこちら」と同系色） */
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15);
  transition: all 0.2s ease;
  font-size: 14px;       /* 文字サイズ。少し大きくしたければ 15px,16px などに */
}

.page-id-79 .overview-btn:hover {
  background-color: #3f86ad;  /* ホバー時に少し明るい青へ */
  filter: brightness(1.05);
  transform: translateY(-2px); /* ほんの少しだけ浮かせる */
}

/* 会社概要ボタンのサイズ調整（page-id-79 専用） */
.page-id-79 .overview-btn {
    padding: 12px 40px !important;   /* ← 左右の余白を増やす（横幅が広くなる） */
    letter-spacing: 0.08em !important; /* ← 文字間隔。0.05〜0.1em がおすすめ */
    font-size: 23px !important;       /* ← 少し大きめにしたい時は調整 */
}