@media screen and (max-width: 767px) {
  #main .contents_wrapper {
    padding: 0 10px 10px 10px;
  }
}

@media screen and (min-width: 768px) {
  article .suggest_area.recommend .suggest_area_inner .suggest_item {
    width: 190px;
    text-align: left;
  }
  article .suggest_area.recommend .suggest_area_inner .suggest_item:not(:first-child) {
    margin-left: 15px;
  }
}

@media screen and (max-width: 767px) {
  article .suggest_area.recommend .suggest_area_inner .suggest_item {
    width: 120px;
  }
}

article .suggest_area.recommend .suggest_area_inner .suggest_item .item_thumbnail_price {
  margin-bottom: 5px;
}

article .category_items {
  display: flex;
  flex-wrap: wrap;
}

article .category_items li {
  font-size: 16px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  article .category_items li {
    width: calc(25% - 15px);
  }
  article .category_items li:nth-child(n + 5) {
    margin-top: 20px;
  }
  article .category_items li:not(:nth-child(4n)) {
    margin-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  article .category_items li {
    width: 49%;
    font-size: 14px;
  }
  article .category_items li:nth-child(even) {
    margin-left: 2%;
  }
  article .category_items li:nth-child(n + 3) {
    margin-top: 20px;
  }
}

article .category_items li img {
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  article .category_items li img {
    margin-bottom: 5px;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIl92YXJzLnNjc3MiLCJjYXRlZ29yeS5zY3NzIiwiY2F0ZWdvcnkuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCRTtFQzVCRjtJQUVJLFdBQVU7R0FFYjtDQ0ZBOztBRitCQztFQzNCRjtJQU9ZLGFBQVk7SUFDWixpQkFBZ0I7R0FhbkI7RUFyQlQ7SUFVYyxrQkFBaUI7R0FDbEI7Q0NMWjs7QUZnQkM7RUN0QkY7SUFlWSxhQUFZO0dBTWY7Q0NUUjs7QURaRDtFQW1CWSxtQkFBa0I7Q0FDbkI7O0FBcEJYO0VEa0NFLGNBQWE7RUFDYixnQkFBZTtDQzJCZDs7QUE5REg7RUE2Qk0sZ0JBQWU7RUFDZixtQkFBa0I7Q0ErQm5COztBRGxDSDtFQzNCRjtJQWlDUSx3QkFBdUI7R0E0QjFCO0VBN0RMO0lBbUNVLGlCQUFnQjtHQUNqQjtFQXBDVDtJQXVDVSxtQkFBa0I7R0FDbkI7Q0NGUjs7QUZoQkM7RUN0QkY7SUE0Q1EsV0FBVTtJQUNWLGdCQUFlO0dBZ0JsQjtFQTdETDtJQWdEVSxnQkFBZTtHQUNoQjtFQWpEVDtJQW1EVSxpQkFBZ0I7R0FDakI7Q0NEUjs7QURuREQ7RUF3RFEsb0JBQW1CO0NBSXBCOztBRHRDTDtFQ3RCRjtJQTBEVSxtQkFBa0I7R0FFckI7Q0NDTiIsImZpbGUiOiJjYXRlZ29yeS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb2xvcnNcclxuJGNvbG9yX3RleHQ6ICM0NjQ3NDk7XHJcbiRjb2xvcl90ZXh0X2JsYWNrOiAjMDAwO1xyXG4kY29sb3JfdGV4dF9ob3ZlcjogIzAxNzUwMTtcclxuJGNvbG9yX2F0dGVudGlvbjogI2E4MTkyZTtcclxuJGNvbG9yX21haW46ICMwYzU2NDE7XHJcbiRjb2xvcl9tYWluX2Rhcms6ICMzYjUzNDM7XHJcbiRjb2xvcl9tYWluX3RleHQ6ICM0MzVlNTQ7XHJcbiRjb2xvcl9ib3JkZXJfZ3JheTogI2QwZDBkMDtcclxuJGNvbG9yX2JvcmRlcl9saWdodGdyYXk6ICNkOWRhZDQ7XHJcbiRjb2xvcl9ib3JkZXJfbGltZTogIzc2YzI2NTtcclxuJGNvbG9yX2JvcmRlcl9vcmFuZ2U6ICNmZjkwMGQ7XHJcbiRjb2xvcl9iZ19ncmF5OiAjZWZlZmVmO1xyXG4kY29sb3Jfc29ydDogIzg2OWUyYztcclxuJGNvbG9yX3RhZzogIzdiOTE2ZTtcclxuJGNvbG9yX2lucHV0Ym94OiAjYTlhOWE5O1xyXG4kY29sb3JfYnRuX29yYW5nZTogI2JkNWIwMDtcclxuJGNvbG9yX2ZyYW1lOiAjMzMzO1xyXG4kY29sb3JfZnJhbWUtc2VsZWN0ZWQ6ICNkNzc1MDA7XHJcbiRjb2xvcl9idG4tZGlzYWJsZTogI2MzYzNjMztcclxuXHJcblxyXG4vLyBXaWR0aFxyXG4kY29udGVudHNfd2lkdGg6IDEyNjBweDtcclxuJGNvbnRlbnRzX3dpZHRoX3NwOiA5NiU7XHJcblxyXG4vLyBCcmVhayBQb2ludFxyXG4kc3Bfc2l6ZTogNzY3cHg7XHJcbiRwY19zaXplOiA3NjhweDtcclxuQG1peGluIG1heC1zY3JlZW4oJHNpemUpIHtcclxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAkc2l6ZSkge1xyXG4gICAgQGNvbnRlbnQ7XHJcbiAgfVxyXG59XHJcbkBtaXhpbiBtaW4tc2NyZWVuKCRzaXplKSB7XHJcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogJHNpemUpIHtcclxuICAgIEBjb250ZW50O1xyXG4gIH1cclxufVxyXG5cclxuLy8gRmxleGJveFxyXG5AbWl4aW4gZmxleGJveCB7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LXdyYXA6IHdyYXA7XHJcbn1cclxuXHJcbi8vIENlbnRlcmluZyAgSG9yaXpvbnRhbGx5ICYgVmVydGljYWxseVxyXG5AbWl4aW4gY2VudGVyaW5ne1xyXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICBsZWZ0OiA1MCU7XHJcbiAgdG9wOiA1MCU7XHJcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XHJcbn1cclxuLy8gQ2VudGVyaW5nICBIb3Jpem9udGFsbHlcclxuQG1peGluIGNlbnRlcmluZ19ob3Jpem9udGFsbHkge1xyXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICBsZWZ0OiA1MCU7XHJcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpO1xyXG59XHJcblxyXG4vLyBDZW50ZXJpbmcgIFZlcnRpY2FsbHlcclxuQG1peGluIGNlbnRlcmluZ192ZXJ0aWNhbGx5IHtcclxuICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgdG9wOiA1MCU7XHJcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xyXG59IiwiQGltcG9ydCBcIl92YXJzXCI7XG5cbi5jb250ZW50c193cmFwcGVyIHtcbiAgIEBpbmNsdWRlIG1heC1zY3JlZW4oJHNwX3NpemUpIHtcbiAgICBwYWRkaW5nOiAwO1xuICAgfVxufVxuXG5hcnRpY2xlIHtcbiAgLnN1Z2dlc3RfYXJlYSB7XG4gICAgJi5yZWNvbW1lbmQge1xuICAgICAgLnN1Z2dlc3RfYXJlYV9pbm5lciB7XG4gICAgICAgIC5zdWdnZXN0X2l0ZW0ge1xuXG4gICAgICAgICAgQGluY2x1ZGUgbWluLXNjcmVlbigkcGNfc2l6ZSkge1xuICAgICAgICAgICAgd2lkdGg6IDE5MHB4O1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgICAgICY6bm90KDpmaXJzdC1jaGlsZCkge1xuICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogMTVweDtcbiAgICAgICAgICAgIH0gICAgICAgICAgICBcbiAgICAgICAgICB9XG5cbiAgICAgICAgICBAaW5jbHVkZSBtYXgtc2NyZWVuKCRzcF9zaXplKSB7XG4gICAgICAgICAgICB3aWR0aDogMTIwcHg7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLml0ZW1fdGh1bWJuYWlsX3ByaWNlIHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDVweDtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9ICAgIFxuICB9XG5cbiAgLmNhdGVnb3J5X2l0ZW1zIHtcbiAgICBAaW5jbHVkZSBmbGV4Ym94O1xuICAgIGxpIHtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcblxuICAgICAgQGluY2x1ZGUgbWluLXNjcmVlbigkcGNfc2l6ZSkge1xuICAgICAgICB3aWR0aDogY2FsYygyNSUgLSAxNXB4KTtcbiAgICAgICAgJjpudGgtY2hpbGQobiArIDUpIHtcbiAgICAgICAgICBtYXJnaW4tdG9wOiAyMHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgJjpub3QoOm50aC1jaGlsZCg0bikpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gICAgICAgIH0gICAgICAgIFxuICAgICAgfVxuXG4gICAgICBAaW5jbHVkZSBtYXgtc2NyZWVuKCRzcF9zaXplKSB7XG4gICAgICAgIHdpZHRoOiA0OSU7XG4gICAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgICAgXG4gICAgICAgICY6bnRoLWNoaWxkKGV2ZW4pIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogMiU7XG4gICAgICAgIH1cbiAgICAgICAgJjpudGgtY2hpbGQobiArIDMpIHtcbiAgICAgICAgICBtYXJnaW4tdG9wOiAyMHB4O1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGltZyB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XG4gICAgICAgIEBpbmNsdWRlIG1heC1zY3JlZW4oJHNwX3NpemUpIHtcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiIsIkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gIC5jb250ZW50c193cmFwcGVyIHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OHB4KSB7XG4gIGFydGljbGUgLnN1Z2dlc3RfYXJlYS5yZWNvbW1lbmQgLnN1Z2dlc3RfYXJlYV9pbm5lciAuc3VnZ2VzdF9pdGVtIHtcbiAgICB3aWR0aDogMTkwcHg7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgfVxuICBhcnRpY2xlIC5zdWdnZXN0X2FyZWEucmVjb21tZW5kIC5zdWdnZXN0X2FyZWFfaW5uZXIgLnN1Z2dlc3RfaXRlbTpub3QoOmZpcnN0LWNoaWxkKSB7XG4gICAgbWFyZ2luLWxlZnQ6IDE1cHg7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgYXJ0aWNsZSAuc3VnZ2VzdF9hcmVhLnJlY29tbWVuZCAuc3VnZ2VzdF9hcmVhX2lubmVyIC5zdWdnZXN0X2l0ZW0ge1xuICAgIHdpZHRoOiAxMjBweDtcbiAgfVxufVxuXG5hcnRpY2xlIC5zdWdnZXN0X2FyZWEucmVjb21tZW5kIC5zdWdnZXN0X2FyZWFfaW5uZXIgLnN1Z2dlc3RfaXRlbSAuaXRlbV90aHVtYm5haWxfcHJpY2Uge1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG59XG5cbmFydGljbGUgLmNhdGVnb3J5X2l0ZW1zIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xufVxuXG5hcnRpY2xlIC5jYXRlZ29yeV9pdGVtcyBsaSB7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjhweCkge1xuICBhcnRpY2xlIC5jYXRlZ29yeV9pdGVtcyBsaSB7XG4gICAgd2lkdGg6IGNhbGMoMjUlIC0gMTVweCk7XG4gIH1cbiAgYXJ0aWNsZSAuY2F0ZWdvcnlfaXRlbXMgbGk6bnRoLWNoaWxkKG4gKyA1KSB7XG4gICAgbWFyZ2luLXRvcDogMjBweDtcbiAgfVxuICBhcnRpY2xlIC5jYXRlZ29yeV9pdGVtcyBsaTpub3QoOm50aC1jaGlsZCg0bikpIHtcbiAgICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgYXJ0aWNsZSAuY2F0ZWdvcnlfaXRlbXMgbGkge1xuICAgIHdpZHRoOiA0OSU7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuICB9XG4gIGFydGljbGUgLmNhdGVnb3J5X2l0ZW1zIGxpOm50aC1jaGlsZChldmVuKSB7XG4gICAgbWFyZ2luLWxlZnQ6IDIlO1xuICB9XG4gIGFydGljbGUgLmNhdGVnb3J5X2l0ZW1zIGxpOm50aC1jaGlsZChuICsgMykge1xuICAgIG1hcmdpbi10b3A6IDIwcHg7XG4gIH1cbn1cblxuYXJ0aWNsZSAuY2F0ZWdvcnlfaXRlbXMgbGkgaW1nIHtcbiAgbWFyZ2luLWJvdHRvbTogMTBweDtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgYXJ0aWNsZSAuY2F0ZWdvcnlfaXRlbXMgbGkgaW1nIHtcbiAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gIH1cbn1cbiJdfQ== */

@media screen and (min-width: 768px) {
  .pt_categorylanding .category_area dl {
    max-width: 400px;
    width: calc(33.33% - 30px);
    margin: 0 15px 20px;
    margin-left: 15px;
  }
}

.category_items img {
  max-width: 190px;
  width: 100%;
}

.category_items h3 {
  font-weight: bold;
  font-size: 14px;
}