@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;}


.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: 47.05%; /* 1:1 */
    }

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

.p2{background: url(../img/002.png) no-repeat;background-size: 100% auto;background-position: center top;position:relative;height: auto;margin: -4.5% 0 0 0;z-index: 5;}
.p2:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 25.75%;
    }

.p2h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
.p3{
	background: url(../img/003.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0% 0 0% 0;
	z-index: 1;
	border-bottom: solid 18px #c40000;
	}
.p3:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 39.65%;
    }

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

.p4{
	background: url(../img/004.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	border-bottom: solid 18px #c40000;
	}
.p4:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 38.05%;
    }

.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: #efefef;
	
background-size: 100% auto;
	
background-position: center top 6%;
	
position:relative;
	
height: auto;
	
margin: 0;
	
z-index: 2;
	
border-bottom: solid 18px #c40000;
	}
.p5:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 71.4%;
    }

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

.p6{
	background: #FFF;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0% 0 0 0;
	z-index: 1;
	}
.p6:before{
    content: "";
    display: block;
    padding-top: 47.1%; /* 1:1 */
    }

.p6h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
.cl{background: #520000;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%;
}
.link{position: absolute;top: 42.5%;width: 16.2%;right: 29.2%;margin: 0 auto;z-index: 1;}
.e1{position: absolute;top: 2.2%;width: 8.0%;right: 12%;margin: 0 auto;z-index: 1;display: none;}
.e2{position: absolute;top: 4.5%;width: 54.55%;left: 0%;right: 0%;margin: 0 auto;z-index: 3;}
.e3{position: absolute;right: 11.5%;top: 49.5%;width: 28.95%;margin: 0 auto;z-index: 4;}
.e4{position: absolute;top: 70.3%;width: 39.45%;left: 22.5%;margin: 0 auto;z-index: 10;}
.e5{position: absolute;top: 28.5%;width: 57.35%;left: 0;right: 0;margin: 0 auto;z-index: 4;}
.e6{position: absolute;right: 0;left: 0;top: 73.5%;width: 40.6%;margin: 0 auto;z-index: 4;}

.e5_1{position: absolute;top: 71.2%;width: 56.755%;left: 16.1%;margin: 0 auto;z-index: 5;}
.e6_1{position: absolute;right: 10.0%;top: 68.6%;width: 16.292%;margin: 0 auto;z-index: 5;}


.e7{position: absolute;left: 0;right: 0;top: 22%;width: 23.1%;margin: 0 auto;z-index: 0;}



.e8-e10{
    position: absolute;
    left: 1.5%;
    top: 42%;
    width: 100%;
    margin: 0 auto;
    right: 0%;
    z-index: 1;
}
.e8-e10 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 73.0%;
    align-items: flex-start;
}
.e8-e10 li{
    width: calc(100% / 3);
    border-right: solid 1px #d9dde2;
}
.e8-e10 li:last-child{border: none;}
.e8-e10 li img{width: 83.3%;}


.e8{position: absolute;left: 13%;top: 40%;width: 54.9%;margin: 0 auto;z-index: 0;}


.e9{position: absolute;right: 14%;top: 57%;width: 67.85%;margin: 0 auto;z-index: 0;}
.e10{position: absolute;left: 0%;right: 0%;top: 16.5%;width: 57.75%;margin: 0 auto;z-index: 0;}

.e11{position: absolute;left: 0%;right: 0%;top: 12%;width: 59.15%;margin: 0 auto;z-index: 0;}
.e12{position: absolute;left: 0%;right: 0%;top: 59%;width: 21.4%;margin: 0 auto;z-index: 0;}
.e13{position: absolute;left: 0;right: 0;top: 68.7%;width: 42.1%;margin: 0 auto;z-index: 0;}

.e14{position: absolute;left: 0;right: 0;top: 7.7%;width: 48.65%;margin: 0 auto;z-index: 0;}

.e15-e18{
    position: absolute;
    left: 1.5%;
    top: 17%;
    width: 100%;
    margin: 0 auto;
    right: 0%;
    z-index: 1;
}
.e15-e18 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 72.4%;
    align-items: end;
}
.e15-e18 li{
    width: 47.1%;
    margin: 0 0 6% 0;
}

.e15-e18 li img{ width:100%;}



.e17{position: relative;top: 0;width: 45.4%;left: 0%;right: 0%;margin: 10% auto 0% 18%;z-index: 1;}

.e18{position: relative;top: 0;width: 21.2%;left: 0%;right: 0%;margin: -37% 15% 6% auto;z-index: 1;}
.e19{position: absolute;top: 14.5%;width: 53.75%;left: 0;right: 0;margin: 0 auto;z-index: 3;}
.e20{position: absolute;top: 24.5%;width: 23.1%;left: 0;right: 0;margin: 0 auto;z-index: 3;}

.e21-e27{
    position: absolute;
    left: 0;
    right: 0;
    top: 34%;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}
.e21-e27 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 76.65%;
    align-items: center;
}
.e21-e27 li{
    width: 22.0%;
    margin: 0 0 6% 0;
}
.e21-e27 li:nth-child(2),.e21-e27 li:nth-child(4),.e21-e27 li:nth-child(6){
    width: 1.7%;
    margin: 0 0 6% 0;
    }
.e21-e27 li img{ width:100%;}


.e28{position: absolute;left: 0;right: 0;top: 73.7%;width: 42.1%;margin: 0 auto;z-index: 0;}
.e29{position: absolute;right: 13%;top: 95.7%;width: 28.7%;margin: 0 auto;z-index: 0;}

