/* SECTION */
.linkBtn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5vw;
}
.linkBtn a {
  box-shadow: 4px 4px 4px rgba(00, 0, 0, .3);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  width: 50vw;
  height: 100px;
  font-family: 'paperlogy';
  text-align: center;
  font-size: 3rem;
  padding: 15px;
  white-space: nowrap;
  border-radius: 1000px;
}
.linkBtn a img {
  height: 3rem;
  margin-right: 2rem;
}

section {
    background-image: url(../img/bnr.png);
    background-size: cover;
    background-position: 0 85%;
    padding: 5vw;
    margin-top: 3.5vw;
}
@media screen and (max-width:1440px) {
  section {
    margin-top: 5vw;
  }
}
@media screen and (max-width:1440px) {
  .linkBtn a {
    height: 80px;
    font-size: 2rem;
  }
  .linkBtn a img {
    height: 2rem;
  }
}
@media screen and (max-width:1000px) {
  section {
    margin-top: 15vw;
  }
  .linkBtn a {
    height: 80px;
    font-size: 2rem;
  }
  .linkBtn a img {
    height: 2rem;
  }
}
@media screen and (max-width:768px) {
  .linkBtn {
    padding: 0 5vw;
  }
  .linkBtn a {
    width: 100%;
    height: 50px;
    font-size: 1.5rem;
  }
  .linkBtn a img {
    height: 1.5rem;
  }
}

section div * {
  color: #fff;
  text-align: start;
}
section p {
    font-size: 3vw;
    margin-left: .3vw;
}



/* PRODUCT LIST*/
div#list {
    overflow: hidden;
    margin-top: 5vw;
    padding: 0 3.5vw 5vw;
}

div#list ul li {
    width: 50%;
    float: left;
    padding: 1.5vw;
}

.listimg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}
div#list .listimg {
    border: 1px solid var(--black);
    overflow: hidden;
}

div#list .listTxt {
    text-align: center;
    display: flex;
    flex-direction: column;
    font-size: 3vw;
    margin: 2vw 0 3vw;
}


#list .brand {
  font-weight: 500;
}
#list .name {
  font-weight: 500;
}
#list .volume {
  font-weight: 300;
}
#list .price {
  font-weight: 300;
}