#sysAll #sysWrap #sysMain .recommend_items_block .sysHeadline {
  padding: 0;
  text-align: center;
  margin-bottom: 40px !important;
}

#sysAll #sysWrap #sysMain .recommend_items_block .sysItemBlock .sysHorizontal {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}

#sysAll #sysWrap #sysMain .recommend_items_block .sysItemBlock .sysHorizontal li {
  padding: 0;
  float: none;
}

#sysAll #sysWrap #sysMain .recommend_items_block .sysItemBlock .sysHorizontal::after {
  display: none;
}

#sysAll #sysFooter div.fixed_brn_min_renew {
  width: 168px;
  height: 169px;
  position: fixed;
  bottom: 20px;
  right: calc(50% - 738px);
  z-index: 9999;
}
@media screen and (min-width: 751px) and (max-width: 1600px) {
  #sysAll #sysFooter div.fixed_brn_min_renew {
    right: 20px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sysAll #sysFooter div.fixed_brn_min_renew {
    bottom: 90px;
  }
}
#sysAll #sysFooter div.fixed_brn_min_renew div.sysContent div.bnr_wrap {
  position: relative;
}
#sysAll #sysFooter div.fixed_brn_min_renew div.sysContent div.bnr_wrap div.close_btn {
  cursor: pointer;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 1;
}
@media screen and (max-width: 750px) {
  #sysAll #sysFooter div.fixed_brn_min_renew {
    width: 26.6666666667vw;
    height: 26.6666666667vw;
    bottom: 16vw;
    right: 1.3333333333vw;
  }
  #sysAll #sysFooter div.fixed_brn_min_renew div.sysContent div.bnr_wrap div.close_btn {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    top: -1.0666666667vw;
    right: 1.8666666667vw;
  }
}
@media screen and (min-width: 751px) and (max-width: 1600px) {
  #sysAll #sysFooter div.fixed_brn_min_renew + .pagetop {
    bottom: 200px;
  }
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  #sysAll #sysFooter div.fixed_brn_min_renew + .pagetop {
    bottom: 200px;
  }
}
@media screen and (max-width: 750px) {
  #sysAll #sysFooter div.fixed_brn_min_renew + .pagetop {
    bottom: 45.3333333333vw;
  }
}
@media screen and (max-width: 600px) {
  #sysAll #sysFooter .pagetop {
    bottom: 29.3333333333vw;
  }
}