.kiyaku_all{
    padding: 20px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    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 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: center;
    flex-wrap: wrap;
    max-width: 90%;
    margin: 0 auto;
    text-align: left;
    }

.kiyaku_all a{ color:#FFF;}



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

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

.p2{background: url(../img/002.png) no-repeat;background-size: 220% auto;background-position: center top;position:relative;height: auto;margin: -4.5% 0 0 0;}
.p2:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 55.75%;
    }

.p2h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
.p3{
	background: url(../img/003.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0% 0 0% 0;
	z-index: 1;
	border-bottom: solid 18px #c40000;
	}
.p3:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 349.65%;
    }

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

.p4{
	background: url(../img/004.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	border-bottom: solid 18px #009fa3;
	}
.p4:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 120.05%;
    }

.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: #efefef;
	
background-size: 100% auto;
	
background-position: center top 6%;
	
position:relative;
	
height: auto;
	
margin: 0;
	
z-index: 2;
	
border-bottom: solid 18px #c40000;
	}
.p5:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 431.4%;
    }

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

.p6{
	background: #FFF;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0% 0 0 0;
	z-index: 1;
	}
.p6:before{
    content: "";
    display: block;
    padding-top: 162.3%; /* 1:1 */
    }

.p6h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
.cl{background: #520000;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%;
}
.link{position: absolute;top: 51.5%;width: 24.3%;right: 34.8%;margin: 0 auto;z-index: 1;}
.e1{position: absolute;top: 2.2%;width: 33.4%;right: 3%;margin: 0 auto;z-index: 1;display: none;}
.e2{position: absolute;top: 7.5%;width: 95%;left: 0;right: 0;margin: 0 auto;z-index: 3;}
.e3{position: absolute;right: -9.5%;top: 50.5%;width: 44.1%;margin: 0 auto;z-index: 3;}
.e4{position: absolute;top: 71.3%;width: 90%;right: 0;left: 0;margin: 0 auto;z-index: 5;}
.e5{position: absolute;top: 26.5%;width: 90%;left: 0;right: 0;margin: 0 auto;z-index: 4;}
.e6{position: absolute;right: 0;left: 0;top: 72.5%;width: 90%;margin: 0 auto;z-index: 4;}

.e5_1{position: absolute;top: 71.2%;width: 56.755%;left: 16.1%;margin: 0 auto;z-index: 5;}
.e6_1{position: absolute;right: 10.0%;top: 68.6%;width: 16.292%;margin: 0 auto;z-index: 5;}


.e7{position: absolute;left: 0;right: 0;top: 4%;width: 60%;margin: 0 auto;z-index: 0;}



.e8-e10{
    position: absolute;
    left: 1.5%;
    top: 10%;
    width: 100%;
    margin: 0 auto;
    right: 0%;
    z-index: 1;
}
.e8-e10 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e8-e10 li{
    width: 90%;
    border-right: none;
    margin: 0 auto 15%;
    padding: 0 0 10% 0;
    border-bottom: solid 1px #d9dde2;
}
.e8-e10 li:last-child{border: none;}
.e8-e10 li img{width: 80%;}


.e8{position: absolute;left: 13%;top: 40%;width: 54.9%;margin: 0 auto;z-index: 0;}


.e9{position: absolute;right: 14%;top: 57%;width: 67.85%;margin: 0 auto;z-index: 0;}
.e10{position: absolute;left: 0%;right: 0%;top: 16.5%;width: 57.75%;margin: 0 auto;z-index: 0;}

.e11{position: absolute;left: 0%;right: 0%;top: 12%;width: 90%;margin: 0 auto;z-index: 0;}
.e12{position: absolute;left: 0%;right: 0%;top: 64%;width: 45%;margin: 0 auto;z-index: 0;}
.e13{position: absolute;left: 0;right: 0;top: 73.7%;width: 90%;margin: 0 auto;z-index: 0;}

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

.e15-e18{
    position: absolute;
    left: 1.5%;
    top: 8%;
    width: 100%;
    margin: 0 auto;
    right: 0%;
    z-index: 1;
}
.e15-e18 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 90%;
    align-items: center;
}
.e15-e18 li{
    width: 100%;
    margin: 0 0 10% 0;
}

.e15-e18 li img{ width:100%;}



.e17{position: relative;top: 0;width: 45.4%;left: 0%;right: 0%;margin: 10% auto 0% 18%;z-index: 1;}

.e18{position: relative;top: 0;width: 21.2%;left: 0%;right: 0%;margin: -37% 15% 6% auto;z-index: 1;}
.e19{position: absolute;top: 5%;width: 90%;left: 0;right: 0;margin: 0 auto;z-index: 3;}
.e20{position: absolute;top: 10.5%;width: 40%;left: 0;right: 0;margin: 0 auto;z-index: 3;}

.e21-e27{
    position: absolute;
    left: 0;
    right: 0;
    top: 18%;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}
.e21-e27 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 90%;
    align-items: center;
}
.e21-e27 li{
    width: 45%;
    margin: 0 0 6% 0;
}
.e21-e27 li:nth-child(2),.e21-e27 li:nth-child(4),.e21-e27 li:nth-child(6){
    width: 3.7%;
    margin: 0 0 6% 0;
    }
.e21-e27 li:nth-child(4){ display: none;}
.e21-e27 li img{ width:100%;}



.e28{position: absolute;left: 0;right: 0;top: 78.7%;width: 90%;margin: 0 auto;z-index: 0;}
.e29{position: absolute;right: 3%;top: 95.7%;width: 50%;margin: 0 auto;z-index: 0;}
}

@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 )
{

}
}