/* CSS Document */
nav{
	position: fixed;
	width:100%;
	top:0;
	right: 0;
	display: flex;
	justify-content: space-between;
	padding: 0.5em 1em 0.5em 0.5em;
	background:transparent;
	z-index: 100;
}

nav.scrolled {
	transition: 0.5s;
	background: rgba(35,93,154,0.5); /* スクロール時の背景色 */
}

nav ul {
	display: flex;
	gap: 1em;
	align-items: center;
}

nav ul li a img:hover {
  filter: brightness(0) saturate(100%) invert(90%) sepia(99%) saturate(1177%) hue-rotate(356deg) brightness(101%) contrast(113%);
}


input#Navinput ,
label#Navopen ,
label#Navclose {
	display: none;
}