@charset "UTF-8";
.ttl_main.goods h1 {
  background: linear-gradient(-90deg, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .9)) 50%, url(../img/ttl_goods.jpg) no-repeat center center / cover;
}
ul.breadcrumb {
  border-bottom: none !important;
}
.inner_box {
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 0 !important;
}
.inner_box ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.inner_box ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  border-top: solid 1px #ccc;
}
.inner_box ul li {
  width: 33.27%;
  padding: 20px 0;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  text-align: center;
}
.inner_box ul li:nth-child(3n) {
  border-right: none;
}
.inner_box ul li figure {
  width: 60%;
  margin: 0 auto 10px;
}
.inner_box ul li h4 {
  font-size: 16px;
  margin: 0 auto 10px;
}
.inner_box ul li p {
  margin: 0;
}
.inner_box ul li .swiper {
  padding-bottom: 25px;
}
.inner_box ul li img {
  width: 100%;
  vertical-align: bottom;
}
.inner_box ul li .swiper-pagination {
  bottom: 10px !important;
  left: auto !important;
  right: auto !important;
}
.inner_box ul li .swiper-pagination-bullet {
  background: #000 !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 7px !important;
}
p.center {
  margin: 50px auto 0;
  text-align: center;
}
.btn a {
  display: block;
  text-decoration: none;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  width: 300px;
  background: linear-gradient(45deg, rgba(52, 52, 52, 1), rgba(149, 149, 149, 1), rgba(52, 52, 52, 1));
  background-position: 1% 50%;
  background-size: 200% auto;
  margin: 20px auto 0;
}
.btn a:hover {
  opacity: 1;
  background-position: 99% 50%;
  transition: all .3s;
}
@media screen and (min-width:700px) and (max-width:1050px) {
  .inner_box ul li {
    width: 49.9%;
  }
  .inner_box ul li:nth-child(3n) {
    border-right: solid 1px #ccc;
  }
  .inner_box ul li:nth-child(2n) {
    border-right: none;
  }
}
@media screen and (max-width:700px) {
  .inner_box ul {
    display: block;
  }
  .inner_box ul li {
    width: auto;
    border-right: none;
  }
  .inner_box ul lii:nth-child(3n) {
    border-right: none;
  }
  .inner_box ul li:nth-child(2n) {
    border-right: none;
  }
  p.center {
    margin: 40px auto 0;
  }
}