@charset "UTF-8";

/*デフォ設定*/


#lp_{
	font-size: 10px;	
	margin:0 auto;
	text-align: center;
	width: 1100px !important;
	padding: 0 !important;
	letter-spacing: 0.2em !important;
	color:#614440;
	line-height: 1.7;
}

#lp_ div,
#lp_ h1,
#lp_ h2,
#lp_ p,
#lp_ ul,
#lp_ li,
#lp_ span{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  padding: 0;
}

#lp_ p{
	margin: 0 auto !important;
}

#lp_ img{
	margin:0 auto !important;
	width:100%; 
	display:block !important; 
	padding: 0;
	vertical-align: bottom;
}

#lp_ li{
	list-style: none;	
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

#lp_ li p{
	margin: 0 auto;
}

#lp_ .link_item_{
	width:100%;
	margin: 0 auto;
	text-align: center;
	font-size:1.8rem;
	line-height:2.2;
}

#lp_ a{
	opacity:1;
	-ms-filter:alpha(opacity=100);
	filter:alpha(opacity=100);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	text-decoration: underline;
	color:#614440;
	line-height:2.2;
	font-family: Georgia, "Times New Roman", Times, "serif";
}


#lp_ .credit_{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size:1.5rem;
	line-height:2.2;
	font-family: serif;
}

/* -----------------------------------------------
フェードインの動きの大きさ設定
-------------------------------------------------- */
@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
}

/*デフォ設定*/

/*width*/
#lp_ .wd100_{width:100px !important;}
#lp_ .wd300_{width:300px !important;}
#lp_ .wd400_{width:400px !important;}
#lp_ .wd430_{width:430px !important;}
#lp_ .wd500_{width:500px !important;}
#lp_ .wd600_{width:600px !important;}
#lp_ .wd700_{width:700px !important;}
#lp_ .wd900_{width:900px !important;}

/*height*/
#lp_ .ht50_{height:50px !important;}
#lp_ .ht300_{height:300px !important;}
#lp_ .ht500_{height:500px !important;}
#lp_ .ht600_{height:600px !important;}
#lp_ .ht755_{height:755px !important;}
#lp_ .ht1036_{height:1036px !important;}

/*margin-top*/
#lp_ .mgt-100_{margin-top: -100px !important;}
#lp_ .mgt20_{margin-top: 20px !important;}
#lp_ .mgt35_{margin-top: 35px !important;}
#lp_ .mgt40_{margin-top: 40px !important;}
#lp_ .mgt50_{margin-top: 50px !important;}
#lp_ .mgt55_{margin-top: 55px !important;}
#lp_ .mgt60_{margin-top: 60px !important;}
#lp_ .mgt80_{margin-top: 80px !important;}
#lp_ .mgt100_{margin-top: 100px !important;}
#lp_ .mgt150_{margin-top: 150px !important;}
#lp_ .mgt200_{margin-top: 200px !important;}
#lp_ .mgt300_{margin-top: 300px !important;}
#lp_ .mgt350_{margin-top: 350px !important;}

/*margin-bottom*/
#lp_ .mgb50_{margin-bottom: 50px !important;}
#lp_ .mgb100_{margin-bottom: 100px !important;}

/*left right*/
#lp_ .float_left_{float: left !important;}
#lp_ .float_right_{float: right !important;}

/*clearfix*/
#lp_ .clearfix_ {
	content: none !important;
	display: block !important;
	clear: both !important;
}

#lp_ .z-index0_{position: relative; z-index:0;}
#lp_ .z-index5_{position: relative; z-index:5;}
#lp_ .z-index10_{position: relative; z-index:10;}

#lp_ .title_{
	background-image: url("https://www.burnedestrose.com/img/swingle/220401summer_img_0.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position:center;
}

#lp_ .rogo_{
	width: 220px;
	top: 170px;
	left: 20px;
}

#lp_ .titletext_{
	font-size: 4.5rem;
	color: #bbccd4;
	text-align: left;
	line-height: 1.3;
	letter-spacing: 0.6rem;
	margin-left: 30px;
	bottom: 30px;
}

#lp_ .titletext2_{
	font-size: 6rem;
	line-height: 1;
	color: #bbccd4;
}

#lp_ .rela_{
	width: 900px;
	max-width: 900px;
	height: auto;
	position:relative;
	margin: 0 auto;
	overflow: hidden;
}

#lp_ .ab_{
	position: absolute;
}

#lp_ .ab_slide_{
	position: absolute;
	top: 70px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

#lp_ .no_{
	width: 150px;
	z-index: 1;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	filter: drop-shadow(5px 5px 8px #ffffff);
}

#lp_ .no_ img{
	filter: opacity(70%);	
}

#lp_ .cont_s1_{
	background-color: #d7d8d9;
}

#lp_ .cont_s3_{
	background-color: #f4f6cc;
}

#lp_ .cont_s4_{
	background-color: #ede8c7;
}

#lp_ .cont_s6_{
	background-color: #d8dbdc;
}

#lp_ .summer_{
	width: 70px;
	top: 120px;
	right: 65px;
}

#lp_ .summer2_{
	width: 70px;
	top: 120px;
	left: 65px;
}

#lp_ .summer_ img,.summer2_ img{
	z-index: 1;
	width: 100%;
}

#lp_ .smimg_{
	z-index: 0;
}

#lp_ .must1_{
	width: 800px;
	margin: 0 auto;
}

#lp_ .must2_{
	width: 350px;
	margin: 0 auto;
}

#lp_ .what_{
	height: 673px;
	background-color: #def0e6;
}

#lp_ .what1_{
	width: 450px;
	top:50px;
	left: 50px;
}

#lp_ .what2_{
	width: 350px;
	right: 25px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	filter: drop-shadow(5px 5px 8px #ffffff);
}


#lp_ .itemslide1_{
	background-image: url(https://www.burnedestrose.com/img/swingle/220401summer_img_2.jpg);
	background-size: 1000px;
	background-repeat: no-repeat;
	background-position:center;
}

#lp_ .itemslide2_{
	background-image: url(https://www.burnedestrose.com/img/swingle/220401summer_img_6.jpg);
	background-size: 1500px;
	background-repeat: no-repeat;
	background-position: top -80px left -300px;
}

#lp_ .itemslide3_{
	background-image: url(https://www.burnedestrose.com/img/swingle/220401summer_img_10.jpg);
	background-size: 1000px;
	background-repeat: no-repeat;
	background-position:center;
}

#lp_ .itemslide4_{
	background-image: url(https://www.burnedestrose.com/img/swingle/220401summer_img_13.jpg);
	background-size: 1000px;
	background-repeat: no-repeat;
	background-position:center;
}

#lp_ .itemslide5_{
	background-image: url(https://www.burnedestrose.com/img/swingle/220401summer_img_17.jpg);
	background-size: 1700px;
	background-repeat: no-repeat;
	background-position: top -70px left -400px;
}

#lp_ .itemslide6_{
	background-image: url(https://www.burnedestrose.com/img/swingle/220401summer_img_21.jpg);
	background-size: 1000px;
	background-repeat: no-repeat;
	background-position:center;
}

#lp_ .drops{
	box-shadow:
	2.8px 1.8px 2px rgba(0, 0, 0, 0.012),
	9.4px 6px 6.7px rgba(0, 0, 0, 0.018),
	42px 27px 30px rgba(0, 0, 0, 0.03);
}

#lp_ .non_slick_{
	position: absolute;
	width: 750px;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%)  translateX(-50%);
	transform: translateY(-50%)  translateX(-50%);
}

#lp_ .test_{
	background-color: cadetblue;
}