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


.cdt{
    width: 100% !important;
}



.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: 42.3%; /* 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: 28.55%;
    }

.p2h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
.p3{
	background: #fffff5;
	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;
	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: relative;
    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: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p7{
	background: #FFF;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 2;
	}
.p7:before{
    content: "";
    display: block;
    /* padding-top: 39.2%; */ /* 1:1 */
    }

.p7h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.cl{background: #1e1e1e;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%;
}




.cdt ul{
    display: flex;
    justify-content: space-between;
    align-content: unset;
    align-items: end;
    width: 100%;
}
.cdt_txt{width: 35%;position: relative;top: 0;left: 0;right: 0;margin: 0 auto;}

.cdt_date {width: 100%;position: relative;top: 0;right: 0;left: 0;margin: 0 auto;}
.cdt_wrapper{ background:#1D1B1B;}
.cdt_num{color: #2174e6;/* font-family: "impact"; */font-size: 64px;font-weight: bold;margin: 0;}
.cdt{position: absolute;right: 0%;left: 0;top: 6.5%;width: 25.6%;max-width: 511px;margin: 5% auto 10% auto;z-index: 0;}
.cdt_date li{/* width: 8%; */margin: 0 0%;}
.cdt_date .cdt_num{width: auto;/* min-width: 11%; */text-align: center;margin-top: 0;margin-right: 0%;line-height: 1;}

.cdt_date li img{width:100%;height: auto;margin: 0% 0 0 0;}
.cdt_date .cdt_time {/* width: 8%; *//* margin: 0 5% 0%; */}
.cdt_txt img{width: 64%;}
.cdt_date .cdt_time img{margin: 0;}
.cd_day{
    background: #020202;
    background: -moz-linear-gradient(top, #020202 10%, #323232 50%, #020202 50%, #020202 50%, #000000 100%);
    background: -webkit-linear-gradient(top, #020202 10%,#323232 50%,#020202 50%,#020202 50%,#000000 100%);
    background: linear-gradient(to bottom, #020202 10%,#323232 50%,#020202 50%,#020202 50%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020202', endColorstr='#000000',GradientType=0 );
    padding: 3%;
    border-radius: 10px;
	min-width:10%;
	max-width:10%;
}
.time_set{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#020202+10,323232+50,020202+50,020202+50,000000+100 */
     /* Old browsers */
     /* FF3.6-15 */
     /* Chrome10-25,Safari5.1-6 */
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     /* IE6-9 */
    padding: 0;
    border-radius: 10px;
    width: 100%;
}

.cdt_icon1{
    width: 24%;
    max-width: 99px;height: auto !important;
}
.cdt_icon2{
    width: 13%;
    max-width: 50px;height: auto !important;
}
.cdt_icon3{
    width: 13%;
    max-width: 50px;height: auto !important;
}

.cdt_hour{
    margin: 0 auto;
}
.cdt_min{
    margin: 0 auto;
}
.cdt_sec{ margin: 0 auto;}


.e1{position: absolute;top: 3%;width: 9.0%;right: 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: 24%;top: 9.5%;width: 29.5%;margin: 0 auto;z-index: 5;}
.e4{position: absolute;left: 26.5%;top: 61%;width: 24.9%;margin: 0 auto;z-index: 6;}
.e5{position: absolute;right: 18%;bottom: 0;width: 42.1%;margin: 0 auto;z-index: 5;}
.e6{position: absolute;left: 0;right: 0;top: 79%;width: 50.6%;margin: 0 auto;z-index: 8;}



.e7{position: absolute;left: 0;right: 0;top: 15%;width: 23.75%;margin: 0 auto;z-index: 0;}
.e8{position: absolute;right: 0;left: 0;top: 44%;width: 33.7%;margin: 0 auto;z-index: 1;}
.e8_5{position: absolute;right: 0;left: 0;top: 86%;width: 32.3%;margin: 0 auto;z-index: 1;}

.e9{position: relative;right: 0;left: 0;top: 0;width: 46.9%;margin: 7% auto 4%;z-index: 1;}

.e10-e14{
    position: relative;
    left: 0%;
    top: 0;
    width: 100%;
    margin: 0% auto 3% auto;
    right: 0%;
    z-index: 1;
}
.e10-e14 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 44.2%;
    align-items: center;
}
.e10-e14 li{
    width: 28.1%;
    margin: 0 1%;
}
.e10-e14 li:nth-child(2),.e10-e14 li:nth-child(4){width: 2%;}

.e10-e14 li img{ width:100%;}


.e15{position: relative;right: 0;left: 0;top: 0;width: 7.25%;margin: 0 auto;z-index: 0;}

.e16{position: relative;right: 0;left: 0;top: 0;width: 44.95%;margin: 3% auto 2%;z-index: 0;}


.e17{position: relative;top: 0;width: 33.7%;left: 0;right: 0%;margin: 0 auto 7%;z-index: 1;}
.e18{position: relative;top: 0;right: 0;left: 0;width: 7.3%;margin: 6% auto 3%;z-index: 3;}
.e19{position: relative;top: 0;width: 35.5%;right: 0;left: 0;margin: 0 auto 6%;z-index: 1;}
.e20{position: relative;top: 0;width: 29.2%;left: 0;right: 0;margin: 6% auto;z-index: 1;}
.e21{position: relative;top: 0;width: 35.15%;left: 0;right: 0%;margin: 6% auto 3%;z-index: 1;}
.e22{position: relative;top: 0;right: 0;left: 0;width: 40.45%;margin: 0 auto;z-index: 3;}
.e23{position: relative;top: 0;right: 0;left: 0;width: 40.45%;margin: 0 auto;z-index: 3;}
.e24{position: relative;top: 0;right: 0;left: 0;width: 40.45%;margin: 0 auto;z-index: 3;}
.e25{position: relative;top: 0;right: 0;left: 0;width: 40.45%;margin: 0 auto;z-index: 3;}
.e26{position: relative;top: 0;right: 0;left: 0;width: 40.45%;margin: 0 auto;z-index: 3;}
.e27{position: relative;top: 0;right: 0;left: 0;width: 40.45%;margin: 0 auto;z-index: 3;}
.e28{position: relative;top: 0;width: 33.95%;left: 0%;right: 0%;margin: 4% auto 7.5%;z-index: 1;}

.e29{position: relative;top: 0;right: 0;left: 0;width: 25.45%;margin: 5% auto 5%;z-index: 3;}
.e30{position: relative;top: 0;right: 0;left: 0;width: 40.5%;margin: 5% auto 5%;z-index: 3;}
.e31{position: relative;top: 0;right: 0;left: -2%;width: 40.6%;margin: 5% auto 5%;z-index: 3;}
.e32{position: relative;top: 0;right: 0;left: 3%;width: 42.6%;margin: 5% auto 5%;z-index: 3;}
.e33{position: relative;top: 0;right: 0;left: -1%;width: 41.65%;margin: 5% auto 5%;z-index: 3;}
.e34{position: relative;top: 0;right: 0;left: 3%;width: 35.6%;margin: 5% auto 5%;z-index: 3;}
.e35{position: relative;top: 0;right: 0;left: 0;width: 23.85%;margin: 5% auto 5%;z-index: 3;}

.e36{position: relative;top: 0;right: 0;left: -3%;width: 43.75%;margin: 0% auto 0.5%;z-index: 3;}
.e37{position: relative;top: 0;right: 0;left: 2%;width: 43.75%;margin: 0% auto 0.5%;z-index: 3;}
.e38{position: relative;top: 0;right: 0;left: -3%;width: 43.75%;margin: 0% auto 0.5%;z-index: 3;}
.e39{position: relative;top: 0;right: 0;left: 2%;width: 43.75%;margin: 0% auto 0.5%;z-index: 3;}
.e40{position: relative;top: 0;right: 0;left: -3%;width: 43.75%;margin: 0% auto 0.5%;z-index: 3;}
.e41{position: relative;top: 0;right: 0;left: 2%;width: 43.75%;margin: 0% auto 2.5%;z-index: 3;}
.e42{position: relative;top: 0;right: 0;left: 0;width: 40.5%;margin: 5% auto 5%;z-index: 3;}
.e43{position: relative;top: 0;right: 0;left: 3%;width: 35.6%;margin: 5% auto 5%;z-index: 3;}


.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);
		}
	}

    .line_btn2 img,.line_btn2 input,.buy_btn2 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/001SP.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: 182.3%; /* 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: 283% auto;background-position: center top;position:relative;height: auto;margin: 0% 0 0 0;}
.p2:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 78.55%;
    }

.p2h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
.p3{
	background: #fffff5;
	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;
	background-size: 220% 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: relative;
    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: 207% 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: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p7{
	background: #FFF;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 2;
	}
.p7:before{
    content: "";
    display: block;
    /* padding-top: 39.2%; */ /* 1:1 */
    }

