iimg{transition:0.3s;
}
img:hover{transform: scale(1.2);
    transition:0.3s;
}

img:hover {
   opacity: 0.5;
}

.open {
	cursor:pointer;
}
#pop-up {
	display: none;
}
.overlay {
	display: none;
}
#pop-up:checked + .overlay {
	display: block;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.6);
}
.window {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 90vw;
	max-width: 360px;
    padding: 20px;
	height: 300px;
	background-color: #fff;
	border-radius: 4px;
	align-items: center;
	transform: translate(-50%, -50%);
}
.close {
	position: absolute;
	top: 4px;
	right: 4px;
	cursor:pointer;
}

body {
  background-image: url("beautiful_wakayama.gif");
  background-repeat: no-repeat;
}

class { font-variant-ligatures: common-ligatures; -moz-font-feature-settings: "liga", "clig"; -webkit-font-feature-settings: "liga", "clig"; font-feature-settings: "liga", "clig"; }

font-feature-settings : normal | 「feature-tag-value」;

nav {
  width: 100%;
  height: 70px;
  background-color: dimgray;
  padding-top: 5px;
  box-sizing: border-box;
}









nav {
  width: 100%;
  height:50px;
  background-color: black;
  padding-top: 5px;
  box-sizing: border-box;
}
ul {
  display: flex;
}
li {
  list-style: none;
}
a {
  display: block;
  text-decoration: none;
  color: white;
  margin-right: 35px;
}
nav {
  padding-top: 5px;
  box-sizing: border-box;
}
a:hover {
  color: rgb(100, 100, 100);
}
nav {
  position: fixed;
  top: 0;
  left: 0;
}