@charset "UTF-8";

main .inner {
  width: 1000px;
  padding: 0;
}
main .inner img {
  display: block;
  line-height: 1;
}
#page-rintobrashorts-sale .page-contents {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  main .inner {
    width: 100%;
    padding: 0 0;
  }
}

/*------------------------------------------------------
  LINE UP
------------------------------------------------------*/
.lineup {
  position: relative;
}
.lineup .lineup__link {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 956px;
}
.lineup .lineup4set {
  top: 235px;
}
.lineup .lineup2set {
  bottom: 278px;
}
.lineup .lineupOnlyBra {
  bottom: 68px;
}
@media (width < 768px) {
  .lineup .lineup__link {
    width: 95.6vw;
  }
  .lineup .lineup4set {
    top: 23.5vw;
  }
  .lineup .lineup2set {
    bottom: 27.8vw;
  }
  .lineup .lineupOnlyBra {
    bottom: 6.8vw;
  }
}

/*------------------------------------------------------
  注意事項
------------------------------------------------------*/
.attention {
  border: 1px solid #333333;
  margin-top: 40px;
  padding: 40px;
}
.attention__heading {
  margin: 0 0 1em;
  font-size: 3.0rem;
  font-weight: 700;
  text-align: center;
}
.attention__text {
  line-height: 1.7;
}
.attention__text a {
  color: #B9647B;
}
.attention__text p {
  margin-top: 1em;
}
.attention__text ul {
  margin: 1em 0 0 1em;
}
.attention__text li::before {
  content: "・";
  display: inline-block;
  text-indent: -1em;
}

@media screen and (max-width: 820px) {
  /* 注意事項 */
  .attention {
    padding: 30px 20px;
    margin: 40px 20px;
  }
  .attention__heading {
    margin: 0 0 0.5em;
    font-size: 2.4rem;
  }
}