.headline-l{display: none;}
.headline-l.align-l{display: block;}
img{ opacity: 1; transition: opacity 0.3s ease; width: 100%; image-rendering: auto;}
img[data-image]{ opacity: 0;}

.lp-box{
  position: relative;
  max-width: 750px;
  margin: 0 auto;
  overflow:hidden;
  font-family:'Shippori Mincho', serif;
  font-size: 24px;
  line-height: 1.666;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0;
  color: #1A1D3E;
}

.lp-box div{
  position: relative;
}

.lp-box .lp-txt,
.lp-box .lp-ab{
  position: absolute;
}
.lp-box .lp-ab{
  z-index: 2;
}
.lp-box .top{aspect-ratio: 8/9;}
.lp-box .head1{aspect-ratio: 25/29;}
.lp-box .head2{ aspect-ratio: 375 / 394;}
.lp-box .block1{aspect-ratio: 40/139;}
.lp-box .block2{ aspect-ratio: 375 / 404;}
.size-title{aspect-ratio: 85/11;}
.lp-box .top2{aspect-ratio: 1/1;}
.lp-box .head3{aspect-ratio: 40/43;}
.lp-box .block3{aspect-ratio: 400/583;}
.lp-box .head4{aspect-ratio: 80/89;}
.lp-box .block4{aspect-ratio: 50/51;}

.lp-box .head3,
.lp-box .head4{
  margin-top: -20px;
}

.lp-box .top .pos2{
  left: 24.5%;
  top: 18.2%;
  width: 51%;
}
.lp-box .top .pos2-txt{
  fill: #59473C;
  font-size: 2.4rem;
}
.lp-box .top .pos2>span{
  position: absolute;
  left:0;
  top:10%;
  line-height: 1;
  width: 100%;
  text-align: center;
  font-size: 2.7rem;
  color: #59473C;
}
.lp-box .top .pos3 {
  left: 9.5%;
  top: 23.3%;
  width: 81.2%;
}
.lp-box .top .pos4 {
  left: 0;
  top: 32%;
  width: 100%;
  text-align: center;
  letter-spacing: 0.05em;
  color: #59473C;
}
.lp-box .top .pos4 em{
  font-size: 4.8rem;
}
.lp-box .top .pos4 span{
  font-size: 3.0rem;
}

.lp-box .top .pos5 {
  width: 100%;
  left: 0;
  top: 37.5%;
}
.lp-box .top .pos5 p{
  display: flex; 
  justify-content: center;
  align-items: flex-end;
}
.lp-box .top .pos5 span{
  display: flex;
  align-items: center;
  font-size: 3.8rem;
  line-height: 1;
  text-align: center;
  border: 2px solid #AC534E;
  border-radius: 50%;
  color: #AC534E;
  letter-spacing: -1px;
  background: #fff;
  padding: 26px 9px;
}
.lp-box .top .pos5 strong{
  font-size: 15.8rem;
  font-weight: 500;
  line-height: 1;
  padding-left: 0.1em;
  color: #AC534E;
}
.lp-box .top .pos5 em {
  position: relative;
  font-size: 6.5rem;
  line-height: 1;
  color: #59473C;
  margin-bottom: 2%;
}
.lp-box .top .pos5 em sup{
  position: absolute;
  display: block;
  font-size: 2.5rem;
  line-height: 1;
  left: -20%;
  top: -34%;
  text-align: center;
}
.lp-box .top .pos6 {
  left: 12%;
  top: 56.5%;
  display: flex;
  align-items: self-end;
}
.lp-box .top .pos6 span{
  font-size: 3.2rem;
  line-height: 1;
  text-align: center;
  border-radius: 10px;
  letter-spacing: 0.05em;
  align-self: flex-end;
  color: #59473C;
}
.lp-box .top .pos6 strong{
  font-size: 6.2rem;
  font-weight: 500;
  line-height: 1;
  padding-left: 0.1em;
  color: #59473C;
  margin-bottom: -1%;
}
.lp-box .top .pos6 em {
  position: relative;
  font-size: 3.3rem;
  line-height: 1;
  padding-top: 7%;
  margin-top: 9.5%;
  color: #59473C;
}
.lp-box .top .pos6 sup {
  font-size: 1.1rem;
  position: absolute;
  left: -15%;
  top: 1%;
  color: #59473C;
}
.lp-box .top .pos7 {
  display: flex;
  align-items: flex-end;
  left: 42%;
  top: 57.3%;
  padding-left: 4.5%;
}
.lp-box .top .pos7::after{
  content:'';
  position: absolute;
  display: block;
  width: 1px;
  height: 100%;
  top:4%;
  left:0;
  background:#59473C;
}
.lp-box .top .pos7 span{
  font-size: 1.7rem;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: -1%;
  color: #59473C;
}
.lp-box .top .pos7 span i{
  color: #AC534E;
  display: block;
  font-size: 3rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
  font-weight: 600;
}
.lp-box .top .pos7 strong{
  font-size: 6.2rem;
  font-weight: 500;
  line-height: 1;
  padding-left: 0.1em;
  color: #59473C;
  margin-bottom: -1%;
}
.lp-box .top .pos7 em {
  position: relative;
  font-size: 3.3rem;
  line-height: 1;
  padding-top: 4%;
  margin-top: 3.5%;
  color: #59473C;
}
.lp-box .top .pos7 sup {
  font-size: 1.1rem;
  position: absolute;
  left: -15%;
  top: 1%;
  color: #59473C;
}
.lp-box .top .pos8 {
  width: 100%;
  left: 0;
  top: 68%;
  font-size: 2.5rem;
  color: #59473C;
  display: flex;
  flex-direction: column;
}
.lp-box .top .pos8 em{
  line-height: 1;
  margin-bottom: 1%;
}
.lp-box .top .pos8 span{
  display: inline-block;
  width: auto;
  color: #59473C;
  line-height: 1.3;
  padding: 0 0.25em;
}
.lp-box .top .pos9 {
  width: 100%;
  left: 0;
  top: 83.5%;
  font-size:  2.6rem;
  color: #59473C;
}


