@import url(common.css);
.index_list {
  padding: 4em 0 6em 0;
}
.index_list h2 {
  text-align: center;
  font-size: 2.2em;
  margin-bottom: 1.5em;
}
.index_list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.index_list ul li {
  margin-bottom: 3%;
  width: 48.5%;
}
.index_list ul li .photo {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.index_list ul li .photo img {
  transition: 0.3s all;
  vertical-align: bottom;
}
.index_list ul li:hover .photo img {
  transform: scale(1.1, 1.1);
  transition: 0.8s all;
}

.catch-area {
  margin-bottom: 100px;
  text-align: center;
}
.catch-area h2 {
  font-size: 2rem;
  margin-bottom: 2em;
}
.catch-area p {
  margin-bottom: 2em;
}
.catch-area p span {
  line-height: 2em;
  display: block;
}

.lineup {
  margin-bottom: 6em;
  text-align: center;
}
.lineup ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.lineup ul li {
  width: 33.3%;
  margin-bottom: 50px;
}
.lineup ul li p {
  width: 90%;
  margin: 0 auto;
}
.lineup ul li dl dt {
  font-size: 1.4rem;
}
.lineup ul li dl dd span {
  display: block;
}
.lineup ul.justify-center {
  justify-content: center;
}

.bottom-area {
  margin-bottom: 6em;
  text-align: center;
}
.bottom-area .btn-onlineshop {
  position: relative;
  display: block;
  width: 80%;
  max-width: 395px;
  margin: 0 auto 2em;
  height: 4.3em;
  line-height: 0.95em;
  background-color: #2a2929;
  color: #fff;
  padding-left: 1.75em;
  padding-top: 1em;
  text-align: center;
  font-size: 1.4em;
}
.bottom-area .btn-onlineshop span {
  font-size: 0.56em;
  color: #fff;
}
.bottom-area .btn-onlineshop::before {
  position: absolute;
  content: "";
  top: 0.8em;
  left: 2.5em;
  width: 48px;
  height: 48px;
  background-image: url("../common_img/icon_cart_w.svg");
  color: #fff;
}
.bottom-area p.back {
  font-size: 1.2em;
}
.bottom-area p.back a {
  text-decoration: underline;
}

/*===========================================================================*/
/*  media quary:1000px  */
/*===========================================================================*/
/*===========================================================================*/
/*  media quary:768px  */
/*===========================================================================*/
@media screen and (max-width: 768px) {
  .catch-area {
    margin-bottom: 60px;
    text-align: center;
  }
  .catch-area h2 {
    font-size: 1.5rem;
  }
  .catch-area p {
    text-align: left;
    margin-bottom: 2em;
  }
  .catch-area p span {
    display: inline;
  }

  .index_list {
    padding: 4em 0 6em 0;
  }
  .index_list h2 {
    font-size: 2em;
  }
  .index_list ul {
    display: blcok;
  }
  .index_list ul li {
    margin: 0 auto 30px;
    width: 90%;
  }

  .lineup {
    margin-bottom: 4em;
    text-align: center;
  }
  .lineup ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .lineup ul li {
    width: 47%;
    margin: 2% 1.5% 30px 1.5%;
  }
  .lineup ul li p {
    width: 95%;
    margin: 0 auto;
  }
  .lineup ul li dl dt {
    margin-bottom: 10px;
    font-size: 1.2rem;
    line-height: 1.2em;
  }
  .lineup ul li dl dd {
    font-size: 0.85em;
  }
  .lineup ul li dl dd span {
    display: inline;
  }

  .bottom-area {
    margin-bottom: 4em;
    text-align: center;
  }
  .bottom-area .btn-onlineshop {
    margin: 0 auto 2em;
    height: 4.3em;
    line-height: 0.95em;
    padding-left: 1.5em;
    padding-top: 1em;
    text-align: center;
    font-size: 1.2em;
  }
  .bottom-area .btn-onlineshop::before {
    position: absolute;
    content: "";
    top: 1.2em;
    left: 1.7em;
    width: 30px;
    height: 30px;
  }
  .bottom-area p.back {
    font-size: 1.2em;
  }
  .bottom-area p.back a {
    text-decoration: underline;
  }

  .title-area .title-product img {
    height: auto !important;
    object-fit: contain !important;
  }
}
/*===========================================================================*/
/*  media quary:479px  */
/*===========================================================================*/

/*# sourceMappingURL=product.css.map */