@font-face {
  font-family: "impact";
  src: url("../font/impact.woff")  format('woff');
}

body{margin: 0px auto;padding:0px;width:auto;background:#FFF;max-width: 2000px;}
ul,li{ padding:0px; margin:0px; list-style:none;}


ul{width:100%;margin:0 auto;}
li{ text-align:center;}

.formtext {
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
}



.content{
    width: 100%;
    max-width: 75.5%;
    margin-right: auto;
    margin-left: auto;
    position:relative;
    overflow:hidden;
    }
.content2{
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    position:relative;
    overflow:hidden;
    }

.lightbox { display: none; }

	
.cl_box{
    margin: 0 auto 1% auto;}
	
.cl_box a{ color:#FFF;}

.sp{ display:none;}

.scroll{ display:none;}
.mfrom {
    width: 100%;
    /* text-align: center; */
    outline: 0;
    border: #231815 2px solid;
    color: #a6a8a8;
    font-size: 1.4vw;
    margin: 0 auto 5% auto;
    padding: 1.5% 3%;
}

.pc{ display:block;}
.sp{ display:none;}



.p1{
	background:url(../img/001.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	}
.p1:before{
    content: "";
    display: block;
    padding-top: 45.8%; /* 1:1 */
    }

.p1h{    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
	right:0;
    width: 100%;
    height: 100%;
	margin:0 auto;}
	

.p2{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c4f1+0,0093ef+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */background: url(../img/002.jpg) no-repeat;background-size: 100% auto;background-position: center top;position:relative;height: auto;margin: 0% 0 0 0;}
.p2:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 31.35%;
    }

.p2h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
.p3{
	background: #79bd29;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 0;
	}
.p3:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p3h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p4{
	background: url(../img/004.jpg) no-repeat;
	background-position: center top 19%;
	background-size: 100% auto;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 5;
	}
.p4:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 31.5%;
    }

.p4h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p5{
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c4f1+0,0093ef+100 */
	 /* Old browsers */
	
 /* FF3.6-15 */
	
 /* Chrome10-25,Safari5.1-6 */
	
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
 /* IE6-9 */
	
background: #f1efe8;
	
background-position: center top;
	
position:relative;
	
height: auto;
	
margin: 0 0 0 0;
	
z-index: 2;
	}
.p5:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p5h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	

.p6{
	background: url(../img/006.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 2;
	}
.p6:before{
    content: "";
    display: block;
    padding-top: 39.2%; /* 1:1 */
    }

.p6h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.cl{background: #493a39;color:#FFF;padding: 1% 0;}


.p1 img,.p2 img,.p3 img,.p4 img,.p5 img,.p6 img,.p7 img,.p8 img,.p9 img,.p10 img,.p11 img,.p12 img,.p13 img,.p14 img,.p15 img,.p16 img,.p17 img,.p18 img,.p19 img,.p20 img,.p21 img,.p22 img,.p23 img,.t1 img,.w01 img,.t2 img,.t3 img,.t4 img,.t5 img,.t6 img,.t7 img,.t8 img,.p21 img,.p22 img,.p23 img,.p24 img,.p25 img,.p26 img{ width:100%;}
.addFriend input{ width:100%;}


.form_box1{position: relative;top: 0;width: 58.3%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 1;}
.form_box1 input{
    width: 100%;
    height: 0%;
    text-align: center;
    border-radius: 500px;
    outline: 0;
    border: #aaa 2px solid;
    color: #666;
    font-size: 2.2vw;
    margin: 0 auto 3% auto;
    padding: 3% 5%;
}

.e1{position: absolute;top: 14%;width: 30.7%;left: 21.5%;margin: 0 auto;z-index: 1;}
.e2{position: absolute;top: 68%;width: 18.2%;left: 28.6%;margin: 0 auto;z-index: 3;}
.e3{position: absolute;left: 27%;top: 74.5%;width: 21.2%;margin: 0 auto;z-index: 5;}
.e4{position: absolute;right: 36%;top: 9%;width: 9.15%;margin: 0 auto;z-index: 0;}
.e5{position: absolute;left: 0;right: 0;top: 17.5%;width: 40.0%;margin: 0 auto;z-index: 0;}
.e6{position: absolute;left: 0;right: 0;top: 41%;width: 2.80%;margin: 0 auto;z-index: 0;}



.e7{position: absolute;left: 0;right: 0;top: 43%;width: 46.35%;margin: 0 auto;z-index: 0;}
.e8{position: relative;right: 0;left: 0;top: 0;width: 18.6%;margin: 4% auto 1%;z-index: 1;}

.e9-e13{
    position: relative;
    left: 0%;
    top: 0;
    width: 100%;
    margin: 0% auto 3% auto;
    right: 0%;
    z-index: 1;
}
.e9-e13 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 44.2%;
    align-items: center;
}
.e9-e13 li{
    width: 29.2%;
    margin: 0 1%;
}

.e9-e13 li img{ width:100%;}

.e9{position: absolute;right: 0;left: 0;top: 42%;width: 11.15%;margin: 0 auto;z-index: 0;}
.e10{position: absolute;left: 22%;top: 45%;width: 26.8%;margin: 0 auto;z-index: 0;}

.e11{position: absolute;left: 26%;top: 43%;width: 18.65%;margin: 0 auto;z-index: 0;}
.e12{position: absolute;right: 24%;top: 48.5%;width: 23.25%;margin: 0 auto;z-index: 0;}
.e13{position: absolute;left: 0%;right: 7%;top: 64%;width: 9.7%;margin: 0 auto;z-index: 0;}

.e14{position: absolute;left: 0;right: 0;top: 19%;width: 39.15%;margin: 0 auto;z-index: 0;}
.e15{position: absolute;right: 0;left: 0;top: 64%;width: 24.35%;margin: 0 auto;z-index: 0;}

.e16{position: relative;right: 0;left: 0;top: 0;width: 16.4%;margin: 5% auto;z-index: 0;}


.e17{position: relative;top: 0;width: 33.45%;left: 0;right: 0%;margin: 0 0 0 23%;z-index: 1;}
.e18{position: relative;top: 0;right: 0;left: 0;width: 35.90%;margin: 0 22% 3% auto;z-index: 3;}
.e19{position: relative;top: 0;width: 44.9%;right: 0;left: 23%;margin: 0;z-index: 1;}
.e20{position: relative;top: 0;width: 46.4%;left: 0;right: 0;margin: 0 22% 3% auto;z-index: 1;}
.e21{position: relative;top: 0;width: 39.95%;left: 0;right: 0%;margin: 0 0 2% 23%;z-index: 1;}
.e22{position: relative;top: 0;right: 0;left: 0;width: 43.20%;margin: 0 22% 5% auto;z-index: 3;}
.e23{position: relative;top: 0;width: 31.7%;right: 0;left: 23%;margin: 0;z-index: 1;}
.e24{position: relative;top: 0;width: 36.7%;left: 0;right: 0;margin: 0 22% 5% auto;z-index: 1;}
.e25{position: relative;top: 0;width: 36.90%;left: 0;right: 0%;margin: 0 0 0 23%;z-index: 1;}
.e26{position: relative;top: 0;right: 0;left: 0;width: 42.05%;margin: 0 22% 5% auto;z-index: 3;}


.e27{position: absolute;top: 17%;width: 35.7%;left: 0%;right: 0%;margin: 0 auto;z-index: 1;}
.e28{position: absolute;top: 44%;width: 33.95%;left: 0%;right: 0%;margin: 0 auto;z-index: 1;}
.e29{position: absolute;top: 71%;width: 24.35%;left: 0;right: 0;margin: 0 auto;z-index: 2;}


.e30{position: absolute;top: 28%;width: 43.8%;right: 0;left: 0;margin: 0 auto;z-index: 1;}
.e31{position: absolute;top: 53%;width: 47.3%;left: 0;right: 0;margin: 0 auto;z-index: 1;}
.e32{position: absolute;top: 73%;width: 47.3%;right: 0;left: 0;margin: 0 auto;z-index: 1;}


.kiyaku_all{ padding: 20px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 400px;
    margin: 0 auto;}

.kiyaku_all a{ color:#FFF;}

.addFriend{
    width: 68%;
    margin: -1% auto 10% auto;
}

.info_send .addFriend { margin: 5% auto 5% auto;     width: 31.2%;}
input{ width:100%;}
.line_btn a{ display:block;}
.line_btn img,.line_btn input,.buy_btn img
	{
		animation:
			bounce 2s ease infinite normal 0s none running
		;
		-webkit-animation:
			bounce 2s ease infinite normal 0s none running
		;
		-ms-animation:
			bounce 2s ease infinite normal 0s none running
		;
	}
	@keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: scale(1.0);
		}
		40% {
		    transform: scale(1.2);
		}
		60% {
		    transform: scale(1.1);
		}
		
	}
	@-webkit-keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: scale(1.0);
		}
		40% {
		    transform: scale(1.2);
		}
		60% {
		    transform: scale(1.1);
		}
	}


