body{
  text-align: left;
  background-color: white;
  font-family:'sans-serif';
  color: black;
  line-height: 180%;
  padding-left: 2vw;
  padding-right: 2vw;
}

.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%; }

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

.text{
  width: 70%;
}

@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%;}}

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


a{
  color: purple;
}



.pc { display: block !important; }
.sp { display: none !important; }


/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 600px) {
.pc { display: none !important; }
.sp { display: block !important; }

body{
  width: 600px;
  align: left;
  background-color: white;
  font-family:'sans-serif';
  color: black;
  line-height: 180%;
  padding-left: 2vw;
}




}