@charset "UTF-8";

/* -----------------------------------------------------
  smp10th
----------------------------------------------------- */

/* common */
#smp10th_addon {
  position: relative;
}
#smp10th_addon img {
  vertical-align: bottom;
}
#smp10th_addon .pb24-slide-normal__img {
  min-height: 0;
}

/* sec */
.smp10th-addon {
  position: relative;
  background: no-repeat center bottom;
  background-size: cover;
}
.smp10th-pc .smp10th-addon {
  padding: 20px;
  border-radius: 6px;
  background-image: url("/bc/images/top/smp10th_bg_pc.jpg");
}
.smp10th-sp .smp10th-addon {
  padding: 5.1282vw 4.6153vw;
  border-radius: 2.0512vw;
  background-image: url("/bc/images/top/smp10th_bg_sp.jpg");
}

/* head */
.smp10th-addon-hdg {
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #fff;
}
.smp10th-pc .smp10th-addon-hdg {
  gap: 0 10px;
  font-size: 18px;
}
.smp10th-pc .smp10th-addon-hdg img {
  width: 111px;
}
.smp10th-sp .smp10th-addon-hdg {
  gap: 0 2.5641vw;
  font-size: 4.6153vw;
}
.smp10th-sp .smp10th-addon-hdg img {
  width: 28.4615vw;
}

/* body */
.smp10th-addon-body {
  background: rgba(0, 0, 0, 0.5);
}
.smp10th-pc .smp10th-addon-body {
  margin-top: 15px;
  border-radius: 6px;
}
.smp10th-sp .smp10th-addon-body {
  margin-top: 3.8461vw;
  border-radius: 1.5384vw;
}

/* foot */
.smp10th-addon-foot a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(270deg, #CC9900 0%, #FFE226 100%);
  text-decoration: none;
  font-weight: bold;
  color: #222121;
}
.smp10th-pc .smp10th-addon-foot {
  position: absolute;
  top: 27px;
  right: 20px;
  z-index: 2;
}
.smp10th-pc .smp10th-addon-foot a {
  width: 269px;
  height: 41px;
  font-size: 14px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
}
.smp10th-sp .smp10th-addon-foot {
  display: flex;
  justify-content: center;
  padding-top: 5.1282vw;
}
.smp10th-sp .smp10th-addon-foot a {
  width: 68.9743vw;
  height: 10.5128vw;
  font-size: 3.5897vw;
  clip-path: polygon(2.5641vw 0%, 100% 0%, calc(100% - 2.5641vw) 100%, 0% 100%);
}

/* slide */
#smp10th_addon .pb24-slide-normal__name,
#smp10th_addon .pb24-slide-normal__foot--price {
  color: #fff;
}
.smp10th-sp .pb24-slide-normal .swiper-slide {
  width: 36.4102vw;
}