/*==============
color
================*/
.lp-categoryListTab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 30px auto 10px;
  width: 700px;
}

.lp-categoryListTabM,
.lp-categoryListTabB {
  width: calc((100% - 4px) / 2);
  margin: 0 2px;
}

.lp-categoryListTabM a,
.lp-categoryListTabB a {
  display: block;
  padding: 15px 10px;
  border: solid #ccc 1px;
  font-weight: bold;
}

.lp-categoryListTitle {
  padding: 15px 10px 15px 20px;
  background: #f5f5f5;
  text-align: left;
  font-weight: bold;
}

.lp-categoryList {
  margin: 0 auto 50px;
  width: 1100px;
}

.lp-categoryList .side-category {
  display: block;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
}

.lp-categoryList .side-category__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.lp-categoryList .side-category__item {
  width: 50%;
  text-align: left;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lp-categoryList .side-category__item:nth-child(2n+1):last-child {
  width: 100%;
}

.lp-categoryList .side-category__link {
  text-align: left;
  padding: 13px 8px 13px 20px;
  display: block;
  font-size: 12px;
  line-height: 1.5;
  position: relative;
}

.lp-categoryList .side-category__item:before {
  content: "";
  width: 98%;
  height: 1px;
  background-color: #e7e7e7;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.lp-categoryList .side-category__item:after {
  content: "";
  width: 1px;
  height: 80%;
  background-color: #e7e7e7;
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.lp-categoryList .side-category__item:nth-child(even)::after,
.lp-categoryList .side-category__item:last-child::after {
  content: initial;
}

.lp-categoryList .side-category__category-name {
  font-size: 13px;
  padding: 20px 17px 20px 55px;
  text-align: left;
  font-weight: normal;
  background-color: #ffffff;
  position: relative;
}

.lp-categoryList .side-category__list {
  background-color: #f7f7f7;
}

.lp-categoryList .side-category__link::before {
  content: initial;
}

.lp-categoryList .side-category__category-name::after {
  content: initial;
}

.lp-categoryList .side-category__category-name::before {
  content: "";
  width: 35px;
  height: 35px;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  background-size: contain;
  border-radius: 100px;
}

.lp-categoryList .maternityCategory-1::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_restock.jpg");
}

.lp-categoryList .maternityCategory-2::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_new.png");
}

.lp-categoryList .maternityCategory-3::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_onepiece.png");
}

.lp-categoryList .maternityCategory-4::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_bra.jpg");
}

.lp-categoryList .maternityCategory-5::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_j_tops.jpg");
}

.lp-categoryList .maternityCategory-6::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_pajamas.png");
}

.lp-categoryList .maternityCategory-7::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_formal.jpg");
}

.lp-categoryList .maternityCategory-8::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_cream.jpg");
}

.lp-categoryList .maternityCategory-9::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_bag.jpg");
}

.lp-categoryList .maternityCategory-10::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_tights.jpg");
}

.lp-categoryList .maternityCategory-11::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_case.jpg");
}

.lp-categoryList .maternityCategory-12::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/cate_icon__femtech.jpg");
}

.lp-categoryList .maternityCategory-13::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_other.png");
}

.lp-categoryList .babyCategory-1::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_b_hadagi.jpg");
}

.lp-categoryList .babyCategory-2::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_b_hadagi.jpg");
}

.lp-categoryList .babyCategory-3::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_b_onepiece.jpg");
}

.lp-categoryList .babyCategory-4::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_b_dress.jpg");
}

.lp-categoryList .babyCategory-5::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_b_blanket.jpg");
}

.lp-categoryList .babyCategory-6::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_b_season.jpg");
}

.lp-categoryList .babyCategory-7::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_b_consumerelectronics.jpg");
}

.lp-categoryList .babyCategory-8::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_childseat.png");
}

.lp-categoryList .babyCategory-9::before {
  background-image: url("https://www.angeliebe.co.jp/images/banner/category_slider_b_stroller.jpg");
}

.lp-categoryList .babyCategory-10::before {
  background-image: url("https://placehold.jp/b52121/ffffff/50x500.png");
}

.lp-categoryList .plus {
  position: absolute;
  right: 15px;
  top: 35%;
  width: 15px;
  height: 15px;
}

.lp-categoryList .plus::before,
.lp-categoryList .plus::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 1px;
  background-color: #333;
  position: absolute;
  /* right: 20px;*/
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.lp-categoryList .plus::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.lp-categoryList .active .plus::before {
  opacity: 0;
}

.lp-categoryList .active .plus::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.maternityCategory-2,
.babyCategory-1 {
  display: none;
}/*# sourceMappingURL=style_pc.css.map */