/* --- 自動入力（オートフィル）時の背景色制御 --- */

/* 1. 自動入力された直後の状態（ほんのり青） */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #f0f7ff inset !important;
}

/* 2. 入力中（クリックした時）や、文字が入っている時は白にする */
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
input:not(:placeholder-shown) {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
    transition: background-color 5000s ease-in-out 0s;
}