/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/
#tougou div.eirAnchorLink{
	display:none;
}
li.mega_small a{
	font-size:13px!important;
}
.mobile_menu a{
	display:inline-block!important;
  text-align:left!important;
}
img {
    pointer-events: none;
}
ul.style3 li{
	font-weight:400;
}
.pindent{	
  text-indent: 1em;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
.example6{
    font-family: 'Noto Sans JP', sans-serif;
}
#footer-navi p{
	font-weight:400;
}
.entry-card-categorys{
	display:none;
}
article p {
    font-size: 16px;
    font-weight: 600!important;
    letter-spacing: 1px!important;
    font-feature-settings: "palt";
    text-align: left;
    font-weight: 900!important;
    line-height: 26px!important;
    margin: 0.5px 0!important;
    margin-bottom: 0!important;
    padding: 0!important;
}

.tcfd_table th,
.tcfd_table td{
	font-size:16px!important;
}
/* ================================================================
 Cocoon 2.9.5 更新に伴う調整（2026-08-26）
 いずれも「更新前（本番）の表示に戻す」ためのもの。
 子テーマのCSSは親テーマより後に読まれるため、同じ強さの指定で上書きできる。
 ================================================================ */

/* ---- ① ヘッダーの高さ ----------------------------------------
 Cocoon設定「ヘッダーの高さ=80px」は、2.9.5 から
 センターロゴレイアウトのときだけ適用されるようになった。

   2.3.0  if (get_header_area_height())
   2.9.5  if (is_header_layout_type_center_logo() && get_header_area_height())

 このサイトはトップメニュー配置なので設定が無視され、
 ヘッダーが 80px → 60px に縮んだ。設定値と同じ値をCSSで維持する。
 （スマホでは2.9.5側のメディアクエリが auto に上書きするため影響しない）
--------------------------------------------------------------- */
.header .header-in {
  min-height: 80px;
}

/* ---- ② 見出しの枠線 ------------------------------------------
 Cocoon既定の見出し枠線（h3: 上下左右1px / h4: 上下2px / h5・h6: 下線）。

 本番の親テーマ style.css はこのブロックが欠落していたため枠線が出ていなかった。
 2.9.5 で正しいファイルになり枠線が復活。さらにキーカラーが白(#fff)のため
 Cocoonのインライン生成CSSが border-color:#fff を当て、白い枠線として現れる。

 本番の表示に合わせて非表示にする。h3の左側オレンジ罫（サイト独自CSS）は残す。
--------------------------------------------------------------- */
.article h3 {
  border-top: none;
  border-right: none;
  border-bottom: none;
}
.article h4,
.article h5,
.article h6 {
  border-top: none;
  border-bottom: none;
}

/* ---- ③ 表のセル余白 ------------------------------------------
   2.3.0  table th, table td { padding: 6px; }
   2.9.5  table th, table td { padding: 0.5em; }   ← 16pxフォントで8px

 左右で各2px増えたため幅の狭い列に文字が入らなくなり、
 /sustainability/ の「時期」列で「中期」が「中／期」と1文字ずつ折り返した
 （セル幅47px・高さ71px → 132px、表全体で+899px）。旧値に戻す。
--------------------------------------------------------------- */
table th,
table td {
  padding: 6px;
}

/* ================================================================
 Cocoon 2.9.5 更新に伴う調整（第2弾・2026-08-27）
 計算後スタイルの全ページ機械照合（styleaudit.cjs）で見つけた差を戻す。
 ================================================================ */

/* ---- ④ ロゴが右に16pxずれる ----------------------------------
 2.9.5 が新しく追加した指定:
   .site-name-text-link { padding: 0 1em; }
 これによりヘッダーロゴ画像の位置が x=230 → 246 に、
 フッターロゴも左右に14px ずつずれた。2.3.0 は余白なし。
--------------------------------------------------------------- */
.site-name-text-link {
  padding: 0;
}

/* ---- ⑤ パンくずの文字色が薄くなる ----------------------------
   2.3.0  .breadcrumb { color: #777; }
   2.9.5  .breadcrumb { color: var(--cocoon-x-pallid-text-color); }  = #999
--------------------------------------------------------------- */
.breadcrumb {
  color: #777;
}

