/* common */
.categorylist_aspx .ProductListHeader {
  /*border-top: 1px solid #ccc;*/
}

.ProductListHeader {
  display: flex;
  flex-direction: row-reverse;
  padding: 30px 0 30px 0;
  font-size: 1em;
  background-color: transparent;
  color: #333;
}
.ProductListHeader .list_selectbox {
  overflow: hidden;
  display: inline-block;
  position: relative;
  padding-left: 0.5em;
  font-size: 1.1em;
}
.ProductListHeader .list_selectbox select {
  position: relative;
  width: 100%;
  padding: 0 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border: none;
  color: #333;
  font-size: 14px;
  line-height: 21px;
  cursor: pointer;
  background: #FFF;
}
.ProductListHeader i {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  left: 0;
}
.ProductListHeader i.fa {
  display: inline-block;
  width: 10px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: left center;
  vertical-align: middle;
}
.ProductListHeader .chencgeLyout_btn {
  display: none;
}

.pagination {
  margin-right: auto;
}
.pagination .item-position span.itemCount {
  font-size: 1.3em;
  font-weight: bold;
  display: inline-block;
  margin: 0 5px;
}
.pagination .PageLink {
  display: none;
}

.ProductListFooter {
  background-color: transparent;
  color: #333;
  padding: 0;
}
.ProductListFooter .pagination {
  margin: 20px 0;
  display: flex;
  justify-content: center;
  width: 100%;
}
.ProductListFooter .pagination .pagenumber {
  display: flex;
  margin-bottom: 40px;
}
.ProductListFooter .pagination .pagenumber li a {
  background-color: #b5b5b5;
  color: #fff;
  margin: 0 5px;
  padding: 9px 11px;
  border-radius: 5px;
  display: block;
}
.ProductListFooter .pagination .pagenumber li.current a {
  background-color: #f24e64;
}
.ProductListFooter .pagination .pagearrows a {
  background-color: #b5b5b5;
  color: #fff;
  margin: 0 5px;
  padding: 9px 10px;
  border-radius: 5px;
}