.reflection.go {
  height: 100%;
  width: 8%;
  position: absolute;
  top: -56%;
  left: -3%;
  background-color: #fff;
  opacity     :0;
  transform: rotate(45deg);
  animation: reflection 2s ease-in-out ;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 2s ease-in-out ;
  -moz-transform: rotate(45deg);
  -moz-animation: reflection 2s ease-in-out ;
  -ms-transform: rotate(45deg);
  -ms-animation: reflection 2s ease-in-out ;
  -o-transform: rotate(45deg);
  -o-animation: reflection 2s ease-in-out ;
}


@keyframes reflection {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
  0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
  0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
  0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}


@media screen and ( max-width:1048px )
{



}


@media screen and ( max-width:768px )
{
	html{ overflow:auto;}
	body{ margin:0px; padding:0px; width:auto; background:none; overflow:hidden;}
.content{
max-width: 100%;
    }
	



.pc{ display:none;}
.sp{ display:block;}

.mfrom {
    width: 100%;
    /* text-align: center; */
    outline: 0;
    border: #231815 2px solid;
    color: #a6a8a8;
    font-size: 3.4vw;
    margin: 0 auto 5% auto;
    padding: 1.5% 3%;
}



.parallax {
  width: 100%;

	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:inherit;
	text-align: center;
}



.kiyaku_all{
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 88%;
    margin: 0 auto;
    }

.kiyaku_all a{ color:#FFF;}



.p1{
	background:url(../img/001.jpg) no-repeat;
	background-size: 190% auto;
	background-position: right 35% top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	}
.p1:before{
    content: "";
    display: block;
    padding-top: 95.8%; /* 1:1 */
    }

.p1h{    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
	right:0;
    width: 100%;
    height: 100%;
	margin:0 auto;}
	

.p2{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c4f1+0,0093ef+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */background: url(../img/002.jpg) no-repeat;background-size: 240% auto;background-position: center top;position:relative;height: auto;margin: 0% 0 0 0;}
.p2:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 71.35%;
    }

.p2h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
.p3{
	background: #79bd29;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 0;
	}
.p3:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p3h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p4{
	background: url(../img/004.jpg) no-repeat;
	background-position: center top 19%;
	background-size: 120% auto;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 5;
	}
.p4:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 81.5%;
    }

