@charset "utf-8";
/* CSS Document */

#wrap {
  width: 670px;
}

.smallimage {
  background-color: #fff;
  border: 1px solid #CCC;
  padding: 3px;
}

#toplink2 ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

#toplink2 li {
  text-align: center;
  margin: 0px 45px;
}

#toplink2 li a {
  text-decoration: none;

}

#toplink3 ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

#toplink3 ul.kid_pants_p {
  margin-bottom: 0;
}

#toplink3 li {
  text-align: center;
  margin: 5px 18px;
}

#toplink3 li a {
  text-decoration: none;

}

/* １列表示 */
.toplink4 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 0;
}

.toplink4 ul li {
  text-align: center;
  margin: 5px;
}

.toplink4-img {
  width: 158px;
  height: auto;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

/* １列表示ここまで */




.sale-list li {
  position: relative;
}


#original .smallimage {
  border: none;
}

.price2 {
  font-size: 15px;
  margin: 10px 0;
}



/*soldoutのポジション*/
#toplink2,
#toplink2 li,
#toplink3 li,
.boxB li {
  position: relative;
}

#toplink2 .soldout:before {
  position: absolute;
  content: "";
  width: 70%;
  max-width: 100%;
  height: 20%;
  left: 50%;
  top: 42%;
  transform: translate(-50%);
  z-index: 1;
  background: url(../img/sale/soldout.png) no-repeat center/ cover;
  display: block;
  background-size: contain;
}

#toplink2 .soldout2:before {
  position: absolute;
  content: "";
  width: 76%;
  max-width: 100%;
  height: 16%;
  left: 50%;
  top: 42%;
  transform: translate(-50%);
  z-index: 1;
  background: url(../img/sale/soldout.png) no-repeat center/ cover;
  display: block;
}

#toplink2 .soldout5:before {
  position: absolute;
  content: "";
  width: 76%;
  max-width: 100%;
  height: 20%;
  left: 50%;
  top: 42%;
  transform: translate(-50%);
  z-index: 1;
  background: url(../img/sale/soldout.png) no-repeat center/ cover;
  display: block;
}

#toplink2 .soldout8:before {
  position: absolute;
  content: "";
  width: 80%;
  max-width: 100%;
  height: 18%;
  left: 50%;
  top: 42%;
  transform: translate(-50%);
  z-index: 1;
  background: url(../img/sale/soldout.png) no-repeat center/ cover;
  display: block;
}

#toplink2 .soldout7:before {
  position: absolute;
  content: "";
  width: 73%;
  height: 28px;
  left: -30%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: url(../img/sale/soldout7.png) no-repeat center/ cover;
  display: block;
}

#toplink2 .soldout9:before {
  position: absolute;
  content: "";
  width: 80%;
  height: 75px;
  left: 54%;
  top: 25%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: url(../img/sale/soldout9.png) no-repeat center/ cover;
  display: block;
}




#toplink3 .soldout:before {
  position: absolute;
  content: "";
  width: 83%;
  max-width: 100%;
  height: 22%;
  left: 50%;
  top: 38%;
  transform: translate(-50%);
  z-index: 1;
  background: url(../img/sale/soldout.png) no-repeat center / contain;
  display: block;
}

#toplink3 .soldout10:before {
  position: absolute;
  content: "";
  width: 83%;
  max-width: 100%;
  height: 22%;
  left: 50%;
  top: 38%;
  transform: translate(-50%);
  z-index: 1;
  background: url(https://ros-cdn.s3.ap-northeast-1.amazonaws.com/hp/img/ros_keiyaku/9377/soldout10.png) no-repeat center / contain;
  display: block;
}

#toplink3 .soldout16:before {
  position: absolute;
  content: "";
  width: 83%;
  max-width: 100%;
  height: 22%;
  left: 50%;
  top: 38%;
  transform: translate(-50%);
  z-index: 1;
  background: url(https://ros-cdn.s3.ap-northeast-1.amazonaws.com/hp/img/ros_keiyaku/9377/soldout16.png) no-repeat center / contain;
  display: block;
}


