@charset "UTF-8";
/* CSS Document */

html{
  font-size: 10px;
}

#lp_{
	margin: 0 auto 150px;
	width: 1120px;
}

::selection{ /*選択した文書の一部にスタイルを適用*/
  color: #A0A0A0;
  background-color: none;
}

#lp_ article{
	margin: auto;
	width: 1050px;
}

#lp_ img{
	width: 100%;
  text-align: center;
}

#lp_ li{
  list-style: none;
}

/* -----------------------------------------------
フェードインの動きの大きさ設定
-------------------------------------------------- */
@keyframes fadeInUpsmall{
	0%{opacity:0;transform:translate3d(0,10%,0)}
	to{opacity:1;transform:none}
}
.fadeInUpsmall{	animation-name:fadeInUpsmall}

@keyframes fadeInDownsmall{
	0%{opacity:0;transform:translate3d(0,-10%,0)}
	to{opacity:1;transform:none}
}
.fadeInDownsmall{animation-name:fadeInDownsmall}

@keyframes fadeInRightsmall{
	0%{opacity:0;transform:translate3d(10%,0,0)}
	to{opacity:1;transform:none}
}
.fadeInRightsmall{animation-name:fadeInRightsmall}

@keyframes fadeInLeftsmall{
	0%{opacity:0;transform:translate3d(-10%,0,0)}
	to{	opacity:1;transform:none}
}
.fadeInLeftsmall{animation-name:fadeInLeftsmall}

/* -----------------------------------------------
/フェードインの動きの大きさ設定
-------------------------------------------------- */
section{
  margin: 11% auto 0;
  text-align: center;
  position: relative;
}
section:first-child{
  margin: 0 auto;
}
.hash{
  position: absolute;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.4rem;
}
.wi{
  position: absolute;
  font-size: 3rem;
  font-weight: 700;
}
.rela{
  position: relative;
}
.flex{
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: center;
}
.ribbon{  
  position: absolute;
  width: 5% !important;
}

/*テープ*/
.tape{
  opacity: 0.6;
  position: absolute;
  height: 4.5%;
}
.cont_1 .tape{
  background-color: #fad1a8;
}
.cont_2 .tape{
  background-color: #ffdeec;
}
.cont_3 .tape{
  background-color: #fad1a8;
}
.cont_4 .tape{
  background-color: #4a6ab2;
}
.cont_5 .tape{
  background-color: #fad1a8;
}
.title_{
  background-size: 120%;
  overflow: hidden;
  z-index: 0;
}
.title_::before{
  content: '';
  background-image: url("https://www.burnedestrose.com/img/willselection/220727willgirl_0.jpg");
  background-repeat: no-repeat;
  background-size: 167%;
  background-position: 94% 15%;
  -webkit-filter: opacity(40%) blur(10px);
  -moz-filter:opacity(40%) blur(10px);
  -o-filter: opacity(40%) blur(10px);
  -ms-filter: opacity(40%) blur(10px);
  filter: opacity(40%) blur(10px);
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  z-index: -1;
}
  .title_ div{
    padding: 2% 13%;
    margin: auto;
}

/*cont_1*/
.cont_1{
  background-image: url("https://www.burnedestrose.com/img/willselection/220727willgirl_haikei_1.jpg");
  background-color:rgba(255,255,255,0.5);
  background-blend-mode:lighten;
  background-repeat: no-repeat;
  background-size: 83%;
  background-position: bottom 0 right 0;
}
.cont_1 .flex{
  gap: 0 11%;
}
.cont_1 .flex li{
  width: 37%;
}
.cont_1 .photo_1{
  margin: 15% 0 0;
}
.cont_1 .hash{
  top:5%;
  left: 12%;
}
.cont_1 .wi{
    top: 77%;
    left: 51%;
  transform: rotate(45deg);
}
.cont_1 .photo_3{
  text-align: center;
  margin: 5% auto 0;
  padding-bottom: 6%;
  width: 75%;
}
.cont_1 .ribbon{
  bottom: 3%;
  left: 10%;
}
.cont_1 .tape_1{
  width: 28%;
  top: 6%;
  right: -5%;
  transform: rotate(90deg);
}
.cont_1 .tape_2{
  width: 24%;
  bottom: 44%;
  right: 70%;
}
.cont_1 .tape_3{
  width: 30%;
  bottom: 2%;
  right: 25%;
}