.p4h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p5{
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c4f1+0,0093ef+100 */
	 /* Old browsers */
	
 /* FF3.6-15 */
	
 /* Chrome10-25,Safari5.1-6 */
	
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
 /* IE6-9 */
	
background: #f1efe8;
	
background-position: center top;
	
position:relative;
	
height: auto;
	
margin: 0 0 0 0;
	
z-index: 2;
	}
.p5:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p5h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	

.p6{
	background: url(../img/006.jpg) no-repeat;
	background-size: 280% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 2;
	}
.p6:before{
    content: "";
    display: block;
    padding-top: 109.2%; /* 1:1 */
    }

.p6h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.cl{background: #493a39;color:#FFF;padding: 1% 0;}


.p1 img,.p2 img,.p3 img,.p4 img,.p5 img,.p6 img,.p7 img,.p8 img,.p9 img,.p10 img,.p11 img,.p12 img,.p13 img,.p14 img,.p15 img,.p16 img,.p17 img,.p18 img,.p19 img,.p20 img,.p21 img,.p22 img,.p23 img,.t1 img,.w01 img,.t2 img,.t3 img,.t4 img,.t5 img,.t6 img,.t7 img,.t8 img,.p21 img,.p22 img,.p23 img,.p24 img,.p25 img,.p26 img{ width:100%;}
.addFriend input{ width:100%;}


.form_box1{position: relative;top: 0;width: 58.3%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 1;}
.form_box1 input{
    width: 100%;
    height: 0%;
    text-align: center;
    border-radius: 500px;
    outline: 0;
    border: #aaa 2px solid;
    color: #666;
    font-size: 2.2vw;
    margin: 0 auto 3% auto;
    padding: 3% 5%;
}

.e1{position: absolute;top: 17%;width: 55.7%;left: 3%;margin: 0 auto;z-index: 1;}
.e2{position: absolute;top: 65%;width: 48.2%;left: 11%;margin: 0 auto;z-index: 3;}
.e3{position: absolute;left: 4%;top: 74.5%;width: 61.2%;margin: 0 auto;z-index: 5;}
.e4{position: absolute;right: 28%;top: 1%;width: 19.15%;margin: 0 auto;z-index: 0;}
.e5{position: absolute;left: 0;right: 0;top: 17.5%;width: 90%;margin: 0 auto;z-index: 0;}
.e6{position: absolute;left: 0;right: 0;top: 42%;width: 10%;margin: 0 auto;z-index: 0;}



.e7{position: absolute;left: 0;right: 0;top: 50%;width: 90%;margin: 0 auto;z-index: 0;}
.e8{position: relative;right: 0;left: 0;top: 0;width: 80%;margin: 8% auto 1%;z-index: 1;}

.e9-e13{
    position: relative;
    left: 0%;
    top: 0;
    width: 100%;
    margin: 0% auto 8% auto;
    right: 0%;
    z-index: 1;
}
.e9-e13 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e9-e13 li{
    width: 29.2%;
    margin: 0 1%;
}

.e9-e13 li img{ width:100%;}

.e9{position: absolute;right: 0;left: 0;top: 42%;width: 11.15%;margin: 0 auto;z-index: 0;}
.e10{position: absolute;left: 22%;top: 45%;width: 26.8%;margin: 0 auto;z-index: 0;}

.e11{position: absolute;left: 26%;top: 43%;width: 18.65%;margin: 0 auto;z-index: 0;}
.e12{position: absolute;right: 24%;top: 48.5%;width: 23.25%;margin: 0 auto;z-index: 0;}
.e13{position: absolute;left: 0%;right: 7%;top: 64%;width: 9.7%;margin: 0 auto;z-index: 0;}

.e14{position: absolute;left: 0;right: 0;top: 15%;width: 90%;margin: 0 auto;z-index: 0;}
.e15{position: absolute;right: 0;left: 0;top: 58%;width: 90%;margin: 0 auto;z-index: 0;}

.e16{position: relative;right: 0;left: 0;top: 0;width: 60%;margin: 8% auto;z-index: 0;}


.e17{position: relative;top: 0;width: 69.45%;left: 0;right: 0%;margin: 0 0 0 3%;z-index: 1;}
.e18{position: relative;top: 0;right: 0;left: 0;width: 77.9%;margin: 0 3% 6% auto;z-index: 3;}
.e19{position: relative;top: 0;width: 95.9%;right: 0;left: 3%;margin: 0 0 3% 0;z-index: 1;}
.e20{position: relative;top: 0;width: 93.4%;left: 0;right: 0;margin: 0 3% 7% auto;z-index: 1;}
.e21{position: relative;top: 0;width: 87.95%;left: 0;right: 0%;margin: 0 0 4% 3%;z-index: 1;}
.e22{position: relative;top: 0;right: 0;left: 0;width: 90.2%;margin: 0 3% 10% auto;z-index: 3;}
.e23{position: relative;top: 0;width: 71.7%;right: 0;left: 3%;margin: 0;z-index: 1;}
.e24{position: relative;top: 0;width: 78.7%;left: 0;right: 0;margin: 0 3% 10% auto;z-index: 1;}
.e25{position: relative;top: 0;width: 86.9%;left: 0;right: 0%;margin: 0 0 3% 3%;z-index: 1;}
.e26{position: relative;top: 0;right: 0;left: 0;width: 90.05%;margin: 0 3% 8% auto;z-index: 3;}


.e27{position: absolute;top: 12%;width: 90%;left: 0%;right: 0%;margin: 0 auto;z-index: 1;}
.e28{position: absolute;top: 37%;width: 90%;left: 0%;right: 0%;margin: 0 auto;z-index: 1;}
.e29{position: absolute;top: 64%;width: 90%;left: 0;right: 0;margin: 0 auto;z-index: 2;}


.e30{position: absolute;top: 28%;width: 43.8%;right: 0;left: 0;margin: 0 auto;z-index: 1;}
.e31{position: absolute;top: 53%;width: 47.3%;left: 0;right: 0;margin: 0 auto;z-index: 1;}
.e32{position: absolute;top: 73%;width: 47.3%;right: 0;left: 0;margin: 0 auto;z-index: 1;}

.scroll{
display: block;
    position: absolute;
    left: 0%;
    top: 92%;
    width: 60%;
    margin: 0 auto;
    right: 0%;
    z-index: 1;
}


}

@media screen and ( max-width:600px )
{


}

@media screen and ( max-width:425px )
{
}

}
@media screen and ( max-width:414px )
{
}


@media screen and ( max-width:393px )
{
}


@media screen and ( max-width:375px )
{

}

@media screen and ( max-width:360px )
{

}

@media screen and ( max-width:320px )
{

}
}