#toplink3 .soldouts:before {
  position: absolute;
  content: "";
  width: 40%;
  max-width: 100%;
  height: 10%;
  left: 91%;
  top: 64%;
  transform: translate(-50%);
  z-index: 1;
  background: url(../img/sale/soldouts.png) no-repeat center/ cover;
  display: block;
}


#toplink3 .soldout2:before {
  position: absolute;
  content: "";
  width: 73%;
  height: 28px;
  left: -30%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: url(../img/sale/soldout2.png) no-repeat center/ cover;
  display: block;
}

#toplink3 .soldout3:before {
  position: absolute;
  content: "";
  width: 100%;
  max-width: 100%;
  height: 22%;
  left: 50%;
  top: 38%;
  transform: translate(-50%);
  z-index: 1;
  background: url(../img/sale/soldout.png) no-repeat center/ cover;
  display: block;
}

#toplink3 .soldout4:before {
  position: absolute;
  content: "";
  width: 87%;
  max-width: 100%;
  height: 22%;
  left: 50%;
  top: 38%;
  transform: translate(-50%);
  z-index: 1;
  background: url(../img/sale/soldout.png) no-repeat center/ cover;
  display: block;
}

#toplink3 .soldout13:before {
  position: absolute;
  content: "";
  /*width: 62%;*/
  width: 65%;
  max-width: 100%;
  height: 22%;
  left: 43%;
  top: 38%;
  transform: translate(-50%);
  z-index: 1;
  background: url(../img/sale/soldout13.png) no-repeat center/ cover;
  display: block;
}

#toplink2 .soldouts:before {
  position: absolute;
  content: "";
  width: 100%;
  max-width: 100%;
  height: 22%;
  left: 50%;
  top: 35%;
  transform: translate(-50%);
  z-index: 1;
  background: url(../img/sale/soldout.png) no-repeat center/ cover;
  display: block;
}

#toplink2 .soldout3:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 23px;
  left: 134%;
  top: 21%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: url(../img/sale/soldout3.png) no-repeat center/ cover;
  display: block;
}

#toplink2 .soldout10:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 23px;
  left: 105%;
  top: 61%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: url(../img/sale/soldout3.png) no-repeat center/ cover;
  display: block;
}

#toplink2 .soldout4:before {
  position: absolute;
  content: "";
  width: 34%;
  height: 26px;
  left: 95%;
  top: 25%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: url(../img/sale/soldouts.png) no-repeat center/ cover;
  display: block;
}

#toplink2 .soldout14:before {
  position: absolute;
  content: "";
  width: 58%;
  height: 56px;
  left: 87%;
  top: 25%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: url(../img/sale/soldout12.png) no-repeat center/ cover;
  display: block;
}

#toplink3 .soldout5:before {
  position: absolute;
  content: "";
  width: 90%;
  height: 27px;
  right: -62%;
  top: 77%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: url(../img/sale/soldout3.png) no-repeat center/ cover;
  display: block;
}

#toplink2 .soldout6:before,
#toplink3 .soldout6:before,
position: absolute;
content: "";
width: 100%;
max-width: 100%;
height: 50%;
left: 50%;
top: 25%;
transform: translate(-50%);
z-index: 1;
background: url(../img/sale/soldout4.png) no-repeat center/ cover;
display: block;
}



.boxB .soldout6:before {
  position: absolute;
  content: "";
  width: 100%;
  max-width: 100%;
  height: 50%;
  left: 50%;
  top: 25%;
  transform: translate(-50%);
  z-index: 1;
  background: url(../img/sale/soldout4.png) no-repeat center/ cover;
  display: block;
}

#toplink3 .soldout7:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 85%;
  left: 45%;
  top: 55%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: url(../img/sale/soldout5.png) no-repeat center/ cover;
  display: block;
}