.p7h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.cl{background: #1e1e1e;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%;
}



.cdt ul{
    display: flex;
    justify-content: space-between;
    align-content: unset;
    align-items: end;
    width: 100%;
    height: 60px;
}
.cdt_txt{width: 35%;position: relative;top: 0;left: 0;right: 0;margin: 0 auto;}

.cdt_date {width: 100%;position: relative;top: 0;right: 0;left: 0;margin: 0 auto;}
.cdt_wrapper{ background:#1D1B1B;}
.cdt_num{color: #2174e6;/* font-family: "impact"; */font-size: 14.2vw;font-weight: bold;margin: 0;}
.cdt{position: absolute;right: 0%;left: 0;top: 20.5%;width: 90%;max-width: inherit;margin: 5% auto 10% auto;z-index: 0;}
.cdt_date li{/* width: 8%; */margin: 0 0%;}
.cdt_date .cdt_num{width: auto;/* min-width: 11%; */text-align: center;margin-top: 0;margin-right: 0%;line-height: 1;}

.cdt_date li img{width:100%;height: auto;margin: 0% 0 0 0;}
.cdt_date .cdt_time {/* width: 8%; *//* margin: 0 5% 0%; */padding: 0 0 1%;}
.cdt_txt img{width: 64%;}
.cdt_date .cdt_time img{margin: 0;}
.cd_day{
    background: #020202;
    background: -moz-linear-gradient(top, #020202 10%, #323232 50%, #020202 50%, #020202 50%, #000000 100%);
    background: -webkit-linear-gradient(top, #020202 10%,#323232 50%,#020202 50%,#020202 50%,#000000 100%);
    background: linear-gradient(to bottom, #020202 10%,#323232 50%,#020202 50%,#020202 50%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020202', endColorstr='#000000',GradientType=0 );
    padding: 3%;
    border-radius: 10px;
	min-width:10%;
	max-width:10%;
}
.time_set{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#020202+10,323232+50,020202+50,020202+50,000000+100 */
     /* Old browsers */
     /* FF3.6-15 */
     /* Chrome10-25,Safari5.1-6 */
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     /* IE6-9 */
    padding: 0;
    border-radius: 10px;
    width: 100%;
}

.cdt_icon1{
    width: 18%;
    max-width: 99px;height: auto !important;
}
.cdt_icon2{
    width: 9%;
    max-width: 50px;height: auto !important;
}
.cdt_icon3{
    width: 9%;
    max-width: 50px;height: auto !important;
}

.cdt_hour{
    margin: 0 auto;
}
.cdt_min{
    margin: 0 auto;
}
.cdt_sec{ margin: 0 auto;}


.e1{position: absolute;top: 3%;width: 49.5%;left: 4%;right: auto;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: 0;right: 0;top: 9%;width: 60%;margin: 0 auto;z-index: 5;}
.e4{position: absolute;left: 5.0%;top: 53%;width: 44.9%;margin: 0 auto;z-index: 6;}
.e5{position: absolute;right: -12%;bottom: 0;width: 112.1%;margin: 0 auto;z-index: 5;}
.e6{position: absolute;left: 0;right: 0;top: 83%;width: 90%;margin: 0 auto;z-index: 8;}



.e7{position: absolute;left: 0;right: 0;top: 13%;width: 90%;margin: 0 auto;z-index: 0;}
.e8{position: absolute;right: 0;left: 0;top: 50%;width: 90%;margin: 0 auto;z-index: 1;}
.e8_5{position: absolute;right: 0;left: 0;top: 89%;width: 89%;margin: 0 auto;z-index: 1;}

.e9{position: relative;right: 0;left: 0;top: 0;width: 90%;margin: 9% auto 6%;z-index: 1;}

.e10-e14{
    position: relative;
    left: 0%;
    top: 0;
    width: 100%;
    margin: 0% auto 5% auto;
    right: 0%;
    z-index: 1;
}
.e10-e14 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 95%;
    align-items: center;
}
.e10-e14 li{
    width: 28.1%;
    margin: 0 1%;
}
.e10-e14 li:nth-child(2),.e10-e14 li:nth-child(4){width: 2%;}

.e10-e14 li img{ width:100%;}


.e15{position: relative;right: 0;left: 0;top: 0;width: 15%;margin: 0 auto;z-index: 0;}

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


.e17{position: relative;top: 0;width: 90%;left: 0;right: 0%;margin: 0 auto 10%;z-index: 1;}
.e18{position: relative;top: 0;right: 0;left: 0;width: 18%;margin: 8% auto 5%;z-index: 3;}
.e19{position: relative;top: 0;width: 90%;right: 0;left: 0;margin: 0 auto 9%;z-index: 1;}
.e20{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 12% auto;z-index: 1;}
.e21{position: relative;top: 0;width: 80%;left: 0;right: 0%;margin: 8% auto 5%;z-index: 1;}
.e22{position: relative;top: 0;right: 0;left: 0;width: 90%;margin: 0 auto;z-index: 3;}
.e23{position: relative;top: 0;right: 0;left: 0;width: 90%;margin: 0 auto;z-index: 3;}
.e24{position: relative;top: 0;right: 0;left: 0;width: 90%;margin: 0 auto;z-index: 3;}
.e25{position: relative;top: 0;right: 0;left: 0;width: 90%;margin: 0 auto;z-index: 3;}
.e26{position: relative;top: 0;right: 0;left: 0;width: 90%;margin: 0 auto;z-index: 3;}
.e27{position: relative;top: 0;right: 0;left: 0;width: 90%;margin: 0 auto;z-index: 3;}
.e28{position: relative;top: 0;width: 90%;left: 0%;right: 0%;margin: 6% auto 10.5%;z-index: 1;}

.e29{position: relative;top: 0;right: 0;left: 0;width: 80%;margin: 8% auto 8%;z-index: 3;}
.e30{position: relative;top: 0;right: 0;left: -2%;width: 90%;margin: 5% auto 8%;z-index: 3;}
.e31{position: relative;top: 0;right: 0;left: 2%;width: 90%;margin: 5% auto 8%;z-index: 3;}
.e32{position: relative;top: 0;right: 0;left: 1%;width: 90%;margin: 5% auto 8%;z-index: 3;}
.e33{position: relative;top: 0;right: 0;left: 2%;width: 90%;margin: 5% auto 8%;z-index: 3;}
.e34{position: relative;top: 0;right: 0;left: 0%;width: 90%;margin: 5% auto 5%;z-index: 3;}
.e35{position: relative;top: 0;right: 0;left: 0;width: 80%;margin: 10% auto 5%;z-index: 3;}

.e36{position: relative;top: 0;right: 0;left: -3%;width: 95%;margin: 0% auto 0.5%;z-index: 3;}
.e37{position: relative;top: 0;right: 0;left: 2%;width: 95%;margin: 0% auto 0.5%;z-index: 3;}
.e38{position: relative;top: 0;right: 0;left: -3%;width: 95%;margin: 0% auto 0.5%;z-index: 3;}
.e39{position: relative;top: 0;right: 0;left: 2%;width: 95%;margin: 0% auto 0.5%;z-index: 3;}
.e40{position: relative;top: 0;right: 0;left: -3%;width: 95%;margin: 0% auto 0.5%;z-index: 3;}
.e41{position: relative;top: 0;right: 0;left: 2%;width: 95%;margin: 0% auto 2.5%;z-index: 3;}
.e42{position: relative;top: 0;right: 0;left: 0;width: 40.5%;margin: 5% auto 5%;z-index: 3;}
.e43{position: relative;top: 0;right: 0;left: 3%;width: 35.6%;margin: 5% auto 5%;z-index: 3;}

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

}

.e8_sp{
    position: absolute !important;
    right: 0;
    left: 0;
    top: 34%;
    width: 70%;
    margin: 0 auto;
    z-index: 1;
}

@media screen and ( min-width:769px )
{
    .cdt ul{
        height: 100px;
    }
    .day_char{
        font-size: 40px;
    }
    .e8_sp{
        display: none;
    }
}

@media screen and ( min-width:1024px )
{
    .cdt ul{
        height: 60px;
    }
    .day_char{
        font-size: 40px !important;
    }
}

@media screen and ( min-width:1440px )
{
    .cdt ul{
        height: 70px;
    }
}

.cd_day{
    background: none;
    padding: 0;
}

.day_char{
    color: #2174e6;
    font-weight: bold;
    font-size: 6vw;
    margin-bottom: 0;
}