/* --------------------------------
        productList
-------------------------------- */
/* meincolmn */
.culumnWrap {
  /*padding-top: 2em; */
  padding-top: 10px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.culumnWrap .main {
  width: 80%;
  max-width: 960px;
  box-sizing: border-box;
  padding-left: 40px;
  /*.categorylvCF000101{ @include img("category/category_skincare.png"); background-color: #e1e2d9; padding:50px 20px;}
  .categorylvCF000114{ @include img("category/category_basemake.png"); background-color: #efedde; padding:50px 20px;}
  .categorylvCF000122{ @include img("category/category_pointmake.png"); background-color: #f4dbde; padding:50px 20px;}
  .categorylvCF000130{ @include img("category/category_body.png"); background-color: #f5eae6; padding:50px 20px;}*/
}
.culumnWrap .main .itemcategory_head {
  text-align: left;
  /*@include img("category/category_basemake.png"); */
  background-color: #ebebeb;
  padding: 50px 60px;
  box-sizing: border-box;
  margin-bottom: 40px;
}
.culumnWrap .main .itemcategory_head .categoryimg_head .categorytit_txt_img {
  width: auto;
  max-width: 100%;
  height: auto;
  line-height: 1em;
  margin-bottom: 1em;
}
.culumnWrap .main .itemcategory_head .categoryimg_head p.categorytit_txt {
  font-size: 30px;
  line-height: 1em;
  margin-bottom: 0.5em;
}
.culumnWrap .main .itemcategory_head .categoryimg_head p.categorytit_txt + span {
  color: #727272;
  font-size: 15px;
  display: block;
  margin-bottom: 30px;
}
.culumnWrap .main .itemcategory_head.categorylvCF000138 {
  background-image: url(/store/u_page/img/page_category/category_img/img_topcate_missharevolution.png);
  background-color: #ede4f4;
  box-sizing: border-box;
  background-position: 95% center;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
}
.culumnWrap .main .itemcategory_head.categorylvCF000133 {
  background-image: url(/store/u_page/img/page_category/category_img/img_topcate_missha.png);
  background-color: #f9ecd9;
  background-position: 95% center;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
}
.culumnWrap .main .itemcategory_head.categorylvCF000143 {
  background-image: url(/store/u_page/img/page_category/category_img/img_topcate_superaqua.png);
  background-color: #e4f4f9;
  background-position: 95% center;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
}
.culumnWrap .main .itemcategory_head.categorylvCF000144 {
  background-image: url(/store/u_page/img/page_category/category_img/img_topcate_nearskin.png);
  background-color: #edf4dc;
  background-position: 95% center;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
}
.culumnWrap .main .itemcategory_head.categorylvCF000101 {
  background-image: url(/store/u_page/img/page_category/category_img/img_topcate_skincare.png);
  background-color: #e6eef4;
  background-position: 95% center;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
}
.culumnWrap .main .itemcategory_head.categorylvCF000101 .categorytit_txt {
  display: none;
}
.culumnWrap .main .itemcategory_head.categorylvCF000114 {
  background-image: url(/store/u_page/img/page_category/category_img/img_topcate_basemakeup.png);
  background-color: #f9e8d9;
  background-position: 95% center;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
}
.culumnWrap .main .itemcategory_head.categorylvCF000114 .categorytit_txt {
  display: none;
}
.culumnWrap .main .itemcategory_head.categorylvCF000122 {
  background-image: url(/store/u_page/img/page_category/category_img/img_topcate_pointmakeup.png);
  background-color: #f9e1eb;
  background-position: 95% center;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
}
.culumnWrap .main .itemcategory_head.categorylvCF000122 .categorytit_txt {
  display: none;
}
.culumnWrap .main .itemcategory_head.categorylvCF000130 {
  background-image: url(/store/u_page/img/page_category/category_img/img_topcate_body.png);
  background-color: #efe5da;
  background-position: 95% center;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
}
.culumnWrap .main .itemcategory_head.categorylvCF000130 .categorytit_txt {
  display: none;
}
.culumnWrap .main .tag_category ul {
  display: flex;
  padding: 0 0 0 0;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.culumnWrap .main .tag_category ul li {
  margin-bottom: 2em;
  padding-right: 1em;
}
.culumnWrap .main .tag_category ul li a {
  padding: 0.7em 1em;
  border-radius: 5px;
  border: 1px solid #333;
}
.culumnWrap .main .tag_category ul li a.current {
  background-color: #eee;
}
.culumnWrap .main .tag_category ul:after {
  content: none;
}
.culumnWrap .main ul.itemList li {
  width: 30%;
  margin: 0 1.5% 4% 1.5%;
}
.culumnWrap .main #category_head2-group-2 .categorytit_txt,
.culumnWrap .main #category_head2-group-1 .categorytit_txt,
.culumnWrap .main #category_head2-group-4 .categorytit_txt,
.culumnWrap .main #category_head2-group-3 .categorytit_txt,
.culumnWrap .main #category_head3-group-9 .categorytit_txt,
.culumnWrap .main #category_head2-category-1 .categorytit_txt {
  display: none;
}
.culumnWrap .main p.date {
  display: none;
}

@media screen and (max-width: 1200px) {
  .culumnWrap {
    padding: 10px 15px 0 15px;
    box-sizing: border-box;
  }
}
/*zantei*/
.itemcategory_head {
  /*text-align: left; @include img("category/category_basemake.png"); background-color: #e1e2d9; */
}
.itemcategory_head .categoryimg_head p.categorytit_txt {
  font-size: 30px;
  line-height: 1em;
  margin-bottom: 30px;
}
.itemcategory_head .categoryimg_head p.categorytit_txt + span {
  color: #727272;
  font-size: 15px;
  display: block;
  margin-bottom: 30px;
}

.tag_category ul {
  display: flex;
  padding: 0 0 0 0;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tag_category ul li {
  margin-bottom: 2em;
}
.tag_category ul li a {
  padding: 0.7em 1em;
  border-radius: 5px;
  border: 1px solid #333;
}
.tag_category ul li a.current {
  background-color: #eee;
}