/* DesignEng サイト v2 — WordPress と Cocoon の箱の打ち消し（base.css・corp.css・column.css より先に読む）
   - Cocoon 本体の CSS は、テーマ側で @layer cocoon に入れてある（inc/setup.php）。層に入った CSS は、層に入っていない
     このテーマの CSS に、詳細度に関係なく負ける。ここには「Cocoon の既定の値を、別の値に置き換えたいもの」だけを書く
   - WordPress のブロック用 CSS（層に入っていない）に勝つ必要があるものも、ここに書く
   - ここに書いたものは、base.css・corp.css の部品が上書きできる（同じ詳細度で、後ろに読むため） */

/* ==== 1 WordPress のブロックの余白 ==== */
/* グループなどの子要素の上余白（ブロックの間隔 24px）をなくす。余白は部品の CSS が決める */
:root :where(.is-layout-flow, .is-layout-constrained) > * { margin-block-start: 0; margin-block-end: 0; }
/* Cocoon の「.body .wp-block-group の下余白 1.8em」をなくす。本文直下のセクションの間に隙間ができるため */
.wp-block-group { margin-bottom: 0; }

/* ==== 2 Cocoon の外枠（ヘッダー・本文・フッターを、画面いっぱいに使う） ==== */
.skip-link { display: none; }                    /* Cocoon の「コンテンツへスキップ」。こちらの「本文へ移動」（.de-skip）を使う */
.content { margin: 0; }
.content-in { display: block; width: auto; max-width: none; margin: 0; padding: 0; }
.main { width: auto; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; }
.footer { margin: 0; padding: 0; background: none; }
.footer-in { width: auto; max-width: none; margin: 0; padding: 0; }
.footer a:hover { background: none; }

/* ==== 3 表（Cocoon と WordPress の表ブロック） ==== */
/* 834px 以下で表の th・td を小さい文字（12.8px）にする規則を打ち消す。本文は 16px 以上にする（DADS） */
table th, table td { font-size: inherit; }
/* 奇数行の縞模様（キーカラーの薄い色）をなくす。モックアップの表は縞なし */
table tr:nth-of-type(2n+1) { background-color: transparent; }
/* WordPress の表ブロック（幅を固定した表）は th・td を word-break: break-word にする（.wp-block-table .has-fixed-layout td）。
   本文の文節改行（base.css の auto-phrase）が効かず、「省エ|ネ診断」のように語の途中で折れるので、文節改行に戻す。
   詳細度を WordPress の規則より 1 つ上げている */
.wp-block-table table.has-fixed-layout th, .wp-block-table table.has-fixed-layout td { word-break: auto-phrase; overflow-wrap: break-word; }

/* ==== 4 図・表の説明文（figcaption） ==== */
/* Cocoon の「左右 6px の余白・不透明度 0.8」をなくす。不透明度で文字が薄くなり、14px の説明文のコントラストが 4.5:1 を割るため */
figcaption { padding: 0; opacity: 1; }