/* ニシ建リフォーム — 会社案内ページ：ブロック（Gutenberg）用ブリッジCSS * * 会社案内の見た目は style.css の `body.pg-company .cmp-*` が持っている。 * 本文をブロックで組むと core/table や core/heading が独自のクラスを付けて * 出力するため、それらに元デザインを紐付けるのがこのファイルの役割。 * * ・フロント側 : functions.php の nishiken_scripts() で読み込み * ・編集画面側 : functions.php の nishiken_block_canvas_styles() で読み込み * （キャンバスの には assets/js/editor.js が pg-company を付与） * どちらも style.css の後に読み込まれるので、同じ見た目になる＝見たまま編集できる。 */ /* ===== 会社概要テーブル（core/table ＋ 追加CSSクラス cmp-table） ===== */ /* core/table は
という構造なので、 元の `.cmp-table` 相当のスタイルを
と各セルへ振り直す。 */ body.pg-company .wp-block-table.cmp-table{margin:0;} body.pg-company .wp-block-table.cmp-table table{width:100%;border-collapse:collapse;font-size:15px;border:1px solid #a9bdb6;} body.pg-company .wp-block-table.cmp-table td, body.pg-company .wp-block-table.cmp-table th{padding:20px 24px;border:1px solid #a9bdb6;vertical-align:middle;line-height:1.85;color:var(--text);text-align:left;} /* 1列目＝見出し列（元テーブルの
相当。ブロックの表は全セル のため :first-child で指定） */ body.pg-company .wp-block-table.cmp-table td:first-child, body.pg-company .wp-block-table.cmp-table th:first-child{width:28%;background:#cfe6de;color:var(--navy);font-weight:800;text-align:center;white-space:nowrap;} /* ===== セクション見出し「会社概要」（core/heading） ===== */ /* .svc-deco-title は inline-block 前提。ブロックでは中央寄せの親が無いので block 化して中央寄せ */ body.pg-company .cmp-sec-title{display:block;text-align:center;margin:0 0 34px;} /* ===== アクセス（core/heading ＋ core/paragraph ＋ core/html） ===== */ body.pg-company .cmp-access-title{ position:relative;display:block;text-align:center; margin:56px 0 0;padding-bottom:12px; font-size:22px;font-weight:900;color:var(--navy); font-family:"Noto Sans JP",sans-serif; } body.pg-company .cmp-access-title::after{ content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%); width:46px;height:4px;border-radius:2px; background:linear-gradient(90deg,var(--teal),var(--teal-dark)); } body.pg-company .cmp-access-addr{margin-top:10px;text-align:center;color:var(--text);} /* ===== スマホ ===== */ @media(max-width:640px){ body.pg-company .wp-block-table.cmp-table table{font-size:13px;} body.pg-company .wp-block-table.cmp-table td, body.pg-company .wp-block-table.cmp-table th{padding:12px 12px;} body.pg-company .wp-block-table.cmp-table td:first-child, body.pg-company .wp-block-table.cmp-table th:first-child{width:32%;white-space:normal;} }