.menu { float: right;  height: 100vh;  margin-top: 30px; font-family: 'Cormorant Garamond', serif;}
.menu ul{ margin-top: 0px; padding: 10px; list-style: none;}
.menu li{ display: inline; padding: 0; margin: 0; }
.menu li a{ display: block; padding: 3px 10px; text-decoration: none;
margin: 2px 0px; text-align: right; font-size: 120%; }

@media screen and (max-width: 479px) {
  .menu li a{ display: block; padding: 0px 5px; text-decoration: none;
  margin: 5px 0px; text-align: right; font-size: 100%;}
  .text{font-size: 70%}
  .an{font-size: 70%}
  }

a:link {/*未訪問のリンク*/ color:black; }
a:visited {/*訪問後のリンク*/color:gray; }


.text{
  width: 70%;
  text-align: left;
  font-family:'sans-serif';
  color: black;
  line-height: 180%;
  padding: 30px 10px 30px 20px;
}

#link{
  color: purple;
  text-decoration: none;
}

img{
  width: 70vw;
}

.an{
  color: purple;
  float: right;
  margin-bottom: 40px;
}