div#sysHeader {
  padding-bottom: 10px;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  div#sysHeader {
    padding-bottom: 0.8333333333vw;
  }
}
@media screen and (max-width: 600px) {
  div#sysHeader {
    padding-bottom: 0;
  }
}
div#sysHeader div.top_slider_renew {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 750px) {
  div#sysHeader div.top_slider_renew {
    margin-bottom: 0;
  }
}
div#sysHeader div.top_slider_renew div.sysContent ul.slick-slider {
  width: 100%;
  max-width: 1710px;
  margin: 0 auto;
  position: static;
}
@media screen and (max-width: 600px) {
  div#sysHeader div.top_slider_renew div.sysContent ul.slick-slider {
    max-width: 78.9333333333vw;
  }
}
div#sysHeader div.top_slider_renew div.sysContent ul.slick-slider button.slick-prev {
  left: 15px;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  div#sysHeader div.top_slider_renew div.sysContent ul.slick-slider button.slick-prev {
    left: 1.25vw;
  }
}
div#sysHeader div.top_slider_renew div.sysContent ul.slick-slider div.draggable {
  margin-top: 0 !important;
  overflow: visible;
}
div#sysHeader div.top_slider_renew div.sysContent ul.slick-slider div.draggable div.slick-track li.slick-slide {
  padding: 0 15px;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  div#sysHeader div.top_slider_renew div.sysContent ul.slick-slider div.draggable div.slick-track li.slick-slide {
    padding: 0 1.25vw;
  }
}
@media screen and (max-width: 600px) {
  div#sysHeader div.top_slider_renew div.sysContent ul.slick-slider div.draggable div.slick-track li.slick-slide {
    padding: 0 2.1333333333vw;
  }
}
div#sysHeader div.top_slider_renew div.sysContent ul.slick-slider button.slick-next {
  right: 15px;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  div#sysHeader div.top_slider_renew div.sysContent ul.slick-slider button.slick-next {
    right: 1.25vw;
  }
}
div#sysHeader div.page_head_bnr_renew {
  width: 100%;
  max-width: 1240px;
  padding: 40px 20px 0;
  margin: 0 auto;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  div#sysHeader div.page_head_bnr_renew {
    max-width: 103.3333333333vw;
    padding: 3.3333333333vw 1.6666666667vw 0;
  }
}
@media screen and (max-width: 600px) {
  div#sysHeader div.page_head_bnr_renew {
    padding: 2.6666666667vw 5.3333333333vw 0;
  }
}
div#sysHeader div.page_head_bnr_renew div.sysContent > ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
div#sysHeader div.page_head_bnr_renew div.sysContent > ul > li {
  width: calc((100% - 24px) / 2);
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  div#sysHeader div.page_head_bnr_renew div.sysContent > ul {
    gap: 2vw;
  }
  div#sysHeader div.page_head_bnr_renew div.sysContent > ul > li {
    width: calc((100% - 2vw) / 2);
  }
}
@media screen and (max-width: 600px) {
  div#sysHeader div.page_head_bnr_renew div.sysContent > ul {
    gap: 2vw;
  }
  div#sysHeader div.page_head_bnr_renew div.sysContent > ul > li {
    width: calc((100% - 2vw) / 2);
  }
}
div#sysHeader div.brand_link_bnr_renew {
  display: none;
}
@media screen and (max-width: 600px) {
  div#sysHeader div.brand_link_bnr_renew {
    display: block;
    padding: 2.6666666667vw 5.3333333333vw 5.3333333333vw;
  }
  div#sysHeader div.brand_link_bnr_renew div.sysContent > ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc((100% - 85.6vw) / 2);
  }
  div#sysHeader div.brand_link_bnr_renew div.sysContent > ul > li {
    width: 28.5333333333vw;
    height: 10.1333333333vw;
    border: 1px solid #000;
  }
  div#sysHeader div.brand_link_bnr_renew div.sysContent > ul > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 1.3333333333vw;
  }
  div#sysHeader div.brand_link_bnr_renew div.sysContent > ul > li > a > img {
    width: auto;
    height: 100%;
  }
  div#sysHeader div.brand_link_bnr_renew div.sysContent > ul > li:nth-child(1) a {
    padding: 3.2vw 1.3333333333vw 2.1333333333vw;
  }
  div#sysHeader div.brand_link_bnr_renew div.sysContent > ul > li:nth-child(3) a {
    padding: 2.6666666667vw 1.3333333333vw;
  }
}

