@charset "UTF-8";
.artcontents{
  width: 70%;
}
.arttitle {
  text-align: center;
  font-size: 2.7rem;
  font-weight: normal;
  letter-spacing: 0.7rem;
  padding: 4vw 0;
}
.artimg {
  width: 100%;
  opacity: 0;
}
.flexcenter{
  display: flex;
  justify-content: center;
  margin: 10rem 0 5rem 0;
}
.backbtn {
  display: inline-block;
  padding: 4rem 3rem;
  /* border-radius: 100vh; */
  border-top-right-radius: 50px;
  color: #fff;
  letter-spacing: 5px;
  background: linear-gradient(15deg, rgba(248, 193, 184, 0.8),rgba(182, 162, 181, 0.8));
  width: 200px;
  text-align: center;
  transition: 0.5s;
}
.backbtn:hover {
  opacity: 0.5;
}

/*---------------------------------------------*/
/*------------ここからレスポンシブ----------------*/
/*---------------------------------------------*/
@media (max-width:768px) {
  main{
    margin-top: 40vw;
  }
  .artcontents{
    width: 80%;
  }
  .recordtitle {
    padding: 10vw 0;
  }
  .flexcenter{
    margin: 15rem 0 5rem 0;
  }
  .backbtn {
    width: 60%;
  }
}