#toplink3 .soldout12:before {
  position: absolute;
  content: "";
  width: 62%;
  max-width: 100%;
  height: 18%;
  left: 48%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  background: url(../img/sale/soldout.png) no-repeat center/ cover;
  display: block;
}

#toplink3 .soldout11:before {
  position: absolute;
  content: "";
  width: 70%;
  max-width: 100%;
  height: 53%;
  left: 48%;
  top: 45%;
  transform: translate(-50%, -50%);
  z-index: 100;
  background: url(../img/sale/soldout11.png) no-repeat center/ cover;
  display: block;
}

#toplink3 .soldout15:before {
  position: absolute;
  content: "";
  width: 70%;
  max-width: 100%;
  height: 53%;
  left: 78%;
  top: 6%;
  transform: translate(-50%, -50%);
  z-index: 100;
  background: url(../img/sale/soldout6.png) no-repeat center/ cover;
  display: block;
}

.boxB .soldout8:before {
  position: absolute;
  content: "";
  width: 56%;
  max-width: 100%;
  height: 50%;
  left: 50%;
  top: 25%;
  transform: translate(-50%);
  z-index: 1;
  background: url(../img/sale/soldout4.png) no-repeat center/ cover;
  display: block;
}

.boxB .soldout9:before {
  position: absolute;
  content: "";
  width: 75%;
  max-width: 100%;
  height: 50%;
  left: 48%;
  top: 25%;
  transform: translate(-50%);
  z-index: 1;
  background: url(../img/sale/soldout6.png) no-repeat center/ cover;
  display: block;
}

.boxB .soldout11:before {
  position: absolute;
  content: "";
  width: 75%;
  max-width: 100%;
  height: 50%;
  left: 79%;
  top: -9%;
  transform: translate(-50%);
  z-index: 1;
  background: url(../img/sale/soldout6.png) no-repeat center/ cover;
  display: block;
}






/*newimgのポジション*/
.sale-list li .newimg:before {
  position: absolute;
  content: "";
  width: 20%;
  height: 14px;
  left: 14%;
  top: 9.7%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: url(../img/new.gif) no-repeat center/ cover;
  display: block;
}


/*オリジナルバッグのポジション*/
#toplink2 .sale_bag1:before {
  position: absolute;
  content: "";
  width: 50%;
  height: 50%;
  right: -52%;
  top: 86%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: url(../img/sale/200819/001_2.png) no-repeat center/ cover;
  display: block;
}

#toplink2 .sale_bag2:before {
  position: absolute;
  content: "";
  width: 50%;
  height: 50%;
  right: -52%;
  top: 86%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: url(../img/sale/200819/002_2.png) no-repeat center/ cover;
  display: block;
}

#toplink2 .sale_bag3:before {
  position: absolute;
  content: "";
  width: 50%;
  height: 50%;
  right: -52%;
  top: 99%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: url(../img/sale/200819/003_2.png) no-repeat center/ cover;
  display: block;
}

#toplink2 .sale_bag4:before {
  position: absolute;
  content: "";
  width: 50%;
  height: 50%;
  right: -52%;
  top: 99%;
  transform: translate(-50%, -50%);
  z-index: 1;

  display: block;
}

.img-fit {
  width: 220px;
  height: 220px;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

.boxe {
  width: 685px;
  margin-bottom: 15px;
  background-image: url(img/bo.png);
  background-repeat: repeat;
  padding-top: 20px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
}

.boxe ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}


.boxe ul li {
  padding: 3px;
  width: 153px;
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 0px;
  margin-left: 5px;
  float: left;
}

.img-fit2 {
  width: 220px;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

.red-border {
  padding: 20px 15px;
  border: 2px solid #b70944;
  border-radius: 10px;
}

@media screen and (max-width: 767px) {
  .sp-title {
    font-size: 8px;
  }
}