@charset "UTF-8";
.lpBluelock {
  font-family: "Noto Sans JP", sans-serif;
  line-break: strict;
}
.lpBluelock .lpBluelockDisplayPc {
  display: none;
}
.lpBluelock .lpBluelockDisplaySp {
  display: block;
}
.lpBluelock__intro {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.lpBluelock__button {
  display: flex;
  width: 280px;
  margin-inline: auto;
  background-color: #1a1a1a;
  color: #fff;
  border-radius: 4px;
  height: 60px;
  justify-content: center;
  align-items: center;
  position: relative;
}
.lpBluelock__button::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 18px;
  z-index: 1;
  transform: translateY(-50%);
  background-image: url("../img/button_product_arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.lpBluelock__button--tryon {
  background-color: #fff;
  border: 1px solid #1a1a1a;
  color: #1a1a1a;
}
.lpBluelock__button--tryon::after {
  display: none;
}
.lpBluelock__button--bottom::after {
  background-image: url("../img/button_bottom_arrow.svg");
  width: 11px;
  height: 18px;
}
.lpBluelock__buttonText {
  font-size: 18px;
  line-height: 1.4;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lpBluelock__title {
  text-align: center;
  display: grid;
  place-items: center;
  margin-inline: auto;
}
.lpBluelock__titleImg {
  height: auto;
  display: block;
  margin-inline: auto;
}
.lpBluelock__bottom {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.lpBluelock__bottomInner {
  margin-inline: auto;
}
.lpBluelock .lpBluelockFadein {
  opacity: 0;
  transform: translateY(40px);
  transition-property: opacity, transform;
}
.lpBluelock .lpBluelockFadein__isFadein {
  opacity: 1;
  transform: translate(0, 0);
  transition-duration: .65s;
  transition-timing-function: cubic-bezier(.37, 0, .63, 1), cubic-bezier(.33, 1, .68, 1);
}

.lpBluelock .lpBluelockMv__img {
  width: 100%;
  height: auto;
}

.lpBluelock .lpBluelockConcept__title {
  font-weight: 700;
  text-align: center;
}
.lpBluelock .lpBluelockConcept__text {
  text-align: center;
  margin-top: 12px;
  line-height: 1.8;
}
.lpBluelock .lpBluelockRelease__inner {
  position: relative;
}
.lpBluelock .lpBluelockRelease__inner::before,
.lpBluelock .lpBluelockRelease__inner::after {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 14px;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
}
.lpBluelock .lpBluelockRelease__inner::before {
  top: 0;
}
.lpBluelock .lpBluelockRelease__inner::after {
  bottom: 0;
}
.lpBluelock .lpBluelockRelease__title {
  line-height: 1.6;
  text-align: center;
  display: block;
}
.lpBluelock .lpBluelockRelease__date {
  margin-inline: auto;
}
.lpBluelock .lpBluelockRelease__dateImg {
  width: 100%;
  height: auto;
}
.lpBluelock .lpBluelockRelease__dateAtten {
  line-height: 1.6;
  text-align: center;
  display: block;
}
.lpBluelock .lpBluelockRelease__storeTitle {
  text-align: center;
  line-height: 1.6;
  display: block;
}
.lpBluelock .lpBluelockRelease__storeList {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.lpBluelock .lpBluelockRelease__storeItem {
  display: inline-flex;
}
.lpBluelock .lpBluelockRelease__storeLink {
  line-height: 1.6;
  position: relative;
}
.lpBluelock .lpBluelockRelease__storeLink::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #1a1a1a;
  transition: transform .3s ease;
}
.lpBluelock .lpBluelockRelease__storeItemSeparator {
  display: inline-block;
}
.lpBluelock .lpBluelockRelease__next {
  line-height: 1.6;
  text-align: center;
}
.lpBluelock .lpBluelockRelease__note {
  position: relative;
  padding-left: 1em;
  display: block;
}
.lpBluelock .lpBluelockRelease__note::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
.lpBluelock .lpBluelockRelease__noteLink {
  color: #474747;
  position: relative;
}
.lpBluelock .lpBluelockRelease__noteLink::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 1px;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #474747;
  transition: transform .3s ease;
}

.lpBluelock .lpBluelockLineup {
  margin-inline: auto;
}
.lpBluelock .lpBluelockLineup__texts {
  text-align: center;
  display: grid;
  max-width: 464px;
  margin-inline: auto;
}
.lpBluelock .lpBluelockLineup__text {
  text-align: center;
  font-size: 15px;
  line-height: 1.8;
  color: #fff;
}
.lpBluelock .lpBluelockLineup__note {
  color: #e0e0e0;
  font-size: 12px;
  line-height: 1.8;
  display: block;
}
.lpBluelock .lpBluelockLineup__anchor {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.lpBluelock .lpBluelockLineup__anchorItem {
  display: grid;
  place-items: center;
  transform: translateZ(0);
}
.lpBluelock .lpBluelockLineup__anchorItem:nth-of-type(7) {
  grid-column: span 3;
}
.lpBluelock .lpBluelockLineup__anchorItem:nth-of-type(8) {
  grid-column: span 3;
}
.lpBluelock .lpBluelockLineup__anchorImg {
  width: 100%;
  height: auto;
  pointer-events: none;
}

.lpBluelock .lpBluelockPoint {
  margin-inline: auto;
}
.lpBluelock .lpBluelockPoint__text {
  text-align: center;
  line-height: 1.8;
  color: #fff;
}
.lpBluelock .lpBluelockPoint__list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.lpBluelock .lpBluelockPoint__item {
  flex-shrink: 0;
}
.lpBluelock .lpBluelockPoint__itemImg {
  width: 100%;
  height: auto;
}
.lpBluelock .lpBluelockProduct__header {
  position: relative;
}
.lpBluelock .lpBluelockProduct__headerBg {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.lpBluelock .lpBluelockProduct__headerImg {
  display: block;
  position: absolute;
  width: auto;
  max-width: none;
  height: 100%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.lpBluelock .lpBluelockProduct__headerContent {
  max-width: 1440px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, 0);
}
.lpBluelock .lpBluelockProduct__headerChain {
  position: absolute;
  display: block;
  transform-origin: center;
  max-width: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity .75s ease, visibility .75s ease;
}
.lpBluelock .lpBluelockProduct__headerChain.lpBluelockProductFadein {
  opacity: 1;
  visibility: visible;
}
.lpBluelock .lpBluelockProduct__person {
  position: absolute;
  bottom: 0;
  overflow: hidden;
}
.lpBluelock .lpBluelockProduct__personImg {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0;
  transform: translateY(20px);
  visibility: hidden;
  transition: opacity .6s ease, transform .6s ease, visibility .6s ease;
}
.lpBluelock .lpBluelockProduct__personImg.lpBluelockProductFadein {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.lpBluelock .lpBluelockProduct__chainArea {
  position: absolute;
  height: 100%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  overflow: clip;
}
.lpBluelock .lpBluelockProduct__name {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity .8s ease, visibility .8s ease;
}
.lpBluelock .lpBluelockProduct__name.lpBluelockProductFadein {
  opacity: 1;
  visibility: visible;
}
.lpBluelock .lpBluelockProduct__nameImg {
  width: 100%;
  height: auto;
  display: block;
}
.lpBluelock .lpBluelockProduct__side {
  position: absolute;
  z-index: 3;
  opacity: 0;
  transform: translateX(30px);
  visibility: hidden;
  transition: opacity .8s ease, transform .8s ease, visibility .8s ease;
}
.lpBluelock .lpBluelockProduct__side.lpBluelockProductFadein {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}
.lpBluelock .lpBluelockProduct__sliderWrapper {
  margin: 0 auto;
}
.lpBluelock .lpBluelockProduct__sliderImg {
  width: 100%;
  height: auto;
}
.lpBluelock .lpBluelockProduct__sliderLink {
  display: block;
  width: 100%;
  height: 100%;
}
.lpBluelock .lpBluelockProduct__nav {
  margin-top: 10px;
  position: relative;
}
.lpBluelock .lpBluelockProduct__navList .slick-track {
  display: flex;
}
.lpBluelock .lpBluelockProduct__navItem {
  position: relative;
  border: none;
  padding: 0;
  min-width: 0;
  min-height: 0;
}
.lpBluelock .lpBluelockProduct__navItem::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  background-color: #1a1a1a;
  z-index: 1;
  opacity: 0;
  transition-property: opacity;
  transition-duration: .25s;
}
.lpBluelock .lpBluelockProduct__navItem.slick-current::before {
  opacity: 1;
}
.lpBluelock .lpBluelockProduct__navImg {
  width: 100%;
  height: auto;
  display: block;
}
.lpBluelock .lpBluelockProduct__sliderArrow {
  position: absolute;
  padding: 0;
  margin-block: auto;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background-image: url("../img/slider_arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 15px;
  height: 15px;
}
.lpBluelock .lpBluelockProduct__sliderArrow--prev {
  left: 3px;
}
.lpBluelock .lpBluelockProduct__sliderArrow--next {
  right: 3px;
  scale: -1 1;
}
.lpBluelock .lpBluelockProduct__sliderArrow.is-disabled {
  opacity: .3;
}
.lpBluelock .lpBluelockProduct__sliderData {
  margin-top: 40px;
  text-align: center;
}
.lpBluelock .lpBluelockProduct__price {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  line-height: 1.4;
  letter-spacing: .02em;
  font-weight: 700;
}
.lpBluelock .lpBluelockProduct__code {
  font-family: "Open Sans", sans-serif;
  color: #666;
  line-height: 1.4;
  margin-top: 4px;
  font-size: 14px;
  text-align: center;
}
.lpBluelock .lpBluelockProduct__btn {
  margin-top: 40px;
  display: grid;
  gap: 12px;
}
.lpBluelock .lpBluelockProduct__btn .lpBluelock__buttonText {
  font-size: 16px;
}

.lpBluelock .lpBluelockAccessory {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  z-index: 2;
  position: relative;
}
.lpBluelock .lpBluelockAccessory__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.lpBluelock .lpBluelockAccessory__column {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lpBluelock .lpBluelockAccessory__img {
  height: auto;
}
.lpBluelock .lpBluelockAccessory__main {
  color: #fff;
}
.lpBluelock .lpBluelockAccessory__mainTitle {
  line-height: 1.6;
  font-weight: 700;
}
.lpBluelock .lpBluelockAccessory__mainText {
  line-height: 1.6;
}
.lpBluelock .lpBluelockAccessory__mainNote {
  line-height: 1.6;
  font-weight: 400;
  color: #e0e0e0;
  display: block;
}

.lpBluelock .lpBluelockGoods {
  background-color: #fff;
}
.lpBluelock .lpBluelockGoods__title {
  font-weight: 700;
}
.lpBluelock .lpBluelockGoods__text {
  font-weight: 500;
  line-height: 1.8;
}
.lpBluelock .lpBluelockGoods__img {
  width: 100%;
  height: auto;
}
.lpBluelock .lpBluelockGoods__info {
  display: grid;
  grid-template-rows: auto;
}
.lpBluelock .lpBluelockGoods__infoGroup {
  display: grid;
}
.lpBluelock .lpBluelockGoods__infoGroup .lpBluelock__buttonText {
  font-size: 16px;
}
.lpBluelock .lpBluelockGoods__infoTitleWrapper {
  position: relative;
}
.lpBluelock .lpBluelockGoods__infoTitleWrapper::before,
.lpBluelock .lpBluelockGoods__infoTitleWrapper::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 3px;
}
.lpBluelock .lpBluelockGoods__infoTitleWrapper::before {
  left: 0;
}
.lpBluelock .lpBluelockGoods__infoTitleWrapper::after {
  right: 0;
}
.lpBluelock .lpBluelockGoods__infoTitleInner {
  position: relative;
  text-align: center;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.lpBluelock .lpBluelockGoods__infoTitle {
  display: block;
  font-weight: 700;
  line-height: 1.6;
}
.lpBluelock .lpBluelockGoods__infoText {
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}
.lpBluelock .lpBluelockGoods__infoText--small {
  display: block;
}
.lpBluelock .lpBluelockGoods__infoPrice {
  font-family: "Open Sans", sans-serif;
  display: block;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
}
.lpBluelock .lpBluelockGoods__infoCode {
  font-family: "Open Sans", sans-serif;
  display: block;
  line-height: 1.4;
  text-align: center;
  margin-top: 4px;
  color: #666;
}
.lpBluelock .lpBluelockGoods__infoNotes {
  margin-top: 20px;
}
.lpBluelock .lpBluelockGoods__infoNote {
  position: relative;
  padding-left: 1em;
  color: #666;
  line-height: 1.8;
  font-size: 12px;
}
.lpBluelock .lpBluelockGoods__infoNote::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
  color: #666;
}
.lpBluelock .lpBluelockGoods__infoNoteLink {
  color: #666;
  text-decoration: underline;
}

.lpBluelock .lpBluelockTryOn {
  background-color: #fff;
}
.lpBluelock .lpBluelockTryOn__title {
  font-weight: 700;
  text-align: center;
}
.lpBluelock .lpBluelockTryOn__period {
  position: relative;
  padding-block: 34px;
}
.lpBluelock .lpBluelockTryOn__period::before,
.lpBluelock .lpBluelockTryOn__period::after {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 14px;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
}
.lpBluelock .lpBluelockTryOn__period::before {
  top: 0;
}
.lpBluelock .lpBluelockTryOn__period::after {
  bottom: 0;
}
.lpBluelock .lpBluelockTryOn__periodTitle {
  line-height: 1.6;
  text-align: center;
  display: block;
}
.lpBluelock .lpBluelockTryOn__date {
  margin-inline: auto;
  margin-top: 10px;
}
.lpBluelock .lpBluelockTryOn__dateImg {
  width: 100%;
  height: auto;
}
.lpBluelock .lpBluelockTryOn__periodAtten {
  font-size: 12px;
  line-height: 1.8;
  text-align: center;
  color: #525252;
}

.lpBluelock .lpBluelockShopList {
  margin-top: 56px;
}
.lpBluelock .lpBluelockShopList__title {
  margin-inline: auto;
}
.lpBluelock .lpBluelockShopList__list {
  display: flex;
  column-gap: 12px;
  justify-content: center;
  align-items: flex-start;
  margin-top: 16px;
}
.lpBluelock .lpBluelockShopList__item {
  display: grid;
  width: 100%;
  max-width: 150px;
}
.lpBluelock .lpBluelockShopList__link {
  display: grid;
  place-items: center;
  width: 100%;
  max-width: 150px;
  row-gap: 8px;
  transform: translateZ(0);
}
.lpBluelock .lpBluelockShopList__img {
  width: 100%;
  height: auto;
  display: block;
}
.lpBluelock .lpBluelockShopList__name {
  font-size: 12px;
  line-height: 1.6;
  font-weight: 400;
  text-decoration: underline;
  text-align: center;
}
.lpBluelock .lpBluelockShopList__note {
  color: #999;
  font-size: 10px;
  line-height: 1.8;
  display: block;
  margin-top: 18px;
  text-align: center;
}
.lpBluelock .lpBluelockVf__inner {
  margin: 0 auto;
}
.lpBluelock .lpBluelockVf__inner button {
  padding: 0;
  border: none;
}
.lpBluelock .lpBluelockVf__img {
  width: 100%;
  height: auto;
}
.lpBluelock .lpBluelockVf__text {
  line-height: 1.6;
  text-align: center;
  font-weight: 400;
}

.lpBluelock .lpBluelockAttention {
  background-color: #e1f0ff;
}
.lpBluelock .lpBluelockAttention__copy {
  line-height: 1.6;
  text-align: center;
  font-weight: 400;
}
.lpBluelock .lpBluelockAttention .lpBluelock__button {
  flex-direction: column;
}
.lpBluelock .lpBluelockAttention .lpBluelock__button::after {
  right: 20px;
}
.lpBluelock .lpBluelockAttention .lpBluelock__buttonText {
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (min-width: 769px) {
  .lpBluelock .lpBluelockDisplayPc {
    display: block;
  }
  .lpBluelock .lpBluelockDisplaySp {
    display: none;
  }
  .lpBluelock__intro {
    background-image: url("../img/bg_intro_pc.webp");
    padding-top: 100px;
    padding-bottom: 160px;
  }
  .lpBluelock__intro .lpBluelock__button {
    margin-top: 56px;
  }
  .lpBluelock__bottom {
    background-image: url("../img/bg_bottom_pc.webp");
    padding-top: 144px;
    padding-bottom: 140px;
    margin-top: -1.6666666667vw;
  }
  .lpBluelock .lpBluelockConcept__title {
    font-size: 20px;
    line-height: 1.4;
  }
  .lpBluelock .lpBluelockConcept__text {
    font-size: 15px;
  }
  .lpBluelock .lpBluelockRelease {
    margin-top: 56px;
    max-width: 760px;
    padding-inline: 20px;
    margin-inline: auto;
  }
  .lpBluelock .lpBluelockRelease__inner {
    padding-block: 50px;
  }
  .lpBluelock .lpBluelockRelease__inner::before {
    background-image: url("../img/release_top_line_pc.png");
  }
  .lpBluelock .lpBluelockRelease__inner::after {
    background-image: url("../img/release_bottom_line_pc.png");
  }
  .lpBluelock .lpBluelockRelease__title {
    font-size: 15px;
  }
  .lpBluelock .lpBluelockRelease__date {
    margin-top: 14px;
    width: 564px;
  }
  .lpBluelock .lpBluelockRelease__dateAtten {
    font-size: 15px;
    margin-top: 14px;
  }
  .lpBluelock .lpBluelockRelease__store {
    margin-top: 36px;
  }
  .lpBluelock .lpBluelockRelease__storeTitle {
    font-size: 15px;
  }
  .lpBluelock .lpBluelockRelease__storeLink {
    font-size: 15px;
  }
  .lpBluelock .lpBluelockRelease__storeItemSeparator {
    opacity: 0;
  }
  .lpBluelock .lpBluelockRelease__next {
    margin-top: 14px;
    font-size: 15px;
  }
  .lpBluelock .lpBluelockRelease__notes {
    margin-top: 32px;
  }
  .lpBluelock .lpBluelockRelease__notes + .lpBluelockRelease__notes {
    margin-top: 22px;
  }
  .lpBluelock .lpBluelockRelease__noteTitle {
    line-height: 1.85;
    color: #474747;
    font-size: 12px;
  }
  .lpBluelock .lpBluelockRelease__note {
    line-height: 1.85;
    color: #474747;
    font-size: 12px;
  }
  .lpBluelock .lpBluelockRelease__note::before {
    color: #474747;
  }
  .lpBluelock .lpBluelockLineup {
    max-width: 1062px;
    margin-top: 120px;
    padding-inline: 40px;
  }
  .lpBluelock .lpBluelockLineup__title {
    max-width: 266px;
  }
  .lpBluelock .lpBluelockLineup__texts {
    row-gap: 12px;
    margin-top: 16px;
  }
  .lpBluelock .lpBluelockLineup__anchor {
    margin-top: 48px;
    column-gap: 14px;
    row-gap: 48px;
  }
  .lpBluelock .lpBluelockLineup__anchorItem:hover {
    opacity: .85;
  }
  .lpBluelock .lpBluelockPoint {
    margin-top: 160px;
    padding-inline: 40px;
  }
  .lpBluelock .lpBluelockPoint__title {
    max-width: 266px;
  }
  .lpBluelock .lpBluelockPoint__text {
    font-size: 15px;
    margin-top: 48px;
  }
  .lpBluelock .lpBluelockPoint__list {
    column-gap: min(5.7142857143vw, 56px);
    margin-top: 48px;
  }
  .lpBluelock .lpBluelockPoint__item {
    width: min(24.4897959184vw, 240px);
  }
  .lpBluelock .lpBluelockProduct {
    padding-bottom: 160px;
  }
  .lpBluelock .lpBluelockProduct__item + .lpBluelockProduct__item {
    margin-top: 120px;
  }
  .lpBluelock .lpBluelockProduct__header {
    max-height: 552px;
  }
  .lpBluelock .lpBluelockProduct__headerBg {
    height: min(38.3333333333vw, 552px);
  }
  .lpBluelock .lpBluelockProduct__headerChain--bg01 {
    width: min(69.4444444444vw, 1000px);
    height: auto;
    bottom: min(11.3888888889vw, 164px);
    right: 50%;
    transform: translateX(min(16.6666666667vw, 240px)) rotate(60deg);
  }
  .lpBluelock .lpBluelockProduct__headerChain--bg02 {
    width: min(90.2777777778vw, 1300px);
    height: auto;
    top: min(6.1805555556vw, 89px);
    left: 50%;
    transform: translateX(min(17.7083333333vw, 255px)) rotate(-45deg);
  }
  .lpBluelock .lpBluelockProduct__headerChain--front {
    width: min(131.9444444444vw, 1900px);
    height: auto;
    bottom: min(3.4722222222vw, 50px);
    right: 50%;
    transform: translateX(min(51.3888888889vw, 740px)) rotate(15deg);
  }
  .lpBluelock .lpBluelockProduct__person {
    width: min(38.8888888889vw, 560px);
    left: min(15.9722222222vw, 230px);
  }
  .lpBluelock .lpBluelockProduct__chainArea {
    width: 100vw;
  }
  .lpBluelock .lpBluelockProduct__name {
    top: min(8.3333333333vw, 120px);
    right: min(6.25vw, 90px);
    width: min(42.2222222222vw, 608px);
  }
  .lpBluelock .lpBluelockProduct__side {
    bottom: max(-12.0833333333vw, -174px);
    left: 0;
    width: min(27.7777777778vw, 400px);
    height: min(39.3055555556vw, 566px);
  }
  .lpBluelock .lpBluelockProduct__slider {
    margin-top: 60px;
  }
  .lpBluelock .lpBluelockProduct__sliderWrapper {
    max-width: 400px;
  }
  .lpBluelock .lpBluelockProduct__navList {
    margin-inline: 50px;
  }
  .lpBluelock .lpBluelockProduct__navList .slick-slide {
    padding-inline: 5px;
  }
  .lpBluelock .lpBluelockProduct__navItem {
    width: 90px;
  }
  .lpBluelock .lpBluelockProduct__navItem::before {
    left: 5px;
    right: 5px;
  }
  .lpBluelock .lpBluelockAccessory {
    background-image: url("../img/ccset_bg_pc.png");
    height: 36.3888888889vw;
  }
  .lpBluelock .lpBluelockAccessory__column {
    gap: 60px;
    width: 678px;
    margin: 0 auto;
  }
  .lpBluelock .lpBluelockAccessory__img {
    width: 21.4583333333vw;
    min-width: 249px;
  }
  .lpBluelock .lpBluelockAccessory__main {
    width: 309px;
    flex-shrink: 0;
  }
  .lpBluelock .lpBluelockAccessory__mainTitle {
    font-size: 20px;
  }
  .lpBluelock .lpBluelockAccessory__mainText {
    font-size: 15px;
    margin-top: 30px;
  }
  .lpBluelock .lpBluelockAccessory__mainNote {
    font-size: 12px;
    margin-top: 20px;
  }
  .lpBluelock .lpBluelockTryOn__period {
    margin-top: 56px;
  }
  .lpBluelock .lpBluelockTryOn__period::before {
    background-image: url("../img/try_on_top_line_pc.png");
  }
  .lpBluelock .lpBluelockTryOn__period::after {
    background-image: url("../img/try_on_bottom_line_pc.png");
  }
  .lpBluelock .lpBluelockTryOn__periodTitle {
    font-size: 15px;
  }
  .lpBluelock .lpBluelockTryOn__date {
    width: 430px;
  }
  .lpBluelock .lpBluelockTryOn__periodAtten {
    margin-top: 20px;
  }
  .lpBluelock .lpBluelockShopList__title {
    width: 330px;
  }
  .lpBluelock .lpBluelockVf {
    margin-top: 120px;
    margin-bottom: 120px;
    padding-inline: 0;
  }
  .lpBluelock .lpBluelockVf__inner {
    max-width: 720px;
  }
  .lpBluelock .lpBluelockVf__text {
    margin-top: 24px;
    font-size: 16px;
  }
  .lpBluelock .lpBluelockAttention__inner {
    padding-block: 120px;
  }
  .lpBluelock .lpBluelockAttention__copy {
    font-size: 13px;
    margin-top: 32px;
  }
  .lpBluelock .lpBluelockAttention .lpBluelock__button {
    width: 412px;
    height: 96px;
  }
  .lpBluelock .lpBluelockAttention .lpBluelock__buttonText {
    font-size: 18px;
  }
  .lpBluelock .lpBluelockAttention .lpBluelock__buttonText--small {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .lpBluelock__intro {
    background-image: url("../img/bg_intro_sp.webp");
    padding-top: 40px;
    padding-bottom: 100px;
  }
  .lpBluelock__intro .lpBluelock__button {
    margin-top: 32px;
  }
  .lpBluelock__buttonText {
    font-size: 15px;
  }
  .lpBluelock__bottom {
    background-image: url("../img/bg_bottom_sp.webp");
    padding-top: 74px;
    padding-bottom: 64px;
    margin-top: -34px;
  }
  .lpBluelock .lpBluelockConcept__title {
    position: relative;
    font-size: 18px;
    line-height: 1.6;
  }
  .lpBluelock .lpBluelockConcept__text {
    font-size: 14px;
  }
  .lpBluelock .lpBluelockRelease {
    margin-top: 32px;
    max-width: 335px;
    margin-inline: auto;
  }
  .lpBluelock .lpBluelockRelease__inner {
    padding-block: 34px;
  }
  .lpBluelock .lpBluelockRelease__inner::before {
    background-image: url("../img/release_top_line_sp.png");
  }
  .lpBluelock .lpBluelockRelease__inner::after {
    background-image: url("../img/release_bottom_line_sp.png");
  }
  .lpBluelock .lpBluelockRelease__title {
    font-size: 13px;
  }
  .lpBluelock .lpBluelockRelease__date {
    margin-top: 16px;
    width: 233px;
  }
  .lpBluelock .lpBluelockRelease__dateAtten {
    font-size: 12px;
    margin-top: 16px;
  }
  .lpBluelock .lpBluelockRelease__store {
    margin-top: 24px;
  }
  .lpBluelock .lpBluelockRelease__storeTitle {
    font-size: 13px;
  }
  .lpBluelock .lpBluelockRelease__storeList {
    width: 100%;
    max-width: 275px;
    margin-inline: auto;
  }
  .lpBluelock .lpBluelockRelease__storeLink {
    font-size: 13px;
  }
  .lpBluelock .lpBluelockRelease__storeItemSeparator {
    position: relative;
    width: min(1.6vw, 6px);
    left: max(-.8vw, -3px);
  }
  .lpBluelock .lpBluelockRelease__next {
    margin-top: 16px;
    font-size: 13px;
  }
  .lpBluelock .lpBluelockRelease__notes {
    margin-top: 16px;
  }
  .lpBluelock .lpBluelockRelease__notes + .lpBluelockRelease__notes {
    margin-top: 18px;
  }
  .lpBluelock .lpBluelockRelease__noteTitle {
    color: #262626;
    font-size: 10px;
    line-height: 1.8;
  }
  .lpBluelock .lpBluelockRelease__note {
    color: #262626;
    font-size: 10px;
    line-height: 1.8;
  }
  .lpBluelock .lpBluelockRelease__note::before {
    color: #262626;
  }
  .lpBluelock .lpBluelockRelease__noteLink {
    color: #262626;
  }
  .lpBluelock .lpBluelockRelease__noteLink::after {
    background-color: #666;
  }
  .lpBluelock .lpBluelockLineup {
    margin-top: 80px;
    padding-inline: 20px;
  }
  .lpBluelock .lpBluelockLineup__title {
    max-width: 177px;
  }
  .lpBluelock .lpBluelockLineup__texts {
    row-gap: 10px;
    margin-top: 20px;
  }
  .lpBluelock .lpBluelockLineup__text {
    font-size: 14px;
  }
  .lpBluelock .lpBluelockLineup__note {
    font-size: 10px;
  }
  .lpBluelock .lpBluelockLineup__anchor {
    margin-top: 40px;
    column-gap: 10px;
    row-gap: 20px;
    max-width: 335px;
    margin-inline: auto;
  }
  .lpBluelock .lpBluelockLineup__anchorItem {
    grid-column: span 2;
  }
  .lpBluelock .lpBluelockPoint {
    margin-top: 80px;
    padding-inline: 20px;
  }
  .lpBluelock .lpBluelockPoint__title {
    max-width: 177px;
  }
  .lpBluelock .lpBluelockPoint__text {
    font-size: 14px;
    margin-top: 20px;
  }
  .lpBluelock .lpBluelockPoint__list {
    column-gap: 11px;
    margin-top: 20px;
  }
  .lpBluelock .lpBluelockPoint__item {
    width: 99px;
  }
  .lpBluelock .lpBluelockProduct {
    padding-bottom: 80px;
  }
  .lpBluelock .lpBluelockProduct__item + .lpBluelockProduct__item {
    margin-top: 80px;
  }
  .lpBluelock .lpBluelockProduct__header {
    max-height: 500px;
    overflow-x: hidden;
  }
  .lpBluelock .lpBluelockProduct__headerBg {
    height: 500px;
  }
  .lpBluelock .lpBluelockProduct__headerContent {
    max-width: 375px;
  }
  .lpBluelock .lpBluelockProduct__headerChain--bg01 {
    width: 845px;
    height: auto;
    left: 50%;
    bottom: 144px;
    transform: translateX(calc(-50% + 43px)) rotate(60deg);
  }
  .lpBluelock .lpBluelockProduct__headerChain--bg02 {
    display: none;
  }
  .lpBluelock .lpBluelockProduct__headerChain--front {
    width: 1060px;
    height: auto;
    bottom: 83px;
    left: 50%;
    transform: translateX(calc(-50% - 29px)) rotate(15deg);
  }
  .lpBluelock .lpBluelockProduct__person {
    width: 100%;
    height: auto;
  }
  .lpBluelock .lpBluelockProduct__chainArea {
    width: 768px;
  }
  .lpBluelock .lpBluelockProduct__name {
    bottom: 16px;
    margin-left: 13px;
    margin-right: 12px;
    left: 0;
  }
  .lpBluelock .lpBluelockProduct__side {
    top: 80px;
    left: -50px;
    width: 220px;
    height: auto;
  }
  .lpBluelock .lpBluelockProduct__slider {
    margin-top: 32px;
    padding-inline: 20px;
  }
  .lpBluelock .lpBluelockProduct__sliderWrapper {
    max-width: 335px;
  }
  .lpBluelock .lpBluelockProduct__navList {
    margin-inline: 18.5px;
  }
  .lpBluelock .lpBluelockProduct__navList .slick-slide {
    padding-inline: 10px;
  }
  .lpBluelock .lpBluelockProduct__navItem {
    width: 80px;
  }
  .lpBluelock .lpBluelockProduct__navItem::before {
    left: 10px;
    right: 10px;
  }
  .lpBluelock .lpBluelockProduct__sliderArrow--prev {
    left: -4px;
  }
  .lpBluelock .lpBluelockProduct__sliderArrow--next {
    right: -4px;
  }
  .lpBluelock .lpBluelockProduct__sliderData {
    margin-top: 32px;
  }
  .lpBluelock .lpBluelockProduct__code {
    font-size: 12px;
  }
  .lpBluelock .lpBluelockProduct__btn {
    margin-top: 32px;
  }
  .lpBluelock .lpBluelockAccessory {
    background-image: url("../img/ccset_bg_sp.png");
    height: 485px;
  }
  .lpBluelock .lpBluelockAccessory__column {
    gap: 34px;
    flex-direction: column;
    max-width: 375px;
    padding-inline: 56px;
  }
  .lpBluelock .lpBluelockAccessory__img {
    width: 100%;
  }
  .lpBluelock .lpBluelockAccessory__mainTitle {
    font-size: 18px;
  }
  .lpBluelock .lpBluelockAccessory__mainText {
    font-size: 14px;
    margin-top: 12px;
  }
  .lpBluelock .lpBluelockAccessory__mainNote {
    font-size: 10px;
    margin-top: 12px;
  }
  .lpBluelock .lpBluelockTryOn__period {
    margin-top: 20px;
    max-width: 315px;
    margin-inline: auto;
  }
  .lpBluelock .lpBluelockTryOn__period::before {
    background-image: url("../img/try_on_top_line_sp.png");
  }
  .lpBluelock .lpBluelockTryOn__period::after {
    background-image: url("../img/try_on_bottom_line_sp.png");
  }
  .lpBluelock .lpBluelockTryOn__periodTitle {
    font-size: 13px;
  }
  .lpBluelock .lpBluelockTryOn__date {
    width: 178px;
  }
  .lpBluelock .lpBluelockTryOn__periodAtten {
    margin-top: 16px;
    max-width: 315px;
    margin-inline: auto;
  }
  .lpBluelock .lpBluelockShopList {
    max-width: 315px;
    margin-inline: auto;
  }
  .lpBluelock .lpBluelockShopList__title {
    width: 220px;
  }
  .lpBluelock .lpBluelockShopList__list {
    row-gap: 24px;
    margin-inline: auto;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .lpBluelock .lpBluelockVf {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-inline: 20px;
  }
  .lpBluelock .lpBluelockVf__inner {
    max-width: 335px;
  }
  .lpBluelock .lpBluelockVf__text {
    margin-top: 14px;
    font-size: 13px;
  }
  .lpBluelock .lpBluelockAttention__inner {
    padding-block: 64px;
    padding-inline: 20px;
  }
  .lpBluelock .lpBluelockAttention__copy {
    font-size: 12px;
    margin-top: 29px;
  }
  .lpBluelock .lpBluelockAttention .lpBluelock__button {
    width: 335px;
    height: 86px;
  }
  .lpBluelock .lpBluelockAttention .lpBluelock__button::after {
    right: 18px;
  }
  .lpBluelock .lpBluelockAttention .lpBluelock__buttonText {
    font-size: 16px;
  }
  .lpBluelock .lpBluelockAttention .lpBluelock__buttonText--small {
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .lpBluelock__bottomInner {
    padding-inline: 10px;
  }
  .lpBluelock .lpBluelockGoods {
    max-width: 500px;
    margin-inline: auto;
  }
  .lpBluelock .lpBluelockGoods__inner {
    padding-block: 64px;
    padding-inline: 20px;
  }
  .lpBluelock .lpBluelockGoods__title {
    font-size: 22px;
    text-align: center;
    line-height: 1.8;
  }
  .lpBluelock .lpBluelockGoods__text {
    font-size: 13px;
    text-align: center;
    margin-top: 20px;
  }
  .lpBluelock .lpBluelockGoods__imgWrapper {
    width: 100%;
    max-width: 400px;
    margin-inline: auto;
    margin-top: 32px;
  }
  .lpBluelock .lpBluelockGoods__info {
    margin-top: 56px;
    row-gap: 56px;
    max-width: 315px;
    margin-inline: auto;
  }
  .lpBluelock .lpBluelockGoods__infoGroup .lpBluelock__button {
    margin-top: 24px;
  }
  .lpBluelock .lpBluelockGoods__infoTitleWrapper::before,
  .lpBluelock .lpBluelockGoods__infoTitleWrapper::after {
    width: 55px;
    background-image: url("../img/goods_info_title_bar_sp.png");
  }
  .lpBluelock .lpBluelockGoods__infoTitle {
    font-size: 20px;
  }
  .lpBluelock .lpBluelockGoods__infoDetails {
    margin-top: 24px;
  }
  .lpBluelock .lpBluelockGoods__infoText {
    font-size: 15px;
  }
  .lpBluelock .lpBluelockGoods__infoText--small {
    line-height: 1.8;
    font-size: 12px;
    margin-top: 4px;
  }
  .lpBluelock .lpBluelockGoods__infoPrice {
    font-size: 24px;
    margin-top: 8px;
  }
  .lpBluelock .lpBluelockGoods__infoCode {
    font-size: 12px;
  }
  .lpBluelock .lpBluelockGoods__infoNotes {
    max-width: 280px;
    margin-inline: auto;
  }
  .lpBluelock .lpBluelockTryOn {
    margin-top: 24px;
    max-width: 500px;
    margin-inline: auto;
  }
  .lpBluelock .lpBluelockTryOn__inner {
    padding-block: 64px;
    padding-inline: 20px;
  }
  .lpBluelock .lpBluelockTryOn__title {
    font-size: 22px;
    line-height: 1.8;
  }
}
@media screen and (min-width: 1025px) {
  .lpBluelock__bottomInner {
    max-width: 1080px;
    padding-inline: 20px;
  }
  .lpBluelock .lpBluelockGoods__inner {
    padding-top: 80px;
    padding-bottom: 58px;
    padding-inline: 120px;
  }
  .lpBluelock .lpBluelockGoods__sampleWrapper {
    display: flex;
    justify-content: space-between;
    gap: 36px;
  }
  .lpBluelock .lpBluelockGoods__title {
    font-size: 28px;
    line-height: 1.6;
  }
  .lpBluelock .lpBluelockGoods__text {
    font-size: 15px;
    margin-top: 24px;
  }
  .lpBluelock .lpBluelockGoods__imgWrapper {
    width: 409px;
    flex-shrink: 0;
  }
  .lpBluelock .lpBluelockGoods__info {
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 65px;
    column-gap: 80px;
  }
  .lpBluelock .lpBluelockGoods__infoGroup {
    grid-template-rows: subgrid;
    grid-row: span 2;
  }
  .lpBluelock .lpBluelockGoods__infoGroup .lpBluelock__button {
    margin-top: 26px;
  }
  .lpBluelock .lpBluelockGoods__infoTitleWrapper::before,
  .lpBluelock .lpBluelockGoods__infoTitleWrapper::after {
    width: 68px;
    background-image: url("../img/goods_info_title_bar_pc.png");
  }
  .lpBluelock .lpBluelockGoods__infoTitleInner {
    align-items: center;
    height: 100%;
  }
  .lpBluelock .lpBluelockGoods__infoTitle {
    font-size: 24px;
  }
  .lpBluelock .lpBluelockGoods__infoDetails {
    margin-top: 26px;
  }
  .lpBluelock .lpBluelockGoods__infoText {
    font-size: 18px;
  }
  .lpBluelock .lpBluelockGoods__infoText--small {
    font-size: 14px;
    margin-top: 6px;
  }
  .lpBluelock .lpBluelockGoods__infoPrice {
    font-size: 28px;
    margin-top: 12px;
  }
  .lpBluelock .lpBluelockGoods__infoCode {
    font-size: 14px;
  }
  .lpBluelock .lpBluelockTryOn {
    margin-top: 40px;
  }
  .lpBluelock .lpBluelockTryOn__inner {
    padding-top: 80px;
    padding-bottom: 58px;
    padding-inline: 120px;
  }
  .lpBluelock .lpBluelockTryOn__title {
    font-size: 32px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1920px) {
  .lpBluelock .lpBluelockProduct__headerImg {
    width: 100%;
    height: auto;
  }
  .lpBluelock .lpBluelockProduct__headerChain--front {
    left: -200px;
    transform: rotate(15deg);
  }
}
@media screen and (min-width: 1441px) {
  .lpBluelock .lpBluelockAccessory__column {
    width: 47.0833333333vw;
    gap: 4.1666666667vw;
  }
  .lpBluelock .lpBluelockAccessory__main {
    width: 21.4583333333vw;
  }
}