/* Theme Name: Micro Jobs Theme Child Theme URI: https://www.premiumpress.com Template: MJ10 Author: Mark Fail - PremiumPress Author URI: https://www.premiumpress.com Description: Theme Developed By PremiumPress. Version: 11.2.0.1777340447 Updated: 2026-04-28 10:40:47 */ .footer-nav-area:not(.hide-mobile) { background-color: #EBA028 !important; } /* 新規会員登録フォームの入力欄（inputfield）のスタイル修正背景色をオレンジにし、視認性を向上させています。 */ /* 新規会員登録フォームの入力欄（inputfield）のスタイル修正背景色をオレンジにし、視認性を向上させています。 */ .ppt-reg-form .inputfield { display: block; width: 100%; font-family: inherit; color: #000; /* 上下左右に余白を作ることで、背景色がついた時に文字が見やすくなります */ padding: 12px 14px; /* 背景色を薄めのオレンジに設定 */ background-color: #fff3e0 !important; /* 最初から「濃いオレンジ」の枠線を設定（太さを2pxにしてより強調） */ border: 2px solid #e65100 !important; /* 角を少し丸くして視認性を高める */ border-radius: 6px; outline: none; font-size: 26px; -webkit-font-smoothing: antialiased; line-height: unset; /* 元のコードにあったアニメーションと遷移の設定 */ animation: 1ms ease 0s 1 normal none running native-autofill-in; transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; /* 内側に薄い影を付けて立体感を出します */ box-shadow: inset 0 1px 3px rgba(0,0,0,0.1) !important; } /* フォーカスが当たった時（入力中）のスタイル */ .ppt-reg-form .inputfield:focus { /* 背景を少し明るく、枠線をさらに強調 */ background-color: #ffffff !important; border-color: #ff6d00 !important; box-shadow: 0 0 8px rgba(230, 81, 0, 0.4) !important; } .map-blankbox { display: none !important; } /* 「city1.jpg」という文字列がURLに含まれる画像を狙い撃ち */ img[src*="city1.jpg"] { /* 強制的に表示させる新しい画像を指定 */ content: url("https://clientweb.biz/kurasapo5/wp-content/uploads/2026/05/kurasapo_top_n2.jpg"); /* 画像の縦横比を保ちつつ、枠に収まるように綺麗に表示する */ object-fit: cover; width: 100%; height: 100%; /* ※角丸などは元のHTMLのクラス(rounded-lg等)が効きますが、もし効かない場合は以下を有効にしてください */ /* border-radius: 8px; */ }

CSSでの画像強制切り替えテスト

以下のHTMLコード（src）は city1.jpg のままですが、
上の CSSの力だけで強制的に夜景の画像に上書き して表示させています。