.lp-box .head1,
.lp-box .head2{
  margin-top: -1px;
}
.lp-box .head1 .title,
.lp-box .head2 .title,
.lp-box .head3 .title,
.lp-box .head4 .title{
  font-size: 3.3rem;
  line-height: 77px;
  left:0;
  top:0;
  width: 100%;
  color:#fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.2em;
}
.lp-box .head3 .title,
.lp-box .head4 .title{
  margin-top: 2.2%;
  letter-spacing: 0;
}

.lp-box .block1 .list,
.lp-box .block2 .list,
.lp-box .block3 .list,
.lp-box .block4 .list{
  display: flex;
  left:5%;
  top:2.5%;
  flex-wrap:wrap;
  width: 90%;
}
.lp-box .block1 .list{
  top: 6.3%;
}
.lp-box .block1 .list2{
  top: 41%;
}
.lp-box .block3 .list{
  top: 6%;
}
.lp-box .block4 .list{
  top: 3%;
}

.lp-box .block1 .list>li,
.lp-box .block2 .list>li,
.lp-box .block3 .list>li,
.lp-box .block4 .list>li{
  width: 50%;
  margin-bottom: 1%;
}

.lp-box .block1 .list>li a,
.lp-box .block2 .list>li a,
.lp-box .block3 .list>li a,
.lp-box .block4 .list>li a{
  position: relative;
  display: block;
}

.lp-box .block1 .list p,
.lp-box .block2 .list p,
.lp-box .block3 .list p,
.lp-box .block4 .list p {
  top: 15.85%;
  left: 37.5%;
  color: #fff;
  font-size: 2.4rem;
  width: 59%;
  line-height: 1em;
  text-align: left;
}

.lp-box .block1 .list p.pos3{top: 17.5%;}
.lp-box .block1 .list p.pos4{top: 18.5%;}
.lp-box .block1 .list p.pos5{top: 18.5%; left: 34.5%;}
.lp-box .block1 .list p.pos6{top: 17.5%; left: 35.5%;}
.lp-box .block1 .list p.pos9{top: 18.5%;}
.lp-box .block1 .list p.pos10{top: 18.5%;}
.lp-box .block1 .list p.pos11{top: 18.5%;}
.lp-box .block1 .list p.pos13{top: 16.5%; letter-spacing: -0.1em;}
.lp-box .block1 .list p.pos14{top: 17%;}