/* ---- ⑥ 表のセル枠線が消える／出てしまう ----------------------
 2.9.5 の tmp/css-custom.php が下記を新しく出力するようになった。
 2.3.0 には無かったルール。

   table:not(.has-border-color) th,
   table:not(.has-border-color) td { border-color: <キーカラーの50%>; }

 このサイトのキーカラーは白なので rgba(255,255,255,.5) になり、
 サイト独自CSS（komeda-css/pc.css）の枠線色と詳細度が同じ(0,1,1)で
 かつ後から適用されるため、上書きされてしまう。

 実害の確認結果:
   /sustainability/ .tcfd_table  黒い罫線がすべて消えた（実測・目視とも確認）
   /dialogue/       .katudou_table* 消していた枠線が1pxずつ出た（表が+112px）

 対処: komeda-css/pc.css の指定を「値そのまま」写し、!important を付けて
 詳細度勝負から外す。値を変えていないので本番と同じ表示になる。
 ※ pc.css 側を将来変更したときは、ここも合わせて直す必要がある。
--------------------------------------------------------------- */
.tcfd_table th,
.tcfd_table td {
  border: 1px solid #000000 !important;
}
.tbl-r02 th,
.tbl-r02 td {
  border: solid 1px #ccc !important;
}
.table_style04 th,
.table_style04 td,
.meetingTable th,
.meetingTable td {
  border-color: #ffffff !important;
}
.katudou_table1,
.katudou_table1_2 {
  border-bottom: 1px solid #000000 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
.katudou_table2 {
  border-top: 1px solid #000000 !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}
.katudou_table3 {
  border-top: 1px solid #000000 !important;
  border-bottom: 1px solid #000000 !important;
  border-right: 1px solid #000000 !important;
  border-left: none !important;
}
.katudou_table4 {
  border-top: 1px solid #000000 !important;
  border-bottom: 1px solid #000000 !important;
  border-left: 1px solid #000000 !important;
  border-right: none !important;
}
.katudou_table5 {
  border: none !important;
}
.katudou_table6 {
  border-top: 1px solid #000000 !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}

/* ================================================================
 Cocoon 2.9.5 更新に伴う調整（第3弾・2026-08-27）
 68項目・body起点に拡張した機械照合（styleaudit.cjs）で見つけた差を戻す。
 ================================================================ */

/* ---- ⑦ パンくずのリンクが薄くなる ----------------------------
 第2弾で .breadcrumb を直したが、色はリンク自身に指定されていた。
   2.3.0  .breadcrumb a { color: #777; }
   2.9.5  .breadcrumb a { color: var(--cocoon-x-pallid-text-color); }  = #999
 13pxの小さい文字なので薄くなると読みにくい。
--------------------------------------------------------------- */
.breadcrumb a {
  color: #777;
}

/* ---- ⑧ フッターロゴが11px下がる ------------------------------
 2.9.5 が img { vertical-align: middle; } を新規追加した。
 2.3.0 は baseline で、画像の下にベースライン分の余白があった。
 その余白が無くなり、フッターロゴがフッター内で
 Y=11px → 22px に移動（実測・目視とも確認、差分8,898px）。

 この指定はサイト内の全画像に効くため、他にも
 /highlight/ /monthly/ /news/ の画像、/sustainability-management/ の
 カード画像などで同じ変化が出ていた。

 2.3.0 の既定値に戻す。本番と同じ挙動に揃えるので、
 これによって本番との差が新しく生まれることはない。
--------------------------------------------------------------- */
img {
  vertical-align: baseline;
}

/* ---- ⑨ 入れ子リストの記号が変わる ----------------------------
 2.9.5 が ul ul { list-style-type: revert; } を追加したため、
 ブラウザ既定に戻って disc（●）→ circle（○）になった。
 例: /internal-control/ の ul.style3
--------------------------------------------------------------- */
ul ul {
  list-style-type: disc;
}

/* ---- ⑩ フォント指定が変わる（主に英語サイト） ----------------
 Cocoon設定のフォント「Yu Gothic」を選んでおり、body に .ff-yu-gothic が付く。
 そのクラスの中身が 2.9.5 で変わった。

   2.3.0  .ff-yu-gothic { font-family: "Yu Gothic", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif; }
   2.9.5  .ff-yu-gothic { font-family: YuGothic, "Yu Gothic", Meiryo, ...; }   ← 先頭に YuGothic を追加

 実測（macOS・Chrome）: 同じ文字列の幅が 491.06px → 473.39px（3.6%細い）
 = 実際に別の書体が使われている。英語サイトは独自CSSでフォントを
 上書きしていないため、全43ページ・数千要素に影響していた。

 ※ Windows では YuGothic が一致せず "Yu Gothic" にフォールバックするため
   変化しない可能性が高い。Windows実機での確認は未実施。

 body.ff-yu-gothic （詳細度 0,1,1）で当てる。Cocoonのインライン生成CSSは
 子テーマのCSSより後に適用されるため、同じ詳細度(0,1,0)では勝てない。
--------------------------------------------------------------- */
body.ff-yu-gothic {
  font-family: "Yu Gothic", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}

/* ---- ⑪ 本文の入れ物の上下余白（全ページ）---------------------
 更新前キャプチャ（2.3.0の実物）との照合で発見。

 2.9.5 が .main の上下 padding を 20px → 36px に変更していた。
 SP（834px以下）の main.main, div.sidebar も 16px → 32px。

 これを 2.3.0 の値に戻す。効果は実測で確認済み:
   PC /sustainability/  ヘッダー直下からフッター直前(y=7600)まで
                        更新前キャプチャと 0px 一致
   PC /                 y=2001 まで 0px 一致
   SP                   ページ高さの差が 64px 縮まる

 ★ 左右（横方向）は触らないこと
   PC: 独自CSSが .main の左右を 10px に指定している。
       2.3.0 の親テーマ値は 29px だが実際に効いているのは 10px。
       shorthand で padding を書くと左右も 29px になり、
       本文が38px狭くなって折り返しが変わり、逆にページが高くなる
       （実測: 8274px → 8865px）。だから上下だけの longhand で書く。
   SP: 2.3.0 は左右 20px、2.9.5 は 16px。戻すのが本来だが、
       単独で戻すと /dialogue/ が +382px と悪化する（実測）。
       折り返しに関わる他の未解明な差があるため、
       それが判明するまで左右は現状維持とする。

 ★ この修正だけでは高さは完全に一致しない（未解決分が残る）
   残差はフッター周辺に集中している。詳細は 本番反映手順書.md の
   「3-3. 未解決の余白差」を参照。
--------------------------------------------------------------- */
.main {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (max-width: 834px) {
  main.main,
  div.sidebar {
    padding-top: 16px;
    padding-bottom: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}