/*cont_2*/
.cont_2 .flex{
  gap: 0 3%;
}
.cont_2 .photo_1{
  width: 32%;
  align-self: center;
}
.cont_2 .flex ul{
  width: 53%;
}
.cont_2 .photo_3{
  margin: 5% 10% 0 -10%;
}
.cont_2 .hash{
  bottom: 5%;
  left: 0.5%;
}
.cont_2 .wi{
  top: 12.3%;
  left: 1.6%;
  transform: rotate(-45deg);
}
.cont_2 .tape_1{
  width: 37%;
  height: 108%;
  top: -4%;
  right: 0;
}

/*cont_3*/
.cont_3{
  padding-top: 4.7%;
}
.cont_3 .flex{
  gap: 0;
}
.cont_3 li{
  width: 100%;
}
.cont_3 .photo_2,
.cont_3 .tape_2{
  margin: 9%0 0;
}
.cont_3 .photo_3{
  margin: 18% 0 0;
}
.cont_3 .flex2{
  position: relative;
  margin: -67% 0 0;
}
.cont_3 .tape{
  position: relative;
  width: 33.3%;
  height: 585px;
}
.cont_3 .hash{
  bottom: 5%;
  left: 0.5%;
}
.cont_3 .wi{
  top: 10%;
  left: 62.2%;
  transform: rotate(45deg);
}
.cont_3 .ribbon{
  bottom: 10.5%;
  left: 30.8%;
}

/*cont_4*/
.cont_4{
  background-image: url("https://www.burnedestrose.com/img/willselection/220727willgirl_haikei_2.jpg");
  background-color:rgba(255,255,255,0.5);
  background-blend-mode:lighten;
  background-repeat: no-repeat;
  background-size: 63%;
  background-position: bottom 45% right 4%;
}
.cont_4 li{
  width: 37%;
}
.cont_4 .photo_1{
  margin: auto;
}
.cont_4 .flex{
    margin: -4% 0 0;
    gap: 0 3%;
}
.cont_4 .photo_3{
  margin: 8% 0 0;
  width: 42%;
}
.cont_4 .hash{
  bottom: 0%;
  left: 9.6%;
}
.cont_4 .wi{
  top: 45%;
  left: 64.8%;
  transform: rotate(-45deg);
}

.cont_4 .tape_1{
  width: 21%;
  top: -1%;
  right: 57%;
  transform: rotate(-32deg);
}
.cont_4 .tape_2{
  width: 20%;
  bottom: 1%;
  right: 4%;
  transform: rotate(-36deg);
}
.cont_4 .tape_3{
  width: 50%;
  height: 60%;
  bottom: 4%;
  left: 14%;
  background-color: #dae3f3;
}

/*cont_5*/
.cont_5{
  background-image: url("https://www.burnedestrose.com/img/willselection/220727willgirl_haikei_3.jpg");
  background-color:rgba(255,255,255,0.5);
  background-blend-mode:lighten;
  background-repeat: no-repeat;
  background-size: 75%;
  background-position: bottom 60% left -6%;
}
.cont_5 li{
  margin: auto;
}
.cont_5 .photo_1{
  width: 37%;
}
.cont_5 .photo_2{
  text-align: center;
  margin: 4% auto 0;
  width: 75%;
}
.cont_5 .hash{
  position: static;
  margin: 3% 3% 0 0;
  text-align: right;
}
.cont_5 .wi{
  top: 49%;
  left: 8%;
  transform: rotate(-45deg);
}
.cont_5 .tape_1{
  width: 34%;
  height: 68%;
  top: 28.5%;
  right: 2%;
}
.cont_5 .ribbon{
  bottom: 4%;
  left: 10%;
}


.cont_6 div{
  width: 30%;
  background-color: #614440;
  padding: 20px;
  color: #fff;
  margin: auto;
}