@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{wid
th: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;}


#FixedMovie {
  background: #000000;
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: center;
}

#FixedMovie video {
  width: 100%;
  height: auto;
  position: fixed;
}

#FixedMovie .cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#FixedMovie .cover.dot {
  background: url(../images/dot.png);
  background-size: 4px 4px;
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
  #FixedMovie .cover.dot {
    opacity: 0.2;
  }
}

#FixedMovie .cover.alpha {
  background: rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 768px) {
  #FixedMovie .cover.alpha {
    background: rgba(0, 0, 0, 0.55);
  }
}

@media screen and (max-aspect-ratio: 16 / 9) {
  #FixedMovie video {
    height: 100%;
    width: auto;
  }
}

@media screen and (max-width: 768px) {
  #FixedMovie {
    height: calc(100% - 157px);
  }
  #FixedMovie video {
    top: 7%;
    height: calc(86% - 157px);
    width: auto;
  }
  #FixedMovie.notClac video {
    height: 100%;
    top: 0;
  }
}


.p1{
	background: #fefefe;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	}
.p1:before{
    content: "";
    display: block;
    padding-top: 84.5%; /* 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/#322b29+0,231815+100 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#211b1b+0,140c0c+100 */background: linear-gradient(to bottom,  #211b1b 0%,#140c0c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */position:relative;height: auto;margin: 0 0 0 0;}
.p2:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p2h{
    height:auto;
    padding: 0;
    position: relative;
    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;
	}
.p3:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 70.85%;
    }

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

.cl{background: #000;color:#FFF;padding: 1% 0;z-index: 1;position: relative;}


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

.box1{
    width: 82.3%;
    margin: 0 auto 6%;
    position: relative;
}

.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;
    /* flex-direction: column; */ /* 子要素をflexboxにより縦æâ€"¹å‘にæÆ'える */
/*    justify-content: center; /* 子要素をflexboxにより中央に配置ãâ"¢Ã£â€šâ€¹ */
    align-items: center;  /* 子要素をflexboxにより中央に配置ãâ"¢Ã£â€šâ€¹ */
}
.cdt_txt{width: 55%;position: relative;top: 0;left: 0;right: 0;margin: 0 auto;}

.cdt_date {width: 76.6%;position: relative;top: 0;right: 0;left: 0;margin: 0 auto;}
.cdt_wrapper{ background:#1D1B1B;}
.cdt_num{color: #FFF;font-family: "impact";font-size: 4.9vw;margin: 0;}
.cdt{position: absolute;right: 0%;left: 0;top: 33.5%;width: 95%;margin: 5% auto 10% auto;z-index: 0;}
.cdt_date li{/* width: 8%; */margin: 0 2%;}
.cdt_date .cdt_num{/* 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% 3%;
    border-radius: 10px;
	
	
width: 21%;}
.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 */
    background: #020202; /* Old browsers */
    background: -moz-linear-gradient(top,  #020202 10%, #323232 50%, #020202 50%, #020202 50%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #020202 10%,#323232 50%,#020202 50%,#020202 50%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #020202 10%,#323232 50%,#020202 50%,#020202 50%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020202', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    padding: 3%;
    border-radius: 10px;
    width: 100%;
}

.cdt_icon1{
    min-width: 6%;
    height: auto !important;
}

.cdt_hour{
    margin: 0 3% 0 !important;
}
.cdt_min{
    margin: 0 3% 0 !important;
}
.cdt_sec{ margin: 0 3% 0 !important;}


.e1{position: absolute;top: 4.2%;width: 72.2%;left: 0;right: 0;margin: 0 auto;z-index: 1;}
.e2{position: absolute;top: 17.2%;width: 84.8%;left: 0;right: 0;margin: 0 auto;z-index: 1;}
.e3{position: absolute;top: 85.2%;width: 51.2%;left: 0;right: 0;margin: 0 auto;z-index: 1;}
.e4{position: relative;top: 0;width: 29.7%;left: 0;right: 0;margin: 7% auto 5%;z-index: 1;}

.e5{position: relative;top: 12.2%;width: 49.85%;left: 0;right: 0;margin: 0;z-index: 1;}
.e6{position: absolute;top: 0;width: 46.3%;right: 0;margin: 0 auto;z-index: 1;}
.e7{position: absolute;top: 29.2%;width: 46.3%;right: 0;margin: 0 auto;z-index: 1;}

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

.e6-e8{
    position: absolute;
    left: 0%;
    top: 11%;
    width: 100%;
    margin: 0 auto;
    right: 0%;
    z-index: 1;
}
.e6-e8 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 65.0%;
    align-items: center;
}
.e6-e8 li{
    width: 30.0%;
}

.e6-e8 li img{ width:100%;}


.e9{position: absolute;right: 0;left: 0;top: 47.3%;width: 62.35%;margin: 0 auto;z-index: 0;}

.e10{position: absolute;right: 0;left: 0;top: 67%;width: 47.2%;margin: 0 auto;z-index: 0;}
.e11{position: absolute;right: 0;left: 0;top: 83%;width: 42.55%;margin: 0 auto;z-index: 0;}



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




#FixedMovie {
  background: #000000;
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: center;
}

#FixedMovie video {
  width: 100%;
  height: auto;
  position: fixed;
}

#FixedMovie .cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#FixedMovie .cover.dot {
  background: url(../images/dot.png);
  background-size: 4px 4px;
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
  #FixedMovie .cover.dot {
    opacity: 0.2;
  }
}