.lp-box .block2 .list p.pos12 {
  top: 13.85%;
  left: 38.5%;
  text-align: left;
}
.lp-box .block2 .list p.pos13 {
  top: 12.5%;
  left: 36.5%;
  text-align: left;
}
.lp-box .block2 .list p.pos14 {
  top: 14.5%;
  left: 40%;
  text-align: left;
}
.lp-box .block2 .list p.pos15 {
  top: 13.85%;
  left: 37.5%;
  text-align: left;
}
.lp-box .block3 .list p.block3-txt1{
  font-size: 2.0rem;
  top: 16.85%;
  left: 34.5%;
  letter-spacing: -0.1em;
  text-shadow: 1px 1px 10px rgba(0,0,0,1);
}
.lp-box .block3 .list li:nth-child(1) p.block3-txt1{
  top: 13%;
}
.lp-box .block3 .list p.block3-txt2{
  font-size: 2.0rem;
  top: 16.85%;
  left: 33.5%;
  letter-spacing: -0.2em;
  text-shadow: 1px 1px 10px rgba(0,0,0,1);
}
.lp-box .block4 .list p.block4-txt1{
  left: 34.5%;
  letter-spacing: -0.1em;
  text-shadow: 1px 1px 10px rgba(0,0,0,1);
}
.lp-box .block4 .list li:nth-child(n+3) p{
  top: 21.85%;
}


