.draina-top-text {
  font-family: "Noto Serif JP";
  font-weight: 400;
  font-size: 21px;
  letter-spacing: 0.2em;
  line-height: 60px;
  text-align: center;
  color: #000;
}

.bg-topdraina {
  background-color: #f2f2f2 !important;
}

.bg-top {
  background-color: rgba(245, 242, 242, 1) !important;
}
.dsstext {
  font-family: "Noto Serif JP";
  font-weight: 500;
  font-size: 21px;
  letter-spacing: 0.4em;
  text-align: center;
  color: #fff;
}

.itemlist {
  font-family: "Noto Serif JP";
  font-weight: 900;
  font-size: 30px;
  letter-spacing: 0.2em;
  text-align: center;
  color: #000;
}

.itemlist2 {
  font-family: "Noto Serif JP";
  font-weight: normal;
  font-size: 20px;
  letter-spacing: 0.2em;
  text-align: center;
  color: #000;
}

#dpl-item {
  position: relative;
  width: 743px;
  height: 646px;
  overflow: visible;
}

#ds-title1 {
  left: 485px;
  top: 1px;
  position: absolute;
  overflow: visible;
  width: 237px;
  white-space: nowrap;
  text-align: center;
  font-family: Noto Serif JP;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  color: rgba(0, 0, 0, 1);
  letter-spacing: 1px;
}

#ds-titleline {
  fill: transparent;
  stroke: rgba(112, 112, 112, 1);
  stroke-width: 1px;
  stroke-linejoin: miter;
  stroke-linecap: butt;
  stroke-miterlimit: 4;
  shape-rendering: auto;
}

.ds-titleline {
  overflow: visible;
  position: absolute;
  width: 271.573px;
  height: 1px;
  left: 468.5px;
  top: 56.551px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.ds-title2 {
  left: 480px;
  top: 67px;
  position: absolute;
  overflow: visible;
  width: 231px;
  white-space: nowrap;
  line-height: 29px;
  margin-top: -8.5px;
  text-align: center;
  font-family: Noto Serif JP;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  color: rgba(0, 0, 0, 1);
  letter-spacing: 1px;
}

#ds-detail {
  left: 466px;
  top: 113px;
  position: absolute;
  overflow: visible;
  width: 277px;
  white-space: nowrap;
  line-height: 36px;
  margin-top: -9px;
  text-align: center;
  font-family: Noto Serif JP;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  color: rgba(0, 0, 0, 1);
  letter-spacing: 1px;
}

#ds-sizebox {
  fill: rgba(0, 0, 0, 1);
}

.ds-sizebox {
  position: absolute;
  overflow: visible;
  width: 272px;
  height: 46px;
  left: 471px;
  top: 297px;
}

#ds-size {
  left: 554px;
  top: 315px;
  position: absolute;
  overflow: visible;
  width: 103px;
  white-space: nowrap;
  margin-top: -9.5px;
  text-align: center;
  font-family: Noto Serif JP;
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  color: rgba(255, 255, 255, 1);
  letter-spacing: 1px;
}

#dpl-itemimg1 {
  position: absolute;
  width: 30.991px;
  height: 45.813px;
  left: 588px;
  top: 231.955px;
  overflow: visible;
}

#dpl-itemimg2 {
  position: absolute;
  width: 30.991px;
  height: 45.813px;
  left: 0px;
  top: 0px;
  overflow: visible;
}

#dhc-itemimg1 {
  position: absolute;
  width: 30.938px;
  height: 55px;
  left: 589.531px;
  top: 227px;
  overflow: visible;
}
#dhc-itemimg2 {
  position: absolute;
  width: 30.938px;
  height: 55px;
  left: 0px;
  top: 0px;
  overflow: visible;
}

#dab-itemimg1 {
  position: absolute;
  width: 40.207px;
  height: 40.487px;
  left: 589.531px;
  top: 235px;
  overflow: visible;
}
#dab-itemimg2 {
  position: absolute;
  width: 40.207px;
  height: 40.487px;
  left: 0px;
  top: 0px;
  overflow: visible;
}

#ds-sizeimg1 {
  position: absolute;
  width: 187.084px;
  height: 84.433px;
  left: 513.598px;
  top: 380.567px;
  overflow: visible;
}

#ds-sizeimg2 {
  position: absolute;
  width: 187.084px;
  height: 84.433px;
  left: 0px;
  top: 0px;
  overflow: visible;
}

#dab-sizeimg1 {
  position: absolute;
  width: 187.084px;
  height: 38.613px;
  left: 509.458px;
  top: 386.013px;
  overflow: visible;
}
#dab-sizeimg2 {
  position: absolute;
  width: 187.084px;
  height: 38.613px;
  left: 0px;
  top: 0px;
  overflow: visible;
}

#ds-img {
  position: absolute;
  width: 365px;
  height: 465px;
  left: 0px;
  top: 0px;
  overflow: visible;
}

#dpl-badge {
  fill: rgba(134, 178, 255, 1);
}

