@charset "utf-8";
h2{margin:30px auto;}
@media only screen and (min-width:600px) {
h2{margin-top:40px;}
}
@media only screen and (min-width:768px) {
h2{margin-top:120px;}
}
@media (orientation: landscape) and (min-width:960px){
h2{margin:120px 0 30px;}
}
#goodsbox{padding:30px 20px; min-height:70vh;}
#goodsbox p{text-align:center; max-width:750px; margin:0 auto;}
#goodsbox ul{text-align:left; max-width:750px; margin:0 auto;}
#goodsbox ul li{margin-bottom:16px; font-size:1.5rem; font-weight:300;}
#goodsbox ul li span{display:block; font-family: 'Kanit', sans-serif; font-weight:300; font-size:1.5rem;}

.items{display:flex; gap:20px; margin-top:30px; justify-content:center;}
.item{max-width:400px;}
#goodsbox .item p{text-align:left; font-family: 'Kanit', sans-serif; font-weight:300;}
.item .sold{color:#ff0000;}

.slide{margin-top:-20px; padding-bottom:25px; z-index:1;}
.slide img{width:100%;}
.slide .slick-dots{bottom:0;}
.slide .slick-dots li {margin: 0 4px; width: 10px; height: 10px;}
.slide .slick-dots li button:before {content:''; width: 10px; height:10px; background: #000; opacity: 1;}
.slide .slick-dots li.slick-active button:before{background: #0ac;}