@media screen and (max-width: 600px) {
  #sysAll #sysWrap {
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain .top_brand_link {
    padding-top: 2.6666666667vw;
    padding-bottom: 8vw;
  }
}
#sysAll #sysWrap #sysMain .brand_concept {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain .brand_concept {
    margin-top: 5.3333333333vw;
  }
}
#sysAll #sysWrap #sysMain div.recommend_items_block {
  margin-bottom: 0;
  padding-top: 40px;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  #sysAll #sysWrap #sysMain div.recommend_items_block {
    padding-top: 3.3333333333vw;
  }
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain div.recommend_items_block {
    padding-top: 0;
  }
}
#sysAll #sysWrap #sysMain div.recommend_items_block h2.sysHeadline {
  padding: 0;
  text-align: center;
  margin-bottom: 40px !important;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  #sysAll #sysWrap #sysMain div.recommend_items_block h2.sysHeadline {
    margin-bottom: 3.3333333333vw !important;
  }
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain div.recommend_items_block h2.sysHeadline {
    margin-bottom: 2.6666666667vw !important;
  }
}
#sysAll #sysWrap #sysMain div.recommend_items_block div.sysContent div.sysItemBlock ul.sysHorizontal {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 20px;
}
#sysAll #sysWrap #sysMain div.recommend_items_block div.sysContent div.sysItemBlock ul.sysHorizontal li {
  width: calc((100% - 80px) / 5);
  margin: 0;
}
#sysAll #sysWrap #sysMain div.recommend_items_block div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysItemImage {
  width: 100%;
  aspect-ratio: 4/5;
}
#sysAll #sysWrap #sysMain div.recommend_items_block div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysItemImage > a {
  display: block;
  width: 100%;
  height: 100%;
}
#sysAll #sysWrap #sysMain div.recommend_items_block div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysItemImage > a > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  #sysAll #sysWrap #sysMain div.recommend_items_block div.sysContent div.sysItemBlock ul.sysHorizontal {
    gap: 1.6666666667vw;
  }
  #sysAll #sysWrap #sysMain div.recommend_items_block div.sysContent div.sysItemBlock ul.sysHorizontal > li {
    width: calc((100% - 6.6666666667vw) / 5);
  }
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain div.recommend_items_block div.sysContent div.sysItemBlock ul.sysHorizontal {
    opacity: 0;
    width: 84.2666666667vw;
    margin: 0 auto;
    display: block;
  }
  #sysAll #sysWrap #sysMain div.recommend_items_block div.sysContent div.sysItemBlock ul.sysHorizontal.slick-initialized {
    opacity: 1;
  }
  #sysAll #sysWrap #sysMain div.recommend_items_block div.sysContent div.sysItemBlock ul.sysHorizontal li {
    width: 38.4vw;
    padding: 0 1.8666666667vw;
    margin-bottom: 0 !important;
    position: relative;
  }
  #sysAll #sysWrap #sysMain div.recommend_items_block div.sysContent div.sysItemBlock ul.sysHorizontal div.draggable {
    margin-top: 0 !important;
    overflow: visible;
  }
  #sysAll #sysWrap #sysMain div.recommend_items_block div.sysContent div.sysItemBlock ul.sysHorizontal div.draggable div.slick-track {
    display: flex;
  }
}
#sysAll #sysWrap #sysMain div.top_ranking_renew {
  margin-bottom: 0;
  padding-top: 80px;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  #sysAll #sysWrap #sysMain div.top_ranking_renew {
    padding-top: 6.6666666667vw;
  }
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain div.top_ranking_renew {
    padding-top: 8vw;
  }
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysHeadline {
  padding: 0;
  text-align: center;
  margin-bottom: 40px !important;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysHeadline {
    margin-bottom: 3.3333333333vw !important;
  }
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysHeadline {
    margin-bottom: 2.6666666667vw !important;
  }
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal {
  display: block;
  width: calc(100% + 20px);
  position: relative;
  left: -10px;
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li {
  padding: 0 10px;
  margin: 0;
  position: relative;
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysIconRank {
  width: 45px;
  height: 45px;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 1;
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysIconRank::before {
  display: block;
  font-family: "gotham-bold";
  font-size: 13px;
  line-height: 14px;
  letter-spacing: 0.025em;
  font-weight: 700;
  color: #000;
  position: absolute;
  top: 7px;
  left: 13px;
  z-index: 2;
  transform: translateX(-50%);
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysIconRank::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 45px solid #f4f4f4;
  border-right: 45px solid transparent;
  position: relative;
  z-index: 1;
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysIconRank > img {
  display: none;
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li:nth-child(1) div.sysIconRank::before {
  content: "1";
  color: #fff;
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li:nth-child(1) div.sysIconRank::after {
  border-top-color: #bca878;
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li:nth-child(2) div.sysIconRank::before {
  content: "2";
  color: #fff;
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li:nth-child(2) div.sysIconRank::after {
  border-top-color: #a8a8a8;
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li:nth-child(3) div.sysIconRank::before {
  content: "3";
  color: #fff;
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li:nth-child(3) div.sysIconRank::after {
  border-top-color: #947a60;
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li:nth-child(4) div.sysIconRank::before {
  content: "4";
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li:nth-child(5) div.sysIconRank::before {
  content: "5";
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li:nth-child(6) div.sysIconRank::before {
  content: "6";
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li:nth-child(7) div.sysIconRank::before {
  content: "7";
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li:nth-child(8) div.sysIconRank::before {
  content: "8";
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li:nth-child(9) div.sysIconRank::before {
  content: "9";
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li:nth-child(10) div.sysIconRank::before {
  content: "10";
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysItemImage {
  width: 100%;
  aspect-ratio: 4/5;
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysItemImage > a {
  display: block;
  width: 100%;
  height: 100%;
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysItemImage > a > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysItemPrArea {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysItemPrArea span.sysItemPr {
  margin: 0;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal {
    width: calc(100% + 1.6666666667vw);
    left: -0.8333333333vw;
  }
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li {
    padding: 0 0.8333333333vw;
  }
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysIconRank {
    width: 3.75vw;
    height: 3.75vw;
    left: 0.8333333333vw;
  }
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysIconRank::before {
    font-size: 1.0833333333vw;
    line-height: 1.1666666667vw;
    top: 0.5833333333vw;
    left: 1.0833333333vw;
  }
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysIconRank::after {
    border-top: 3.75vw solid #f4f4f4;
    border-right: 3.75vw solid transparent;
  }
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysItemPrArea {
    gap: 0.8333333333vw;
  }
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 3.7333333333vw;
    position: static;
    padding: 0 5.3333333333vw;
    overflow: auto hidden;
  }
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal::-webkit-scrollbar {
    display: none;
  }
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li {
    width: 38.4vw;
    padding: 0;
    margin: 0;
    flex-shrink: 0;
  }
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysIconRank {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    left: 0;
  }
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysIconRank::before {
    font-size: 3.2vw;
    line-height: 3.4666666667vw;
    top: 1.6vw;
    left: 3.2vw;
  }
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysIconRank::after {
    border-top: 10.6666666667vw solid #f4f4f4;
    border-right: 10.6666666667vw solid transparent;
  }
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysItemPrArea {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5333333333vw 2.1333333333vw;
  }
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal li div.sysItemPrArea span.sysItemPr {
    margin: 0;
  }
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal button.slick-arrow {
  border: none;
  border-radius: 0;
  width: 32px;
  height: 60px;
  background: rgba(255, 255, 255, 0.5);
  top: 34.3%;
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal button.slick-arrow.slick-disabled {
  opacity: 0;
  pointer-events: none;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal button.slick-arrow {
    width: 2.6666666667vw;
    height: 5vw;
  }
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal button.slick-prev {
  left: 10px;
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal button.slick-prev::before {
  width: 12px;
  height: 12px;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal button.slick-prev {
    left: 0.8333333333vw;
  }
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal button.slick-prev::before {
    width: 1vw;
    height: 1vw;
  }
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal button.slick-next {
  right: 10px;
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal button.slick-next::before {
  width: 12px;
  height: 12px;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal button.slick-next {
    right: 0.8333333333vw;
  }
  #sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal button.slick-next::before {
    width: 1vw;
    height: 1vw;
  }
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal div.draggable {
  margin-top: 0 !important;
}
#sysAll #sysWrap #sysMain div.top_ranking_renew div.sysContent div.sysItemBlock ul.sysHorizontal div.draggable div.slick-track {
  display: flex;
  margin-bottom: 2px;
}
#sysAll #sysWrap #sysMain .all_items {
  padding-top: 80px !important;
  margin: 0;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  #sysAll #sysWrap #sysMain .all_items {
    padding-top: 6.6666666667vw !important;
  }
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain .all_items {
    padding-top: 8vw !important;
  }
}
#sysAll #sysWrap #sysMain .all_items h2.sysHeadline {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain .all_items h2.sysHeadline {
    padding: 0 !important;
    margin-bottom: 2.6666666667vw !important;
  }
}
#sysAll #sysWrap #sysMain .all_items div.sysContent div.sysItemBlock ul.sysHorizontal {
  gap: 50px 20px;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  #sysAll #sysWrap #sysMain .all_items div.sysContent div.sysItemBlock ul.sysHorizontal {
    gap: 4.1666666667vw 1.6666666667vw;
  }
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain .all_items div.sysContent div.sysItemBlock ul.sysHorizontal {
    gap: 2.6666666667vw 0;
  }
}
#sysAll #sysWrap #sysMain .all_items div.sysContent div.sysItemBlock ul.sysHorizontal > li {
  width: calc((100% - 60px) / 4);
  margin: 0 !important;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  #sysAll #sysWrap #sysMain .all_items div.sysContent div.sysItemBlock ul.sysHorizontal > li {
    width: calc((100% - 5vw) / 4);
  }
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain .all_items div.sysContent div.sysItemBlock ul.sysHorizontal > li {
    width: 42.6666666667vw;
    margin-bottom: 0 !important;
  }
}
#sysAll #sysWrap #sysMain div.new_arrival_block {
  padding-top: 80px;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  #sysAll #sysWrap #sysMain div.new_arrival_block {
    padding-top: 6.6666666667vw;
  }
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain div.new_arrival_block {
    padding-top: 8vw;
  }
}
#sysAll #sysWrap #sysMain div.new_arrival_block div.sysContent div.sysItemBlock ul.sysHorizontal {
  gap: 50px 20px;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  #sysAll #sysWrap #sysMain div.new_arrival_block div.sysContent div.sysItemBlock ul.sysHorizontal {
    gap: 4.1666666667vw 1.6666666667vw;
  }
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain div.new_arrival_block div.sysContent div.sysItemBlock ul.sysHorizontal {
    gap: 2.6666666667vw 0;
  }
}
#sysAll #sysWrap #sysMain div.new_arrival_block div.sysContent div.sysItemBlock ul.sysHorizontal > li {
  width: calc((100% - 60px) / 4);
  margin: 0 !important;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  #sysAll #sysWrap #sysMain div.new_arrival_block div.sysContent div.sysItemBlock ul.sysHorizontal > li {
    width: calc((100% - 5vw) / 4);
  }
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain div.new_arrival_block div.sysContent div.sysItemBlock ul.sysHorizontal > li {
    width: 42.6666666667vw;
    margin-bottom: 0 !important;
  }
}
#sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list {
  width: calc(100% + 20px);
  position: relative;
  left: -10px;
  opacity: 0;
}
#sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list.slick-initialized {
  opacity: 1;
}
#sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list button.slick-arrow {
  border: none;
  border-radius: 0;
  width: 32px;
  height: 60px;
  background: rgba(255, 255, 255, 0.5);
  top: 40.4%;
}
#sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list button.slick-arrow.slick-disabled {
  opacity: 0;
  pointer-events: none;
}
#sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list button.slick-prev {
  left: 10px;
}
#sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list button.slick-prev::before {
  width: 12px;
  height: 12px;
}
#sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list button.slick-next {
  right: 10px;
}
#sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list button.slick-next::before {
  width: 12px;
  height: 12px;
}
#sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list div.slick-list {
  margin-top: 40px !important;
}
#sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list div.slick-list div.slick-track li.slick-slide {
  padding: 0 10px;
}
#sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list div.slick-list div.slick-track li.slick-slide > a .img_wrap {
  display: block;
  margin-bottom: 15px;
  width: 100%;
  aspect-ratio: 235/294;
}
#sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list div.slick-list div.slick-track li.slick-slide > a .img_wrap img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list div.slick-list div.slick-track li.slick-slide div.theme_ttl {
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list div.slick-list div.slick-track li.slick-slide div.theme_date {
  margin: 8px 0 0;
  font-size: 10px;
  line-height: 1.1;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  #sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list {
    width: calc(100% + 1.6666666667vw);
    left: -0.8333333333vw;
  }
  #sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list button.slick-arrow {
    width: 2.6666666667vw;
    height: 5vw;
  }
  #sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list button.slick-prev {
    left: 0.8333333333vw;
  }
  #sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list button.slick-prev::before {
    width: 1vw;
    height: 1vw;
  }
  #sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list button.slick-next {
    right: 0.8333333333vw;
  }
  #sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list button.slick-next::before {
    width: 1vw;
    height: 1vw;
  }
  #sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list div.slick-list {
    margin-top: 3.3333333333vw !important;
  }
  #sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list div.slick-list div.slick-track li.slick-slide {
    padding: 0 0.8333333333vw;
  }
  #sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list div.slick-list div.slick-track li.slick-slide > a .img_wrap {
    margin-bottom: 1.25vw;
  }
  #sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list div.slick-list div.slick-track li.slick-slide div.theme_ttl {
    font-size: 1.25vw;
  }
  #sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list div.slick-list div.slick-track li.slick-slide div.theme_date {
    margin: 0.6666666667vw 0 0;
    font-size: 0.8333333333vw;
  }
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list {
    width: 100%;
    left: 0;
    display: flex;
    padding: 2.6666666667vw 5.3333333333vw 1.3333333333vw;
    gap: 3.7333333333vw;
    overflow-x: auto;
    opacity: 1;
  }
  #sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list::-webkit-scrollbar {
    display: none;
  }
  #sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list > li {
    flex-shrink: 0;
    width: 38.9333333333vw;
    padding: 0;
  }
  #sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list > li > a div.img_wrap {
    margin-bottom: 4.8vw;
  }
  #sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list > li div.theme_ttl {
    font-size: 13px;
  }
  #sysAll #sysWrap #sysMain .news_thumb_list_renew ul.news_list > li div.theme_date {
    margin: 8px 0 0;
    font-size: 10px;
  }
}
#sysAll #sysWrap #sysMain .brand_news {
  padding-top: 80px !important;
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain .brand_news {
    padding-top: 8vw !important;
  }
}
#sysAll #sysWrap #sysMain .brand_news h2.sysHeadline {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain .brand_news h2.sysHeadline {
    padding: 0;
    margin-bottom: 2.6666666667vw !important;
  }
}
#sysAll #sysWrap #sysMain .staff_styling,
#sysAll #sysWrap #sysMain .staff_styling_all,
#sysAll #sysWrap #sysMain .checked_items_block {
  padding-top: 80px !important;
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain .staff_styling,
  #sysAll #sysWrap #sysMain .staff_styling_all,
  #sysAll #sysWrap #sysMain .checked_items_block {
    padding-top: 8vw !important;
  }
}
#sysAll #sysWrap #sysMain .staff_styling h2.sysHeadline,
#sysAll #sysWrap #sysMain .staff_styling_all h2.sysHeadline,
#sysAll #sysWrap #sysMain .checked_items_block h2.sysHeadline {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain .staff_styling h2.sysHeadline,
  #sysAll #sysWrap #sysMain .staff_styling_all h2.sysHeadline,
  #sysAll #sysWrap #sysMain .checked_items_block h2.sysHeadline {
    padding: 0;
    margin-bottom: 2.6666666667vw !important;
  }
}
#sysAll #sysWrap #sysMain .staff_styling div.sysContent ul,
#sysAll #sysWrap #sysMain .staff_styling_all div.sysContent ul,
#sysAll #sysWrap #sysMain .checked_items_block div.sysContent ul {
  gap: 50px 20px;
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain .staff_styling div.sysContent ul,
  #sysAll #sysWrap #sysMain .staff_styling_all div.sysContent ul,
  #sysAll #sysWrap #sysMain .checked_items_block div.sysContent ul {
    gap: 9.3333333333vw 0;
  }
}
#sysAll #sysWrap #sysMain .staff_styling div.sysContent ul > li,
#sysAll #sysWrap #sysMain .staff_styling_all div.sysContent ul > li,
#sysAll #sysWrap #sysMain .checked_items_block div.sysContent ul > li {
  width: calc((100% - 60px) / 4) !important;
  margin-right: 0 !important;
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain .staff_styling div.sysContent ul > li,
  #sysAll #sysWrap #sysMain .staff_styling_all div.sysContent ul > li,
  #sysAll #sysWrap #sysMain .checked_items_block div.sysContent ul > li {
    width: 42.6666666667vw !important;
    margin-right: 0 !important;
    margin-bottom: 0;
  }
}
#sysAll #sysWrap #sysMain .common_btn {
  margin: 30px auto 0;
}
#sysAll #sysWrap #sysMain .common_btn.viewall_new_arrival {
  margin-bottom: 80px;
}
@media screen and (max-width: 600px) {
  #sysAll #sysWrap #sysMain .common_btn {
    margin: 5.3333333333vw auto 0;
  }
  #sysAll #sysWrap #sysMain .common_btn.viewall_new_arrival {
    margin-bottom: 8vw;
  }
}