#shopping {
  width: 100%;
  margin: 0;
  background: url(../img/shared/bd_bg.jpg) repeat center 0/100%;
  color: #a7a7a7;
  padding-bottom: 0;
}

#shopping h2 {
  position: relative;
  margin-bottom: 0;
}

#shopping .text {
  margin: 00;
  position: relative;
  z-index: 1;
}

#shopping .link01 {
  margin: 0;
}

#reco {
  position: relative;
  margin: 70px 5% 10vw;
  border: 2px solid #6b5d3f;
}

#reco .photo {
  margin: 3vw 3% 6vw;
}

#reco .txt {
  margin: 0 6% 5vw;
  text-align: justify;
}

#reco .btn {
  margin: 0 6% 8vw;
}

#point {
  position: relative;
  padding-top: 25px;
  margin: 0 3%;
}

#point .slick-slide .item {
  width: 100%;
}

#point .slick-slide .item dl {
  color: #FFF;
}

#point .slick-slide .item dl dt {
  margin-bottom: 25px;
}

#point .slick-slide .item dl dd {
  text-align: justify;
  margin: 0 2%;
  min-height: 210px;
}

#point .slick-dots {
  display: flex;
  justify-content: center;
  padding: 25px 0 70px;
}

#point .slick-dots li {
  width: 16px;
  height: 16px;
  margin: 0 6px;
}

#point .slick-dots li button {
  background: url("../img/shopping/dot.png") no-repeat center bottom;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  cursor: pointer;
  border: none !important;
  font-size: 0;
}

#point .slick-dots li.slick-active button {
  background: url("../img/shopping/dot_ac.png") no-repeat center bottom;
  background-size: 100% auto;
}

#point .slick-list {
  overflow: inherit;
}

#point .number {
  font-size: 15px;
  font-style: italic;
  color: #a2a2a2;
  position: absolute;
  bottom: -70px;
  right: 5%;
  letter-spacing: 0.1em;
}

#point .number i {
  font-size: 23px;
}

#how {
  padding: 20px 0 60px;
}

#how dl dd {
  color: #a7a7a7;
  padding: 30px 5% 45px;
}

#how ul li {
  margin-bottom: 20px;
}

#order {
  background: url(../img/shopping/line.jpg) repeat-x top center, url(../img/shopping/line.jpg) repeat-x bottom center, url(../img/shopping/order_bg.jpg) repeat;
  padding: 2px 0 45px;
  color: #a7a7a7;
}

#order h2 {
  text-align: center;
}

#order h3 {
  text-align: center;
  font-size: 16px;
  padding: 1px 0 25px;
}

#order .link01 {
  margin: 0 10% 8px;
}

#order ul {
  display: flex;
  justify-content: center;
  font-size: 13px;
}

#product {
  padding: 65px 5% 50px;
}

#product h2 {
  text-align: center;
  margin-bottom: 20px;
}

#product .note {
  text-align: center;
  color: #a7a7a7;
  font-size: 13px;
  padding-bottom: 35px;
}

#product .list {
  padding: 0 0 15px;
}

#product .list h3 {
  font-size: 17px;
  color: #FFF;
  background: url(../img/shopping/icon_ttl.png) no-repeat center left;
  padding-left: 35px;
  margin-bottom: 25px;
}

#product .list .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#product .list .box .item {
  width: 48%;
  margin-bottom: 10px;
  color: #FFF;
}

#product .list .box .item .photo {
  padding-bottom: 15px;
}

#product .list .box .item dl {
  margin-bottom: 15px;
}

#product .list .box .item dt {
  font-size: 12px;
}

#product .list .box .item dt span {
  font-size: 10px;
  display: inline-block;
  border: 1px solid #4a4a4a;
  line-height: 20px;
  padding: 0 10px;
}

#product .list .box .item dt.hide {
  opacity: 0;
}

#product .list .box .item dd {
  font-size: 12px;
  line-height: 18px;
  padding: 1px 0 5px;
}

#product .list .box .item dd span {
  display: block;
  font-weight: 500;
  padding: 0px 0 11px;
  line-height: 14px;
}