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

html{
  font-size: 10px;
}

#lp_{
	margin: 0 auto 8%;
	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: 100px auto 0;
  text-align: center;
  position: relative;
}
section:first-child{
  margin: 0 auto;
}
.hash{
  position: absolute;
  font-size: 2.5rem;
  font-weight: 400;
  letter-spacing: 0.4rem;
}
.wi{
  position: absolute;
  font-size: 8rem;
  font-weight: 200;
  letter-spacing: 0.5rem;
  margin-right: -0.5rem;
}
.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: 5%;
}
.cont_3 .tape{
  background-color: #eee8dc;
}
.cont_5 .tape{
  background-color: #fff5d2;
}



.title_{
  background-size: 120%;
  overflow: hidden;
  z-index: 0;
}
.title_::before{
  content: '';
  background-image: url("https://www.burnedestrose.com/img/willselection/220728willlady_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{
  margin: 4% 0 0 !important;
  background-image: url("https://www.burnedestrose.com/img/willselection/220728willlady_1.jpg");
  background-color:rgba(255,255,255,0.8);
  background-blend-mode:lighten;
  background-repeat: no-repeat;
  background-size: 61%;
  background-position: bottom 0 right 0;
}
.cont_1 .photo_1, .cont_1 .photo_3{
  width: 37%;
}
.cont_1 .photo_1{
 margin: 0 0 0 10%;
}
.cont_1 .photo_2{
  width: 67%;
  margin: 4% 0 0;
}
.cont_1 .photo_3{
  position: absolute;
  bottom: 41%;
  right: 10%;
}
.cont_1 .hash{
  position: static;
  padding: 4% 0;
  text-align: center;
}
.cont_1 .wi{
  top: 7%;
  left: -11%;
  transform: rotate(-90deg);
}


/*cont_2*/
.cont_2{
  padding: 4%;
  background-color: #ede8da;
}
.cont_2 .flex {
  gap: 0 5%;
}
.cont_2 .flex li{
  width: 40%;
}
.cont_2 .photo_3{
  width: 85%;
  margin: auto;
}
.cont_2 .hash{
  position: static;
  padding: 1.5% 0;
  text-align: center;
}
.cont_2 .wi{
  color: #98894d;
  top: 24%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/*cont_3*/
.cont_3 .rela{
  margin: auto;
}
.cont_3 li{
  width: 37%;
}
.cont_3 .photo_1{
margin: 0 30% 0 auto;
}
.cont_3 .photo_2{
margin: 0 0 0 8%;
}
.cont_3 .photo_3{
margin: 6% auto 0 24%;
}
.cont_3 .photo_4{
  width: 40%;
  position: absolute;
  bottom: 26%;
  right: 8%;
}
.cont_3 .hash{
  top: 37.5%;
  left: 50.5%;
}
.cont_3 .wi{
  color: #C6B364;
}
.cont_3 .wi1{
  position: static;
  display: inline-block;
  margin: 0 -39% -4% 0;
}
.cont_3 .wi2{
  top: 5.3%;
  right: 20.6%;
  transform: rotate(90deg);
}
.cont_3 .tape_1{
  width: 85%;
  height: 80%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*cont_4*/
.cont_4{
  background-image: url(https://www.burnedestrose.com/img/willselection/220728willlady_12.jpg);
  background-color: rgba(255,255,255,0.8);
  background-blend-mode: lighten;
  background-repeat: no-repeat;
  background-size: 54%;
  background-position: bottom 73% left 0;
}
.cont_4 .flex {
  gap: 0 5%;
}
.cont_4 .flex li{
  width: 37%;
}
.cont_4 .photo_1{
  margin: 15% 0 0;
}
.cont_4 .rela{
  width: 66%;
  margin: -10% 0 0 27%;
}
.cont_4 .wi{
  color: #7e535a;
  top: 50%;
  right: 13%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cont_4 .hash{
  position: static;
  margin: 0 0 0 -24%;
  padding: 3% 0;
  text-align: center;
}

/*cont_5*/
.cont_5 li{
  width: 40%;
}
.cont_5 .photo_1{
  float: right;
  margin-right: 22%;
    width: 37%;
}
.cont_5 .flex {
  gap: 0 5%;
}
.cont_5 .photo_2{
  margin-top: -5%;
}
.cont_5 .photo_3{
  margin-top: 5%;
}
.cont_5 .photo_4{
  margin: -5% 0  0 22%;
  width: 37%;
}
.cont_5 .tape_1{
  width: 100%;
  height: 68%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cont_5 .wi{
  top: 13.3%;
  right: 0%;
  color: #c7aa45;
  transform: rotate(90deg);
}
.cont_5 .hash{
  position: static;
  margin: 0 0 0 -20%;
  padding: 3% 0;
  text-align: center;
}

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