@charset "utf-8";
/* CSS Document */
/* ======================================================
   cotam_custom.css（20251111追加）
   COTAM専用カスタム調整用CSS
   最後に読み込まれます
   ====================================================== */
/* ロゴマークの設定 */
.l-header__logo img {
  width: 100%;
  height: auto;
  max-width: 100px;
}

/* スクロール時にロゴを完全に消す（高さ調整後対応） */
.is-header-show .l-header__logo {
  translate: 0 -100px;
  opacity: 0;
  transition: translate .6s ease, opacity .6s ease; /* ← 少しゆっくりに */
}

@media (max-width: 768px) {
  .l-header__logo img {
    max-width: 90px;
  }
}

@media (max-width: 480px) {
  .l-header__logo img {
    max-width: 80px;
  }
}


/* ======================================================
   News / Table｜Classic対応・完全制御版
   目的：
   ・Classicエディタが吐く inline width / height を無効化
   ・顧客操作に関係なく、CSSで 30% / 70% を強制
   ・装飾とレイアウトを分離し、保守性を担保
   ====================================================== */


/* ------------------------------------------------------
   ① Classicが吐く「table inline width / height」を無効化
   ------------------------------------------------------ */
.wp-block-table > table.has-fixed-layout {
  width: 100% !important;   /* inline width を上書き */
  height: auto !important;  /* inline height を上書き */
  table-layout: fixed;      /* 列幅は CSS 主導に */
}


/* ------------------------------------------------------
   ② th / td に入る「高さ系 inline」のみ無効化
   ※ width はここでは触らない（←重要）
   ------------------------------------------------------ */
.wp-block-table > table.has-fixed-layout th,
.wp-block-table > table.has-fixed-layout td {
  height: auto !important;
  min-width: 0;
  max-width: none;
}


/* ------------------------------------------------------
   ③ テーブル全体の共通設定
   ------------------------------------------------------ */
.p-news-main__content .wp-block-table table.has-fixed-layout {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}


/* ------------------------------------------------------
   ④ 左カラム（見出し）｜30%
   ------------------------------------------------------ */
.p-news-main__content .wp-block-table table.has-fixed-layout th {
  width: 30% !important; /* ← 最終的な支配権 */
  padding: 20px;
  vertical-align: top;

  background-color: #1200de;
  color: #ffffff;

  border-top: 1px solid #1200de;
  border-left: 1px solid #1200de;
  border-bottom: 1px solid #ffffff;
}


/* ------------------------------------------------------
   ⑤ 右カラム（内容）｜70%
   ------------------------------------------------------ */
.p-news-main__content .wp-block-table table.has-fixed-layout td {
  width: 70% !important; /* ← 最終的な支配権 */
  padding: 20px;
  vertical-align: top;

  color: #1200de;

  border-top: 1px solid #1200de;
  border-right: 1px solid #1200de;
  border-bottom: 1px solid #1200de;
}


/* ------------------------------------------------------
   ⑥ 最終行の th 下線調整
   ------------------------------------------------------ */
.p-news-main__content
.wp-block-table
table.has-fixed-layout
tr:last-child
th {
  border-bottom: 1px solid #1200de;
}


/* ------------------------------------------------------
   ⑦ td 内リストの体裁調整
   ------------------------------------------------------ */
.p-news-main__content .wp-block-table td ul {
  margin-top: 12px;
  padding-left: 1.2em;
}

.p-news-main__content .wp-block-table td li {
  margin-bottom: 6px;
}