/* ====================================================================== WordPress(SWELL) 用 オーバーライド（news 専用・"挙動"のみ） ---------------------------------------------------------------------- 本体 garasunosato.com の reset/common/common2/header を「単一ソース」として 読み込んだ上で、本体CSSには無い WP 固有の最小補正だけをここで行う。 見た目(デザイン)・スマホメニュー(mmenu)は本体CSS/JSが単一ソース。 本ファイルは "動作"glue のみ（デザイン変更時に触る必要は基本無い）。 ・固定ヘッダーが SWELL 本文に被らないよう本文を下げる ・PC ヘッダーを常時ソリッド表示（本体は scroll JS=autofix_sb 依存） ※ スマホのスライドメニューは本体 js/script_common.js の jQuery mmenu で描画し、 mmenu の CSS／アイコンは本体 header.css 側を使う（ここでは扱わない）。 本体CSSの後に読み込むこと（functions.php で gn_header に依存させて enqueue）。 ====================================================================== */ /* 固定ヘッダー分だけ SWELL 本文を下げる（PC=#header 60px / SP=#headerSp 50px） */ #body_wrap{ padding-top:60px; } @media screen and (max-width:719px){ #body_wrap{ padding-top:50px; } } /* PC ヘッダーは常時ソリッド表示（markup 側で class="autofix_sb fixed" を付与済） */ #header.autofix_sb.fixed{ background:#fefefe; } #header.autofix_sb.fixed .logoAreaSmall{ opacity:1; top:0; } #header.autofix_sb.fixed .logoArea{ opacity:0; } /* ====================================================================== パンくず「ホーム」の家アイコンを非表示（2026-06-05） ---------------------------------------------------------------------- 本体 header.css(news に読込中) が #breadcrumb li:first-child a:before に FontAwesome の家(\f015) を、SWELL が .p-breadcrumb__text .__home::before に icon-home の家を当てるため、先頭「ホーム」に家アイコンが2個出ていた。 顧客要望により家アイコンは全て消し、文字「ホーム」だけを表示する。 ====================================================================== */ /* 1) 家アイコン2種（本体FontAwesome \f015 と SWELL icon-home）を抑止 */ #breadcrumb .p-breadcrumb__list li:first-child a::before, #breadcrumb .p-breadcrumb__text .__home::before{ content: none !important; display: none !important; } /* 2) SPで本体CSSが先頭リンクを font-size:0 にして文字を消すため、文字を復活 */ #breadcrumb .p-breadcrumb__list li:first-child a{ font-size: inherit !important; } /* ====================================================================== 投稿ページの SNS シェアボタンを非表示（2026-07-14） ---------------------------------------------------------------------- ・記事下部「よかったらシェアしてね！」ボタン群 = .c-shareBtns.-bottom ・左側の追従シェアボタン = .c-shareBtns.-fix SWELL はシェアボタンを単一投稿でのみ出力するため、投稿ページ限定で効く。 フォロー用の .snsArea（サイドバー等）は対象外（別物のため触らない）。 ====================================================================== */ .c-shareBtns{ display: none !important; } /* ====================================================================== イベント記事：アイキャッチ（バナー）を記事ページでのみ非表示（2026-07-15） ---------------------------------------------------------------------- 顧客要望：記事ページはバナーではなく、チラシPDFをWebP化した図版を見せる。 ただしアイキャッチは削除できない（＝データとしては残す）。理由： ・トップページのイベントカードが REST の _embed で参照している ・OGP画像 と JSON-LD の記事画像にも使われている そのため「表示だけ」を記事ページで止める。 このサイトの にはカテゴリのクラスが出ない（body_class 未出力）ため、 .category-event 等では絞れない。代わりに :has() を使い 「本文に PDF図版(.gc-pdfDoc) を持つ記事」= 対象6記事 だけに限定して隠す。 → お知らせカテゴリ等 他の投稿のアイキャッチには影響しない。 :has() 非対応の古いブラウザ（Chrome<105 / Firefox<121 等）では バナーが従来どおり出るだけで、崩れはしない（段階的劣化）。 ====================================================================== */ .p-articleThumb:has(+ .post_content .gc-pdfDoc){ display: none !important; } /* ====================================================================== イベント記事：本文に差し込んだ PDF図版（2026-07-15） ---------------------------------------------------------------------- チラシPDFを WebP 化（1200px幅・q80）して本文に表示したもの。 縦長のA4ポスターなので、幅を抑えて中央に置き、拡大クリックはさせない。 ====================================================================== */ .post_content .gc-pdfDoc{ margin: 0 auto 1.2em; max-width: 900px; text-align: center; } .post_content .gc-pdfDoc img{ width: 100%; height: auto; border: 1px solid #e8e3da; border-radius: 6px; }