.dpl-badge {
  position: absolute;
  overflow: visible;
  width: 130px;
  height: 37px;
  left: 228px;
  top: 414px;
}

#dpl-badgetitle {
  left: 250px;
  top: 438px;
  position: absolute;
  overflow: visible;
  width: 87px;
  white-space: nowrap;
  margin-top: -18.5px;
  text-align: center;
  font-family: Noto Serif JP;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  letter-spacing: 1px;
}

#dhc-badge {
  fill: rgba(255, 147, 196, 1);
}
.dhc-badge {
  position: absolute;
  overflow: visible;
  width: 130px;
  height: 37px;
  left: 229px;
  top: 413px;
}
#dhc-badgetitle {
  left: 242px;
  top: 438px;
  position: absolute;
  overflow: visible;
  width: 105px;
  white-space: nowrap;
  margin-top: -18.5px;
  text-align: center;
  font-family: Noto Serif JP;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  letter-spacing: 1px;
}

#dsf-badge {
  fill: rgba(248, 182, 45, 1);
}
.dsf-badge {
  position: absolute;
  overflow: visible;
  width: 130px;
  height: 37px;
  left: 229px;
  top: 413px;
}
#dsf-badgetitle {
  left: 237px;
  top: 438px;
  position: absolute;
  overflow: visible;
  width: 105px;
  white-space: nowrap;
  margin-top: -18.5px;
  text-align: center;
  font-family: Noto Serif JP;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  letter-spacing: 1px;
}

#dab-badge {
  fill: rgba(202, 111, 128, 1);
}
.dab-badge {
  position: absolute;
  overflow: visible;
  width: 130px;
  height: 37px;
  left: 228px;
  top: 414px;
}
#dab-badgetitle {
  left: 242px;
  top: 421px;
  position: absolute;
  overflow: visible;
  width: 103px;
  white-space: nowrap;
  line-height: 53px;
  margin-top: -18.5px;
  text-align: center;
  font-family: Noto Serif JP;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  letter-spacing: 1px;
}

#ds-buybox {
  fill: rgba(0, 0, 0, 1);
}

.ds-buybox {
  position: absolute;
  overflow: visible;
  width: 272px;
  height: 46px;
  left: 260px;
  top: 600px;
}

#ds-buy {
  left: 324px;
  top: 616px;
  position: absolute;
  overflow: visible;
  width: 145px;
  white-space: nowrap;
  margin-top: -9.5px;
  text-align: center;
  font-family: Noto Serif JP;
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  color: rgba(255, 255, 255, 1);
  letter-spacing: 1px;
}

#ds-line {
  fill: transparent;
  stroke: rgba(112, 112, 112, 1);
  stroke-width: 1px;
  stroke-linejoin: miter;
  stroke-linecap: butt;
  stroke-miterlimit: 4;
  shape-rendering: auto;
}

.ds-line {
  width: 1377px;
  height: 1px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.dbtn:hover {
  opacity: 0.7;
}

#n_2_bc {
  position: absolute;
  width: 60.4px;
  height: 17.962px;
  left: 6.022px;
  top: 420px;
  overflow: visible;
}
#n_37 {
  fill: rgba(39, 40, 40, 1);
}
.n_37 {
  overflow: visible;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 0px;
  top: 0px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}
#n_38 {
  fill: rgba(211, 188, 173, 1);
}
.n_38 {
  overflow: visible;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 35px;
  top: 0px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}
#n_39 {
  fill: rgba(173, 153, 157, 1);
}
.n_39 {
  overflow: visible;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 70px;
  top: 0.712px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}
#n_3_bg {
  position: absolute;
  width: 70px;
  height: 70px;
  left: 0px;
  top: 0px;
  overflow: visible;
}
#n_18 {
  position: absolute;
  width: 70px;
  height: 70px;
  left: 0px;
  top: 0px;
  overflow: visible;
}
#n_40 {
  fill: rgba(250, 3, 25, 1);
}
.n_40 {
  overflow: visible;
  position: absolute;
  width: 70px;
  height: 70px;
  left: 0px;
  top: 0px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#dts-badge {
  fill: rgba(209,143,109,1);
}

.dts-badge {
  position: absolute;
  overflow: visible;
  width: 130px;
  height: 37px;
  left: 228px;
  top: 414px;
}
#dts-badgetitle {
  left: 242px;
  top: 421px;
  position: absolute;
  overflow: visible;
  width: 103px;
  white-space: nowrap;
  line-height: 53px;
  margin-top: -18.5px;
  text-align: center;
  font-family: Noto Serif JP;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  letter-spacing: 1px;
}

#dts-sizeimg1 {
  position: absolute;
  width: 187.084px;
  height: 39px;
  left: 509.458px;
  top: 386.013px;
  overflow: visible;
}

#dts-sizeimg2 {
  position: absolute;
  width: 187.084px;
  height: 39px;
  left: 0px;
  top: 0px;
  overflow: visible;
}