.shop-highlight {
	border-bottom: 1px solid black;
}
.shop-highlight .flex {
	max-width: 1310px;
	margin: 0 auto;
	justify-content: space-between;
}
.shop-highlight .flex .right {
	border-left: 1px solid black;
	padding: 64px 0px 64px 72px;
	width: 29%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.shop-highlight .flex .right .lower {
	position: relative;
	margin: 0 0 -17px;
}
.shop-highlight .flex .right .button:hover {
	background-color:#E4C9B1;
}
.shop-highlight .flex .right .button {
	display: flex;
	width: fit-content;
	height: 25px;
	justify-content: space-between;
	transition: all 0.5s;
	position: absolute;
	bottom: 16px;
	right: 0;
}
.shop-highlight .flex .right .button img {
	width: 31px;
	height: 15px;
	margin: 0 0 0 9px;
}
.shop-highlight .flex .right h2 {
	margin: 0 0 0;
	width: 270px;
	letter-spacing: -0.1rem;
}
.shop-highlight .flex .left {
	width: 66.2%;
	padding: 64px 0;
}
.shop-highlight .flex .left .shop-box {
	display: flex;
	justify-content: space-between;
}
.shop-highlight .flex .left .shop-box .border {
	border: 1px solid black;
	padding: 15px;
	display: flex;
	justify-content: space-between;
	width: 412px;
	height: 408px;
	overflow: hidden;
}
.shop-highlight .flex .left .shop-box .border .mainimg {
	width: 249px;
	margin: 0;
	height: 376px;
}
.shop-highlight .flex .left .shop-box .border ul {
	list-style: none;
	height: 100%;
	overflow: scroll;
	width: 116px;
}
.shop-highlight .flex .left .shop-box .border ul li img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
.shop-highlight .flex .left .shop-box .border ul li {
	width: 100%;
	height: 116px;
	margin: 0 0 13px;
}
.shop-highlight .flex .left .shop-box .border ul li:last-child() {
	margin-bottom:0;
}
@media all and (max-width:1320px) {
  .shop-highlight .flex {
   max-width: 845px;
	flex-direction: column-reverse;
  }
  .shop-highlight .flex .right {
	  border-left: none;
	  padding: 30px 0 0;
	  width: 100%;
  }
  .shop-highlight .flex .left {
	  width: 100%;
	  padding: 64px 0;
  }
  .shop-highlight .flex .left {
	  width: 100%;
	  padding: 64px 0;
  }
}
@media all and (max-width:860px) {
  .shop-highlight .flex .left .shop-box {
	display:block;
  }
  .shop-highlight .flex {
	  max-width: 412px;
	  flex-direction: column-reverse;
  }
  .shop-highlight .flex .left .shop-box .border {
	margin-bottom:20px;
  }
}
@media all and (max-width:455px) {
  .shop-highlight .flex .right h2 {
	  margin: 0 0 0;
	  width: 270px;
	  letter-spacing: -0.1rem;
	  font-size: 36px;
	  line-height: 1.2;
  }
 .shop-highlight .small-title {
	margin: 0 0 10px;
  }
  .shop-highlight .flex .left {
	  width: 100%;
	  padding: 35px 0;
  }
  .shop-highlight .flex .left .shop-box .border {
	  margin-bottom: 20px;
	  width: 100%;
	  height: 327px;
  }
  .shop-highlight .flex {
	  max-width: 356px;
	  flex-direction: column-reverse;
  }
  .shop-highlight .flex .left .shop-box .border ul {
	  width: 95px;
  }
 	.shop-highlight .flex .left .shop-box .border ul li {
	 	width: 100%;
	 	height: 90px;
	 	margin: 0 0 13px;
 	}
 .shop-highlight .flex .left .shop-box .border .mainimg {
	 width: 222px;
	 margin: 0;
	 height: 297px;
 }
}