/* ハンバーガーメニューの線 */
.bar {
display: block;
width: 1.5rem;
height: 2px;
/* コントラストの高い白に変更 */
background: #FFFFFF; /* ← 色を直接指定 */
transition: transform .3s, opacity .3s;
}
/* open クラスで X に変形 */
.open .bar:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.open .bar:nth-child(2) { opacity: 0; }
.open .bar:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }