@charset "utf-8";
body,p,h1,h2,h3,h4,h5,h6{
  margin: 0;
}
h1,h2,p{
  text-align: center;
  margin-bottom: 30px;
}
header{
  height: 100vh;
  background-image: url(../img/mainvisual.jpg);
  background-size:cover;
  background-position: center top;
}
header img{
  top: 30px;
  position: absolute;
  right: 2%;
}
section{
  margin-top: 60px;
}
section p{
  width: 600px;
  margin: 0 auto 30px auto;
  font-size: 14px;
}
.sectionTitleArea{
  text-align: center;
}
.magazine-archive,
.catalogimg{
  width: 49%;
  position: relative;
}
.catalog-antiqu{
  margin: 0 auto;
}
.magazine-archive img,
.magazine-new img,
.catalogimg img{
  width: 100%;
}
.magazine-new{
  width: 49%;
  position: relative;
}
.inner{
  background-color:rgba(0,0,0,0.5);
  width: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
}
.inner h2{
  font-size: 15px;
  margin:0 auto;
}
.inner p{
  width: 100%;
  font-size: 12px;
  margin:0 auto;
}
.magagin{
  width: 100%;
  max-width: 970px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.clearfix{
  content: "";
  display:block;
  clear: both;

}
.fasion{
  background-image: url(../img/fashion.jpg);
  height: 520px;
  background-position: center top;
  background-size: cover;
}
.btn{
  background:transparent;
  border: 1px #000 solid;
  height: 45px;
  width: 120px;
}
.btn:hover{
  cursor: pointer;
  /* background-color: rgba(255,255,255,0.9); */
  opacity: 0.7;
}
.catalogimg,
.catalogtext{
  width: 49%;
}
.catalogtext p{
  text-align: initial;
}
.catlog{
  width: 100%;
  max-width: 970px;
  margin: 0 auto;
  display: flex;
  align-items:center;
  justify-content: space-between;
}
.sectipn-catalog-antiqu .catalogtext{
  width: 49%;
  text-align: center;
}
.sectipn-catalog-antiqu .catalogtextp{
  width: 100%;
}
footer{
  width: 100%;
  background-color: #333;
}
.footercontents{
  max-width: 970px;
  height: 300px;
  margin: 0 auto;
  color: #fff;
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
}
.footercontents div{
  width: 30%;
  margin: 50px 0;
}
.footercontents h2,
.footercontents p,
.footercontents li{
  text-align: left;
}
.footercontents ul{
  padding: 0;

}
.footercontents li{
  font-size: 0.75rem;
  list-style: none;
  position: relative;
  /* margin-left: 15px; */
}
.footercontents li::before{
  content: "";
  display: block;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  background-color: #fff;
  margin-right: 20px;
}
.footercontents p{
  font-size: 1rem;
}