.lp-box .block1 .btn,
.lp-box .block2 .btn,
.lp-box .block3 .btn,
.lp-box .block4 .btn{
  left:7.6%;
  bottom: 3.45%;
  width: 84.75%;
}
.lp-box .block2 .btn {
  bottom: 13%;
}
.lp-box .block3 .btn {
  bottom: 8%;
}
.lp-box .block4 .btn {
  bottom: 9%;
}
.lp-box .block1 .btn .txt,
.lp-box .block2 .btn .txt,
.lp-box .block3 .btn .txt,
.lp-box .block4 .btn .txt {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  color:#fff;
}
.lp-box .block1 .btn .txt .inline1,
.lp-box .block2 .btn .txt .inline1,
.lp-box .block3 .btn .txt .inline1,
.lp-box .block4 .btn .txt .inline1{
  display: block;
  font-size: 2.2rem;
  line-height: 1;
  letter-spacing: 0.1em;
}
.lp-box .block1 .btn .txt .inline2,
.lp-box .block2 .btn .txt .inline2,
.lp-box .block3 .btn .txt .inline2,
.lp-box .block4 .btn .txt .inline2{
  display: block;
  font-size: 2.2rem;
  line-height: 1;
  letter-spacing: 0.1em;
}
.lp-box .block1 .btn .txt .inline2 strong,
.lp-box .block2 .btn .txt .inline2 strong,
.lp-box .block3 .btn .txt .inline2 strong,
.lp-box .block4 .btn .txt .inline2 strong{
  font-size: 4.8rem;
}
.lp-box .block1 .btn .txt .inline2 span,
.lp-box .block2 .btn .txt .inline2 span,
.lp-box .block3 .btn .txt .inline2 span,
.lp-box .block4 .btn .txt .inline2 span{
  font-size: 3.2rem;
}
.lp-box .block4 .new{
  position: absolute;
  right: -3.5%;
  bottom: -5%;
  width: 20%;
  max-width: 80px;
}
.lp-box .size-title{
  top: 2.5%;
  left: 7.5%;
  width: 85%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lp-box .size-title img{
  left: 0;
  top: 0;
}
.lp-box .size-title.type2{top: 37.2%}
.lp-box .size-title span{
  position: relative;
  color: #fff;
  font-size: clamp(28px, 2.8106vw, 34px);
  letter-spacing: 0.1em;
}
.lp-box .size-title span:nth-child(2){font-size: clamp(24px, 2.397vw, 29px);}
.lp-box .size-title span:nth-child(4){font-size: clamp(25px, 2.562vw, 31px);}

@media screen and (max-width: 1150px) {
  .lp-box .top .pos4 em{
    font-size: clamp(3.7rem, 4.1vw, 4.8rem);
  }
  .lp-box .top .pos4 span{
    font-size: clamp(2.3rem, 2.6vw, 3rem);
  }
  .lp-box .top .pos5 span{
    font-size: clamp(2.9rem, 3.3vw, 3.8rem);
  }
  .lp-box .top .pos5 strong{
    font-size: clamp(12.2rem, 13.7vw, 15.8rem);
  }
  .lp-box .top .pos5 em {
    font-size: clamp(5rem, 5.6vw, 6.5rem);
  }
  .lp-box .top .pos5 em sup{
    font-size: clamp(1.9rem, 2.1vw, 2.5rem);
  }
  .lp-box .top .pos6 span{
    font-size: clamp(2.4rem, 2.7vw, 3.2rem);
  }
  .lp-box .top .pos6 strong{
    font-size: clamp(4.8rem, 5.3vw, 6.2rem);
  }
  .lp-box .top .pos6 em {
    font-size: clamp(2.5rem, 2.8vw, 3.3rem);
  }
  .lp-box .top .pos6 sup {
    font-size: clamp(0.8rem, 0.9vw, 1.1rem);
  }
  .lp-box .top .pos7 span{
    font-size: clamp(1.3rem, 1.4vw, 1.7rem);
  }
  .lp-box .top .pos7 span i{
    font-size: clamp(2.3rem, 2.6vw, 3rem);
  }
  .lp-box .top .pos7 strong{
    font-size: clamp(4.8rem, 5.3vw, 6.2rem);
  }
  .lp-box .top .pos7 em {
    font-size: clamp(2.5rem, 2.8vw, 3.3rem);
  }
  .lp-box .top .pos7 sup {
    font-size: clamp(0.8rem, 0.9vw, 1.1rem);
  }
  .lp-box .top .pos8 {
    font-size: clamp(1.9rem, 2.1vw, 2.5rem);
  }
  .lp-box .top .pos9 {
    font-size: clamp(1.9rem, 2.1vw, 2.5rem);
  }

  .lp-box .head1 .title,
  .lp-box .head2 .title,
  .lp-box .head3 .title,
  .lp-box .head4 .title{
    font-size: 2.8vw;
    line-height: 6.6vw;
  }
  .lp-box .block1 .list p,
  .lp-box .block2 .list p,
  .lp-box .block3 .list p,
  .lp-box .block4 .list p {
    font-size: 2vw;
  }
  .lp-box .block1 .btn .txt .inline1,
  .lp-box .block2 .btn .txt .inline1,
  .lp-box .block3 .btn .txt .inline1,
  .lp-box .block4 .btn .txt .inline1{
    font-size: 1.9vw;
  }
  .lp-box .block1 .btn .txt .inline2,
  .lp-box .block2 .btn .txt .inline2,
  .lp-box .block3 .btn .txt .inline2,
  .lp-box .block4 .btn .txt .inline2{
    font-size: 1.9vw;
  }

  .lp-box .block1 .btn .txt .inline2 strong,
  .lp-box .block2 .btn .txt .inline2 strong,
  .lp-box .block3 .btn .txt .inline2 strong,
  .lp-box .block4 .btn .txt .inline2 strong{
    font-size: 4.17vw;
  }
  .lp-box .block1 .btn .txt .inline2 span,
  .lp-box .block2 .btn .txt .inline2 span,
  .lp-box .block3 .btn .txt .inline2 span,
  .lp-box .block4 .btn .txt .inline2 span{
    font-size: 2.78vw;
  }
}
@media screen and (max-device-width: 767px) {
  .lp-box{
    width: calc(100% + 26px);
    margin-left: -13px;
    font-size: 4vw;
  }
  .lp-box .top .pos2 {
    top: 17%;
  }
  .lp-box .top .pos4 em{
    font-size: 6vw;
  }
  .lp-box .top .pos4 span{
    font-size: 3.75vw;
  }
  .lp-box .top .pos5 span{
    font-size: 4.75vw;
    padding: 3.25vw 1.1vw;
  }
  .lp-box .top .pos5 strong{
    font-size: 19.75vw;
  }
  .lp-box .top .pos5 em {
    font-size: 8.125vw;
  }
  .lp-box .top .pos5 em sup{
    font-size: 3.125vw;
  }
  .lp-box .top .pos6 span{
    font-size: 4vw;
  }
  .lp-box .top .pos6 strong{
    font-size: 7.75vw;
  }
  .lp-box .top .pos6 em {
    font-size: 4.375vw;
  }
  .lp-box .top .pos6 sup {
    font-size: 1.375vw;
  }
  .lp-box .top .pos7 span{
    font-size: 2.125vw;
  }
  .lp-box .top .pos7 span i{
    font-size: 3.75vw;
  }
  .lp-box .top .pos7 strong{
    font-size: 7.75vw;
  }
  .lp-box .top .pos7 em {
    font-size: 4.125vw;
  }
  .lp-box .top .pos7 sup {
    font-size: 1.375vw;
  }
  .lp-box .top .pos8 {
    font-size: 3.125vw;
  }
  .lp-box .top .pos9 {
    font-size: 3.125vw;
  }

  .lp-box .head1 .title,
  .lp-box .head2 .title,
  .lp-box .head3 .title,
  .lp-box .head4 .title{
    font-size: 4.29vw;
    line-height: 10vw;
  }
  .lp-box .block2 .list p.pos13 {
    top: 13.5%;
  }
  .lp-box .block1 .list p ,
  .lp-box .block2 .list p {
    font-size: 3vw;
  }
  .lp-box .block3 .list p.block3-txt1,
  .lp-box .block3 .list p.block3-txt2{
    font-size: 2.7vw;
  }
  .lp-box .block4 .list p.block4-txt1{
    font-size: 3vw;
  }
  .lp-box .block1 .btn .txt .inline1,
  .lp-box .block2 .btn .txt .inline1,
  .lp-box .block3 .btn .txt .inline1,
  .lp-box .block4 .btn .txt .inline1{
    font-size: 2.86vw;
  }
  .lp-box .block1 .btn .txt .inline2,
  .lp-box .block2 .btn .txt .inline2,
  .lp-box .block3 .btn .txt .inline2,
  .lp-box .block4 .btn .txt .inline2{
    font-size: 2.86vw;
  }
  .lp-box .block1 .btn .txt .inline2 strong,
  .lp-box .block2 .btn .txt .inline2 strong,
  .lp-box .block3 .btn .txt .inline2 strong,
  .lp-box .block4 .btn .txt .inline2 strong{
    font-size: 6.25vw;
  }
  .lp-box .block1 .btn .txt .inline2 span,
  .lp-box .block2 .btn .txt .inline2 span,
  .lp-box .block3 .btn .txt .inline2 span,
  .lp-box .block4 .btn .txt .inline2 span{
    font-size: 4.16vw;
  }
  .lp-box .size-title span{
    font-size: 4.5vw;
  }
  .lp-box .size-title span:nth-child(2){font-size: 3.8vw;}
  .lp-box .size-title span:nth-child(4){font-size: 4.1vw;}
}
</style>
<style>
/*cicica*/
.list3 {
  position: relative;
  padding-bottom: 24%;
  background-image: url(https://queeneyes.itembox.design/item/itempage/cicica/2mai/lens-bg.webp);
  background-size: cover;
}
.list3 ul{
  display: flex;
  left:5%;
  top:10%;
  width: 90%;
  flex-wrap:wrap;
}
.list3 li{
  position: relative;
  width: 50%;
}
.list3 li p {
  font-size: clamp(2rem ,2vw,2.4rem);
  width: 63%;
  left: 27%;
  top: 54%;
  text-align: center;
  line-height: 2.25;
  letter-spacing: -0.1em;
  color: #fff;
  font-family: "Zen Maru Gothic", serif;
}
.link2{
  display: block;
  width: 70%;
  left:15%;
  border: 1px solid #594942;
  border-radius: 100px;
  aspect-ratio: 600 / 140;
  padding: 10px;
  display: block;
  font-family: "Zen Maru Gothic", serif;
}
.link2>div{
  font-size: clamp(2.6rem ,2.6vw ,3rem);
  background: #594942;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  align-items: center;
  justify-content: center;
  color:#fff;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
}
.link2>div small{
  font-size: clamp(2.4rem ,2.4vw ,2.8rem);
  line-height: 1;
  display: block;
  margin-top: -0.1em;
}
.link2>div strong{
  display: inline-block;
  font-weight: 500;
  line-height: 0.9; 
  font-size: clamp(4rem ,4vw,5rem);
}
@media screen and (max-device-width: 767px) {
  .list3 li p {
    font-size:3.1vw;
    line-height: 2;
  }
  .link2{
    padding: 3px;
    display: block;
    aspect-ratio:initial;
  }
  .link2>div{
    height: 100%;
    padding: 0.5em 0;
    box-sizing: border-box;
    aspect-ratio:initial;
    font-size: 4vw;
    text-align: center;
  }
  .link2>div small{
    font-size: 3.6vw;
  }
  .link2>div strong{
    font-size: 6vw;
    font-weight: 500;
    text-align: center;
  }
}