@charset "UTF-8";
*{
  margin:0;
  padding:0;
}
body{
  font-family:"ヒラギノ明朝 ProN ", "HiraMinProN-", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;;
}
/* ヘッダー*/
header{
  margin-top:50px;  
}
.header-logo{
  text-align: center;
  font-size:60px;
}
header ul{
  list-style: none;
  display: flex;
  justify-content:space-around ;
  margin:40px 60px 70px 60px;
  font-size:30px;
}
.hed{
  width: 3rem;
  margin-left:10px;
}
.none{
  display: none;
}
/*フッター*/
footer{
  background-color:black;
  color: white;
  text-align: center;
  display: flex;
  flex-direction: column;
}
footer h2{
  font-size: 50px;
  margin:40px 0px 15px 0px;
  letter-spacing: 8px;
}
footer p{
  font-size:25px;
}
footer small{
  margin-bottom: 40px;
}
footer img{
  width: 3rem;
  border-radius: 18px;
  margin: 0 auto;
}
.fot{
  width: 1.7rem;
  margin-left: 8px;
  height: 1.3rem;
}
.insta{
  margin-top: 20px;
  margin-bottom: 20px;
}
/*その他部分*/
a{
  text-decoration: none;
  color: black;
}
.big h1{
  text-align: center;
  font-size: 4rem;
  margin-bottom:40px;
}
/*aboutページ部分*/
.matome{
  display: flex;
  justify-content: flex-start;
  margin-left: 150px;
  margin-bottom: 100px;
}
.street img{
  height: 500px;
  width: 500px;
  background-size: cover;
}
.text p{
  margin-left: 50px;
  margin-top: 80px;
  font-size: 18px;
  line-height: 50px;
  text-align: center;
  font-weight: bold;
}
/*newsページ部分*/
article{
  display: flex;
  justify-content:space-around ;
  margin-bottom:165px;
}
.picture{
  width: 350px;
  height: 350px;
}
.picture img{
  height: 85%;
  width: 100%;
}
.picture p{
  font-size: 0.7rem;
}
.picture h2{
  margin-top:15px;
  font-size:1.5rem;
  border-bottom: 2px solid black;
}
/*collectionページ部分*/
.collection{
  margin-bottom: 40px;
}
.colle img{
  width: 35rem;
  height: 25rem;
}
.one{
  display: flex;
  justify-content: center;
  position: relative;
  height: 25rem;
}
.tright{
  position: absolute;
  top:30px;
  right: 60px;
  bottom: 30px;
}
.tleft{
  position: absolute;
  top:0px;
  left: 100px;
}
.two{
  display: flex;
  justify-content: center;
  height: 25rem;
  position: relative;
}
.bleft{
  position: absolute;
  top:0px;
  left: 60px;
}
.bright{
  position: absolute;
  top: 30px;
  right: 100px;
}
.up{
  margin: 80px 0px 0px 0px;
}
.btn{
  text-align: center;
  background-color: black;
  width: 40vw;
  margin:0 auto;
  border-radius: 50px;
  padding: 15px 10px;
}
.btn a{
  color: white;
  font-size: 2.5rem;
  letter-spacing: 1.5px;
}
/*contactページ部分*/
form{
  margin-left: 37.5%;
  margin-bottom: 30px;
}
form p{
  margin-bottom:5px;
}
.big p{
  text-align: center;
  font-size: 1.5rem;
  margin-bottom:30px;
}
input{
  width: 20rem;
  height: 2.5rem;
  margin-bottom:30px;
  border:1px solid gray;
  border-radius: 2px;
  font-size: 1.5rem;
}
textarea{
  width: 20rem;
  height: 8.5rem;
  margin-bottom:10px;
  border:1px solid gray;
  border-radius: 2px;
  font-size: 1.5rem;
}
.send{
  width: 8rem;
  height: 2rem;
  border-radius:15px;
  opacity: 0.9;
  box-shadow:2px 2px #838383;
  cursor: pointer;
  margin-top:30px;
  margin-left: 92px;
  background-color: black;
  color: white;
}
.send:hover{
  opacity: 1;
}
.send:active{
  box-shadow: none;
  top:5px;
  left:5px;
  position: relative;
}