#FixedMovie .cover.alpha {
  background: rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 768px) {
  #FixedMovie .cover.alpha {
    background: rgba(0, 0, 0, 0.55);
  }
}

@media screen and (max-aspect-ratio: 16 / 9) {
  #FixedMovie video {
    height: 100%;
    width: auto;
  }
}

@media screen and (max-width: 768px) {
  #FixedMovie {
    height: calc(100% - 157px);
  }
  #FixedMovie video {
    top: 7%;
    height: calc(94% - 157px);
    width: auto;
  }
  #FixedMovie.notClac video {
    height: 100%;
    top: 0;
  }
}



.p1{
	background: #fefefe;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	}
.p1:before{
    content: "";
    display: block;
    padding-top: 124.5%; /* 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/#322b29+0,231815+100 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#211b1b+0,140c0c+100 */background: linear-gradient(to bottom,  #211b1b 0%,#140c0c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */position:relative;height: auto;margin: 0 0 0 0;}
.p2:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p2h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
	
.p3{
	background: url(../img/003.jpg) no-repeat;
	background-size: 200% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0% 0 0% 0;
	z-index: 1;
	}
.p3:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 140.85%;
    }

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

.cl{background: #000;color:#FFF;padding: 1% 0;z-index: 1;position: relative;font-size: 12px;}


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

.box1{
    width: 90%;
    margin: 0 auto 9%;
    position: relative;
}
.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;
    /* flex-direction: column; */ /* 子要素をflexboxにより縦æâ€"¹å‘にæÆ'える */
/*    justify-content: center; /* 子要素をflexboxにより中央に配置ãâ"¢Ã£â€šâ€¹ */
    align-items: center;  /* 子要素をflexboxにより中央に配置ãâ"¢Ã£â€šâ€¹ */
}
.cdt_txt{width: 35%;position: relative;top: 0;left: 0;right: 0;margin: 0 auto;}

.cdt_date {width: 100.0%;position: relative;top: 0;right: 0;left: 0;margin: 0 auto;}
.cdt_wrapper{ background:#1D1B1B;}
.cdt_num{color: #FFF;font-family: "impact";font-size: 4.9vw;margin: 0;}
.cdt{position: absolute;right: 0%;left: 0;top: 33.5%;width: 98%;margin: 8% auto 10% auto;z-index: 0;}
.cdt_date li{/* width: 8%; */margin: 0 2%;}
.cdt_date .cdt_num{/* width: auto; */min-width: 10%;text-align: center;margin-top: 0;margin-right: 0%;line-height: 1;font-size: 8.1vw;}

.cdt_date li img{width:100%;height: auto;margin: 0% 0 0 0;}
.cdt_date .cdt_time {width: 6%;/* 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%; */
width: 72%;}
.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 */
    background: #020202; /* Old browsers */
    background: -moz-linear-gradient(top,  #020202 10%, #323232 50%, #020202 50%, #020202 50%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #020202 10%,#323232 50%,#020202 50%,#020202 50%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #020202 10%,#323232 50%,#020202 50%,#020202 50%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020202', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    padding: 3%;
    border-radius: 10px;
    width: 162%;
}

.cdt_icon1{
    min-width: auto;
    height: auto !important;
}

.cdt_hour{
    margin: 0 3% 0 !important;
}
.cdt_min{
    margin: 0 3% 0 !important;
}
.cdt_sec{ margin: 0 3% 0 !important;}



.e1{position: absolute;top: 4.2%;width: 80%;left: 0;right: 0;margin: 0 auto;z-index: 1;}
.e2{position: absolute;top: 17.2%;width: 100%;left: 0;right: 0;margin: 0 auto;z-index: 1;}
.e3{position: absolute;top: 88.2%;width: 70%;left: 0;right: 0;margin: 0 auto;z-index: 1;}
.e4{position: relative;top: 0;width: 60%;left: 0;right: 0;margin: 9% auto 8%;z-index: 1;}

.e5{position: relative;top: 12.2%;width: 100%;left: 0;right: 0;margin: 0;z-index: 1;}
.e6{position: relative;top: 0;width: 100%;right: 0;margin: 8% auto 0;z-index: 1;}
.e7{position: relative;top: 29.2%;width: 100%;right: 0;margin: 0 auto;z-index: 1;}

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

.e6-e8{
    position: absolute;
    left: 0%;
    top: 11%;
    width: 100%;
    margin: 0 auto;
    right: 0%;
    z-index: 1;
}
.e6-e8 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 95%;
    align-items: center;
}
.e6-e8 li{
    width: 30.0%;
}

.e6-e8 li img{ width:100%;}


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

.e10{position: absolute;right: 0;left: 0;top: 67%;width: 90%;margin: 0 auto;z-index: 0;}
.e11{position: absolute;right: 0;left: 0;top: 88%;width: 78%;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 )
{


}
}