@charset "utf-8";

body::before {
  background-image: url(/first_chanson/img/bg.webp);
  background-size: cover;
}
.sec--mv {
  overflow: hidden;
}
.sec--mv .mv-block1 {
  max-width: 395px;
  margin-bottom: 140px;
}
.sec--mv .mv-block2 {
  max-width: 554.5px;
  top: 20px;
  right: -60px;
}
.sec--mv .mv-block2-inner::before, .sec--mv .mv-block2-inner::after {
  display: none;
}
.youtube {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 720px;
  margin: 24px auto 0;
}
.youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.sec .sec-ttl {
  background-color: #1b2f6b;
}
.sec--contents .sec-ttl {
  background-color: initial;
}
.cart-info.sold p img , .cart-info.sold p:last-of-type{
  opacity: .5;
}
.cart-info.sold p:first-of-type {
  position: relative;
}
.cart-info.sold p:first-of-type::after {
  content: "";
  display: block;
  position: absolute;
  background: url(../img/ico-soldout.svg) no-repeat;
  background-size: contain;
  width: 89px;
  height: 27px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .sec--mv .mv::before {
    top: -10px;
    right: -20px;
  }
}
@media (max-width: 767px) {
  body::before {
    background-image: url(/first_chanson/img/bg-sp.webp);
    background-size: cover;
  }
  .sec--mv .mv {
    padding-top: 20px;
  }
  .sec--mv .mv-block1 {
    width: 58.461vw;
  }
  .sec--mv .mv-block2 {
    margin-top: -156px;
  }
  .cart-info.sold::after {
    top: 18vw;
  }
}