/* 抽出した cocoon.css の後に読み込む、移行に伴う差分の調整だけを置く場所。 * 見た目を変える意図の CSS はここに書き、cocoon.css は触らない * （cocoon.css は scripts/extract-cocoon-css.mjs でいつでも作り直せる状態に保つ）。 */ /* 現行は子テーマ style.css で以下 3 つを当てていた。 * 子テーマの CSS は のインラインには含まれないため、ここで再現する。 */ /* 「新着記事」ブロックは非表示（移行後はそもそも出力していないが、保険として残す） */ #list-wrap .list-new-entries { display: none; } /* サイドバーの「お知らせ(5)」「未分類(2)」は現行どおり隠す */ .cat-item.cat-item-5, .cat-item-2 { display: none; } /* フッター（黄色背景）のコピーライトは黒 */ .copyright { color: #000000; } /* 検索結果ページ: Pagefind のハイライトを Cocoon のマーカーに寄せる */ #search-results mark { background: linear-gradient(transparent 60%, #ffe58f 60%); color: inherit; padding: 0; } /* ── 申込フォーム（src/components/form/AppForm.astro） ─────────────── * 現行の WPForms は独自CSSで描いていたが、移行後は Cocoon のトーンに合わせて * ここで最小限のスタイルだけ持つ。色はブランドカラーに合わせる。 */ .app-form-wrap { margin: 1.8em 0; } .app-form-field { margin-bottom: 1.4em; } .app-form-label { display: block; margin-bottom: 0.4em; font-weight: 700; } .app-form-field fieldset { margin: 0; padding: 0; border: 0; } .app-form-required { margin-left: 0.6em; padding: 1px 6px; border-radius: 2px; background: #d9534f; color: #fff; font-size: 11px; font-weight: 400; vertical-align: middle; } .app-form-choice { display: block; margin: 0.3em 0; cursor: pointer; } .app-form-choice input { margin-right: 0.5em; } .app-form input[type="text"], .app-form input[type="email"], .app-form input[type="tel"], .app-form textarea { width: 100%; padding: 0.6em 0.8em; border: 1px solid #cccccc; border-radius: 4px; background: #fff; font-size: 16px; /* iOS の自動ズーム回避 */ font-family: inherit; box-sizing: border-box; } .app-form input:focus, .app-form textarea:focus { outline: 2px solid #234777; outline-offset: 1px; border-color: #234777; } .app-form-description { margin: 0.3em 0 0; color: #777777; font-size: 13px; } .app-form-error { margin: 0.3em 0 0; color: #d9534f; font-size: 13px; } .app-form-privacy { margin: 1.2em 0; color: #777777; font-size: 13px; } .app-form-actions { text-align: center; } .app-form-submit { padding: 0.7em 3em; border: 0; border-radius: 99px; background: #234777; color: #fff; font-size: 16px; font-weight: 700; cursor: pointer; transition: all 0.3s ease-in-out; } .app-form-submit:hover:not(:disabled) { background: #112c63; } .app-form-submit:disabled { background: #cccccc; cursor: not-allowed; } .app-form-status { margin-top: 1em; text-align: center; } .app-form-notice { padding: 1em; border: 1px dashed #d9534f; border-radius: 4px; color: #d9534f; }