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


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

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

.p2{background: #FFF;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: 12.4%;
    }

.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;
	}
.p3:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 49.0%;
    }

.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;
	padding: 0 0 0 0;
	z-index: 5;
	}
.p4:before{
    content: "";
    display: block;
    padding-top: 48.95%; /* 1:1 */
    }

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


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

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

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

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


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

.p5h{
    height:auto;
    padding: 0;
    position: absolute;
    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: -9% 0 0 0;
	z-index: 1;
	}
.p6:before{
    content: "";
    display: block;
    padding-top: 71.9%; /* 1:1 */
    }

.p6h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
.p7{position:relative;background: url(../img/007.jpg) no-repeat;background-size: 100% auto;background-attachment: fixed;background-position: top center;height: auto;margin: 0 0 0 0;}
.p7:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 120.2%;
    }

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


.p7_5{position:relative;background: #fff;background-size: 100% auto;background-position: top center;height: auto;margin: 0 0 0 0;}
.p7_5:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 96.0%;
    }

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



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

.p8h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p9{
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eaeaea+0,e1e1e1+100 */
	
 /* Old browsers */
	
 /* FF3.6-15 */
	
 /* Chrome10-25,Safari5.1-6 */
	
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
 /* IE6-9 */
	
background-size: 100% auto;
	
background-position: center top;
	
position:relative;
	
height: auto;
	
margin: -1.5% 0 0 0;
	
padding: 0;
	
z-index: 9;
	}
.p9:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 85.0%;
    background: url(../img/009.jpg) no-repeat;
    background-size: 100% auto;
    background-position: center top;
    }

.p9h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p10{
	background: url(../img/010.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: -1.5% 0 0 0;
	z-index: 8;
	}
.p10:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 61%;
    }

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

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

.p11h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
	
.p12{
	background: url(../img/012.jpg) no-repeat;
	background-size: 100% auto;
	background-position: top center;
	position:relative;
	height: auto;
	margin: -1.5% 0 0 0;
	z-index: 6;
	}
.p12:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 97.0%;
    }

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

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

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


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

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


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

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

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

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


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

.p16h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p17{
	background-size: 100% auto;
	background-position: top center;
	background: url(../img/017.jpg) no-repeat;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
.p17:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 46.2%;
    }

.p17h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p18{
	background: #FFF;
	background-size: 100% auto;
	background-position: top center;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	}
.p18:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 35%;
    }

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

.cl{background: #222222;color:#FFF;padding:1% 0;}





.p1 img,.p2 img,.p3 img,.p4 img,.p4_3 img,.p4_5 img,.p5 img,.p6 img,.p7 img,.p7_5 img,.p8 img,.p9 img,.p10 img,.p11 img,.p12 img,.p13 img,.p14 img,.p15 img,.p15_5 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: absolute;top: 39%;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: 0;
    outline: 0;
    border: #aaa 1px solid;
    color: #666;
    font-size: 2.2vw;
    margin: 0 auto 3% auto;
    padding: 3% 5%;
}

.main_animation{margin: 0 20%;width: 60% !important;height:auto !important;position: absolute;top: 22%;}
.main_animation canvas,.main_animation #dom_overlay_container{ width:100% !important; height:auto !important;}


.sc1{position:absolute;top: 0;margin:0 auto;left:0;right:0;padding: 1.6% 0 1.4% 0;z-index: 10;background: #fff;}
.sc2{position:absolute;top: 32%;margin:0 auto;left:0;right:0;z-index: 10;}
.sc3{position:absolute;top: 48%;margin:0 auto;left:0;right:0;z-index: 10;}

  .loop_css2 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100vw;
    overflow: hidden;
    margin-bottom: 0;
  }

  .loop_css2 ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
    margin: 0 0px 0 0px;
    padding: 0;
  }

  .loop_css2 li {
    display: inline-block;
    width: calc(100vw / 2);
    min-width: auto;
    max-width: initial;
    margin: 0 1% 0 1%;
    list-style: none;
    text-align: center;
  }

  .loop_css2 li a {
    display: block;
  }

  .loop_css2 li img {
    display: block;
    width: 100%;
    height: auto;
  }

  .loop_css2 li a:hover {
    opacity: .7;
  }

  .loop_css2 ul:first-child {
    -webkit-animation: loop 50s -25s linear infinite;
    animation: loop 50s -25s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
  }

  .loop_css2 ul + ul {
    -webkit-animation: loop2 50s  linear infinite;
    animation: loop2 50s linear infinite;
  }
  

  @-webkit-keyframes loop {
    0% {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    to {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
  }

  @keyframes loop {
    0% {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    to {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
  }

  @-webkit-keyframes loop2 {
    0% {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
    to {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }

  @keyframes loop2 {
    0% {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
    to {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }



  .loop_css3 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100vw;
    overflow: hidden;
    margin-bottom: 0;
  }

  .loop_css3 ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
    margin: 0 0px 0 0px;
    padding: 0;
  }

  .loop_css3 li {
    display: inline-block;
    width: calc(100vw / 2);
    min-width: auto;
    max-width: initial;
    margin: 0 1% 0 1%;
    list-style: none;
    text-align: center;
  }

  .loop_css3 li a {
    display: block;
  }

  .loop_css3 li img {
    display: block;
    width: 100%;
    height: auto;
  }

  .loop_css3 li a:hover {
    opacity: .7;
  }

  .loop_css3 ul:first-child {
    -webkit-animation: loop3 50s -25s linear infinite;
    animation: loop3 50s -25s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
  }

  .loop_css3 ul + ul {
    -webkit-animation: loop4 50s  linear infinite;
    animation: loop4 50s linear infinite;
  }
  

  @-webkit-keyframes loop3 {
    0% {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }

  @keyframes loop3 {
    0% {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }

  @-webkit-keyframes loop4 {
    0% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
  }

  @keyframes loop4 {
    0% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
  }


.e1{position: absolute;top: 0;width: 17.25%;left: 19%;margin: 0 auto;z-index: 1;}

.e2{position: absolute;top: 13%;width: 45.0%;left: 18%;margin: 0% auto 0% auto;z-index: 5;}
.e3{position: absolute;bottom: 0;width: 37.05%;right: 8%;margin: 0% auto 0% auto;z-index: 5;}
.e4{position: absolute;top: 54.9%;width: 5.1%;left: 18%;margin: 0% auto 0% auto;z-index: 5;}
.e5{position: absolute;top: 7%;width: 22.25%;right: 26%;margin: 0% auto 0% auto;z-index: 5;}
.e6{position: absolute;top: 39%;width: 42.75%;right: 19%;margin: 0% auto 0% auto;z-index: 5;}
.e7{position: absolute;top: 86.8%;width: 23.45%;right: 27%;margin: 0% auto 0% auto;z-index: 5;}

.e8{position: absolute;top: 10%;width: 60.15%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}

.e9{position: absolute;top: 12%;width: 69.3%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e10{position: absolute;top: 59%;width: 34.7%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e11{position: absolute;top: 62%;width: 62.0%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}


.e12{position: absolute;top: 13%;width: 49.85%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}

.e13-e20{
    position: absolute;
    left: 0%;
    top: 26%;
    width: 100%;
    margin: 0 auto;
    right: 0%;
    z-index: 3;
}
.e13-e20 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 73.55%;
    align-items: flex-end;
}
.e13-e20 li{
width: 22.7%;
margin: 0 0;
}
.e13-e20 li img{ width:100%;}

.white_box{position: absolute;background: #FFF;top: 27%;width: 72.1%;height: 71.26%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}


.e21{position: absolute;top: 11%;width: 26.25%;left: 0%;right: 0%;margin: 0 auto;z-index: 5;}
.e21_5{position: absolute;top: 23%;}
.e22{position: absolute;top: 32%;width: 52.3%;left: 0%;right: 0%;margin: 0 auto;z-index: 5;}
.e23{position: absolute;top: 85%;width: 10.3%;left: 0%;right: 0%;margin: 0 auto;z-index: 5;}

.e24{position: absolute;top: 20%;width: 46.5%;left: 0%;right: 0%;margin: 0 auto;z-index: 5;}

.e25-e27{
    position: absolute;
    left: 0%;
    top: 35%;
    width: 100%;
    margin: 0 auto;
    right: 0%;
    z-index: 3;
}
.e25-e27 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 53.2%;
    align-items: flex-end;
}
.e25-e27 li{width: 32.0%;margin: 0 0;}
.e25-e27 li img{ width:100%;}


.e28{position: absolute;top: 5%;width: 37.7%;left: 23%;margin: 0 auto;z-index: 5;}
.e29{position: absolute;top: 18%;width: 33.6%;left: 23.3%;margin: 0 auto;z-index: 5;}

.e31{position: absolute;top: 51%;width: 41.6%;left: 23.3%;margin: 0 auto;z-index: 5;}

.e30-e31{
    position: absolute;
    left: 0%;
    top: 53%;
    width: 100%;
    margin: 0 auto;
    right: 0%;
    z-index: 3;
}
.e30-e31 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: flex-end;
}
.e30-e31 li{width: 50%;margin: 0 0;}
.e30-e31 li img{ width:100%;}

.e32{position: absolute;top: 79%;width: 31.95%;left: 23.3%;margin: 0 auto;z-index: 5;}

.e33{position: absolute;top: 3%;width: 2.75%;left: 16%;margin: 0% auto 0% auto;z-index: 5;}
.e34{position: absolute;top: 2%;width: 31.4%;right: 6%;margin: 0% auto 0% auto;z-index: 5;}

.e35{position: absolute;top: 3.5%;width: 39.15%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e36{position: absolute;top: 17%;width: 40.45%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e37{position: absolute;top: 28.5%;width: 100%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e38{position: absolute;top: 43%;width: 35.65%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 6;}
.e39{position: absolute;top: 54%;width: 100%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e40{position: absolute;top: 69%;width: 36.3%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 6;}

.e41{position: absolute;bottom: 0%;width: 5.70%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}


.e42{position: absolute;top: 4%;width: 32.5%;left: 3%;margin: 0 auto;z-index: 1;}
.e43{position: absolute;top: 6%;width: 2.75%;right: 16%;margin: 0 auto;z-index: 1;}
.e44{position: absolute;top: 8%;width: 32.6%;right: 0;left: 0;margin: 0 auto;z-index: 1;}

.e45{position: absolute;top: 30%;width: 42.0%;right: 0;left: 0;margin: 0 auto;z-index: 1;}
.e46{position: absolute;bottom: 0%;width: 5.70%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e47{position: absolute;top: 7%;width: 2.75%;left: 16%;margin: 0 auto;z-index: 1;}



.e48{position: absolute;top: 5%;width: 32.7%;right: 3%;margin: 0 auto;z-index: 1;}
.e49{position: absolute;top: 10%;width: 39.45%;right: 0;left: 0;margin: 0 auto;z-index: 1;}

.e50{position: absolute;top: 10%;width: 33.35%;left: 0%;right: 0%;margin: 0 auto;z-index: 1;}

.e51{position: absolute;bottom: 0%;width: 5.70%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e52{position: absolute;top: 4%;width: 32.85%;left: 3%;margin: 0 auto;z-index: 1;}

.e53{position: absolute;top: 4%;width: 2.75%;right: 16%;margin: 0 auto;z-index: 1;}

.e54{position: absolute;top: 7%;width: 50.0%;left: 25%;margin: 0% auto 0% auto;z-index: 10;}
.e55{position: absolute;top: 24%;width: 32.05%;right: 0;left: 0;margin: 0% auto 0% auto;z-index: 10;}
.e56{position: absolute;top: 68%;width: 56.45%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e56_5{position: absolute;bottom: 0%;width: 5.70%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e57{position: absolute;top: 4%;width: 32.6%;right: 4%;margin: 0% auto 0% auto;z-index: 0;}
.e57_5{position: absolute;top: 7%;width: 2.75%;left: 16%;margin: 0 auto;z-index: 1;}

.e58{position: absolute;top: 8%;width: 45.3%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e59{position: absolute;top: 27%;width: 38.85%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e60{position: absolute;bottom: 0%;width: 5.70%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e61{position: absolute;top: 5%;width: 33.00%;left: 3%;margin: 0% auto 0% auto;z-index: 5;}
.e62{position: absolute;top: 7%;width: 2.75%;right: 16%;margin: 0% auto 0% auto;z-index: 5;}
.e63{position: absolute;top: 12%;width: 32.95%;left: 0;right: 0;margin: 0% auto 0% auto;z-index: 5;}
.e64{position: absolute;top: 36%;width: 32.0%;left: 0;right: 0;margin: 0% auto 0% auto;z-index: 5;}
.e64_5{position: absolute;bottom: 0%;width: 5.70%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e65{position: absolute;top: 5%;width: 2.75%;left: 16%;margin: 0% auto 0% auto;z-index: 5;}
.e66{position: absolute;top: 3%;width: 32.2%;right: 3%;margin: 0% auto 0% auto;z-index: 5;}
.e67{position: absolute;top: 7%;width: 50.35%;left: 0;right: 0;margin: 0% auto 0% auto;z-index: 5;}
.e68{position: absolute;top: 25%;width: 31.0%;right: 0;left: 0;margin: 0% auto 0% auto;z-index: 5;}
.e69{position: absolute;top: 33%;width: 36.7%;right: 0;left: 0;margin: 0% auto 0% auto;z-index: 5;}
.e70{position: absolute;top: 82%;width: 38.75%;left: 0;right: 0;margin: 0% auto 0% auto;z-index: 5;}
.e71{position: absolute;bottom: 0%;width: 5.70%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e72{position: absolute;top: 4.3%;width: 32.85%;left: 4.0%;margin: 0% auto 0% auto;z-index: 5;}
.e73{position: absolute;top: 5%;width: 2.75%;right: 16%;margin: 0% auto 0% auto;z-index: 5;}
.e74{position: absolute;top: 9%;width: 32.25%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 1;}
.e75{position: absolute;top: 26.2%;width: 37.0%;left: 0;right: 0;margin: 0% auto 0% auto;z-index: 5;}
.e76{position: absolute;bottom: 0%;width: 5.70%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}

.e77{position: absolute;top: 7%;width: 2.75%;left: 16%;margin: 0% auto 0% auto;z-index: 5;}
.e78{position: absolute;top: 4%;width: 32.85%;right: 2%;margin: 0% auto 0% auto;z-index: 5;}

.e79{position: absolute;top: 11%;width: 31.3%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e80{position: absolute;top: 38%;width: 30.55%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e81{position: absolute;top: 19%;width: 39.5%;left: 22%;margin: 0% auto 0% auto;z-index: 5;}
.e81_2{position: absolute;top: 6%;width: 31.6%;right: 13%;margin: 0% auto 0% auto;z-index: 4;}
.e82{position: absolute;top: 10%;width: 52.1%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e82_5{position: absolute;top: 69%;}
.e83{position: absolute;top: 77%;width: 74.75%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}

.e84{position: absolute;top: 28%;width: 50.75%;left: 18%;margin: 0% auto 0% auto;z-index: 5;}
.e85{position: absolute;bottom: 0;width: 19.8%;right: 10%;margin: 0% auto 0% auto;z-index: 5;}

.e86{position: absolute;bottom: 0;width: 41.25%;left: 17%;margin: 0% auto 0% auto;z-index: 5;}
.e87{position: absolute;top: 9%;width: 43.3%;right: 18%;margin: 0% auto 0% auto;z-index: 7;}
.e88{position: absolute;top: 36%;width: 31.85%;right: 18%;margin: 0% auto 0% auto;z-index: 5;}
.e89{position: absolute;top: 56%;width: 31.85%;right: 18%;margin: 0% auto 0% auto;z-index: 5;}
.e90{position: absolute;top: 78%;width: 31.85%;right: 18%;margin: 0% auto 0% auto;z-index: 5;}

.floating_btn{position: fixed;bottom: 5%;right: 5%;z-index: 10;width: 10%;}
.floating_btn a{ display:block;}
.floating_btn img{
    width: 100%;
}

.f_menu{
    width: 370px;
    margin: 0.0% auto 0.5% auto;
}
.f_menu ul{
    display: flex;
    justify-content: space-between;
}
.f_menu li{}
.f_menu li a{ color: #FFF;}
.f_menu li a:hover{}


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


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

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

.p2{background: #FFF;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: 24.4%;
    }

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

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

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

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


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

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

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

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


.p5{
	background: url(../img/005.png) no-repeat;
	background-size: 169% auto;
	background-position: bottom center;
	position:relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p5:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 59%;
    }

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

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

.p6h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
.p7{position:relative;background: url(../img/007.jpg) no-repeat;background-size: 220% auto;background-attachment: fixed;background-position: top center;height: auto;margin: 0 0 0 0;}
.p7:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 230.2%;
    }

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


.p7_5{position:relative;background: #fff;background-size: 100% auto;background-position: top center;height: auto;margin: 0 0 0 0;}
.p7_5:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 96.0%;
    }

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



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

.p8h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p9{
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eaeaea+0,e1e1e1+100 */
	
 /* Old browsers */
	
 /* FF3.6-15 */
	
 /* Chrome10-25,Safari5.1-6 */
	
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
 /* IE6-9 */
	
background-size: 130% auto;
	
background-position: center top;
	
position:relative;
	
height: auto;
	
margin: -4.5% 0 0 0;
	
padding: 0;
	
z-index: 9;
	}
.p9:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 185%;
    background: url(../img/009.jpg) no-repeat;
    background-size: 160% auto;
    background-position: center top;
    }

.p9h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p10{
	background: url(../img/010.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: -4.5% 0 0 0;
	z-index: 8;
	}
.p10:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 171%;
    }

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

.p11{
	background: url(../img/011.jpg) no-repeat;
	background-size: 272.3% auto;
	background-position: top center;
	position: relative;
	height: auto;
	margin: -4.5% 0 0 0;
	z-index: 7;
	}
.p11:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 315.75%;
    }

.p11h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
	
.p12{
	background: url(../img/012.jpg) no-repeat;
	background-size: 160% auto;
	background-position: top center;
	position:relative;
	height: auto;
	margin: -4.5% 0 0 0;
	z-index: 6;
	}
.p12:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 237%;
    }

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

.p13{
	background: url(../img/013.jpg) no-repeat;
	background-size: 289.5% auto;
	background-position: top center;
	position:relative;
	height: auto;
	margin: -4.5% 0 0 0;
	z-index: 5;
	}
.p13:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 213.75%;
    }

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


.p14{
	background: url(../img/014.jpg) no-repeat;
	background-size: 235.0% auto;
	background-position: top center;
	position:relative;
	height: auto;
	margin: -4.5% 0 0 0;
	z-index: 4;
	}
.p14:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 242.95%;
    }

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


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

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

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

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


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

.p16h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p17{
	background: url(../img/017.jpg) no-repeat;
	background-size: 260% auto;
	background-position: top right 11%;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
.p17:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 119.2%;
    }

.p17h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p18{
	background: #FFF;
	background-size: 100% auto;
	background-position: top center;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	}
.p18:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 62%;
    }

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

.cl{background: #222222;color:#FFF;padding:1% 0;}





.p1 img,.p2 img,.p3 img,.p4 img,.p4_3 img,.p4_5 img,.p5 img,.p6 img,.p7 img,.p7_5 img,.p8 img,.p9 img,.p10 img,.p11 img,.p12 img,.p13 img,.p14 img,.p15 img,.p15_5 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: absolute;top: 32%;width: 90%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 1;}
.form_box1 input{
    width: 100%;
    height: 0%;
    text-align: center;
    border-radius: 0;
    outline: 0;
    border: #aaa 1px solid;
    color: #666;
    font-size: 4.5vw;
    margin: 0 auto 3% auto;
    padding: 3% 5%;
}

.main_animation{margin: 0 20%;width: 60% !important;height:auto !important;position: absolute;top: 22%;}
.main_animation canvas,.main_animation #dom_overlay_container{ width:100% !important; height:auto !important;}


.sc1{position:absolute;top: 0;margin:0 auto;left:0;right:0;padding: 3.0% 0 1.4% 0;z-index: 10;background: #fff;}
.sc2{position:absolute;top: 32%;margin:0 auto;left:0;right:0;z-index: 10;}
.sc3{position:absolute;top: 46%;margin:0 auto;left:0;right:0;z-index: 10;}

  .loop_css2 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 200vw;
    overflow: hidden;
    margin-bottom: 0;
  }

  .loop_css2 ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
    margin: 0 0px 0 0px;
    padding: 0;
  }

  .loop_css2 li {
    display: inline-block;
    width: calc(100vw / 2);
    min-width: auto;
    max-width: initial;
    margin: 0 1% 0 1%;
    list-style: none;
    text-align: center;
  }

  .loop_css2 li a {
    display: block;
  }

  .loop_css2 li img {
    display: block;
    width: 100%;
    height: auto;
  }

  .loop_css2 li a:hover {
    opacity: .7;
  }

  .loop_css2 ul:first-child {
    -webkit-animation: loop 50s -25s linear infinite;
    animation: loop 50s -25s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
  }

  .loop_css2 ul + ul {
    -webkit-animation: loop2 50s  linear infinite;
    animation: loop2 50s linear infinite;
  }
  

  @-webkit-keyframes loop {
    0% {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    to {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
  }

  @keyframes loop {
    0% {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    to {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
  }

  @-webkit-keyframes loop2 {
    0% {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
    to {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }

  @keyframes loop2 {
    0% {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
    to {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }



  .loop_css3 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 200vw;
    overflow: hidden;
    margin-bottom: 0;
  }

  .loop_css3 ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
    margin: 0 0px 0 0px;
    padding: 0;
  }

  .loop_css3 li {
    display: inline-block;
    width: calc(100vw / 2);
    min-width: auto;
    max-width: initial;
    margin: 0 1% 0 1%;
    list-style: none;
    text-align: center;
  }

  .loop_css3 li a {
    display: block;
  }

  .loop_css3 li img {
    display: block;
    width: 100%;
    height: auto;
  }

  .loop_css3 li a:hover {
    opacity: .7;
  }

  .loop_css3 ul:first-child {
    -webkit-animation: loop3 50s -25s linear infinite;
    animation: loop3 50s -25s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
  }

  .loop_css3 ul + ul {
    -webkit-animation: loop4 50s  linear infinite;
    animation: loop4 50s linear infinite;
  }
  

  @-webkit-keyframes loop3 {
    0% {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }

  @keyframes loop3 {
    0% {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }

  @-webkit-keyframes loop4 {
    0% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
  }

  @keyframes loop4 {
    0% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
  }




.parallax {
  width: 100%;

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

.parallax.bg-01 {
	background-image: url(../img/007sp.jpg);

}



.e1{position: absolute;top: 0;width: 29.25%;left: 1%;margin: 0 auto;z-index: 1;}

.e2{position: absolute;top: 13%;width: 62%;left: 6%;margin: 0% auto 0% auto;z-index: 5;}
.e3{position: absolute;bottom: 0;width: 49.05%;right: -6%;margin: 0% auto 0% auto;z-index: 5;}
.e4{position: absolute;top: 54.9%;width: 5.1%;left: 18%;margin: 0% auto 0% auto;z-index: 5;}
.e5{position: absolute;top: 7%;width: 22.25%;right: 26%;margin: 0% auto 0% auto;z-index: 5;}
.e6{position: absolute;top: 39%;width: 42.75%;right: 19%;margin: 0% auto 0% auto;z-index: 5;}
.e7{position: absolute;top: 86.8%;width: 23.45%;right: 27%;margin: 0% auto 0% auto;z-index: 5;}

.e8{position: absolute;top: 10%;width: 60.15%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}

.e9{position: absolute;top: 12%;width: 90%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e10{position: absolute;top: 48%;width: 95%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e11{position: absolute;top: 58%;width: 90%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}


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

.e13-e20{
    position: absolute;
    left: 0%;
    top: 13%;
    width: 100%;
    margin: 0 auto;
    right: 0%;
    z-index: 3;
}
.e13-e20 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 95%;
    align-items: flex-end;
}
.e13-e20 li{width: 48%;margin: 0 0;}
.e13-e20 li img{ width:100%;}

.white_box{position: absolute;background: #FFF;top: 27%;width: 72.1%;height: 71.26%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}


.e21{position: absolute;top: 24%;width: 60%;left: 0%;right: 0%;margin: 0 auto;z-index: 5;}
.e21_5{position: absolute;top: 23%;}
.e22{position: absolute;top: 43%;width: 90%;left: 0%;right: 0%;margin: 0 auto;z-index: 5;}
.e23{position: absolute;top: 83%;width: 30%;left: 0%;right: 0%;margin: 0 auto;z-index: 5;}

.e24{position: absolute;top: 13%;width: 90%;left: 0%;right: 0%;margin: 0 auto;z-index: 5;}

.e25-e27{
    position: absolute;
    left: 0%;
    top: 30%;
    width: 100%;
    margin: 0 auto;
    right: 0%;
    z-index: 3;
}
.e25-e27 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 98%;
    align-items: flex-end;
}
.e25-e27 li{width: 32.0%;margin: 0 0;}
.e25-e27 li img{ width:100%;}


.e28{position: absolute;top: 4%;width: 80%;left: 3%;margin: 0 auto;z-index: 5;}
.e29{position: absolute;top: 20%;width: 80%;left: 3%;margin: 0 auto;z-index: 5;}

.e31{position: absolute;top: 59%;width: 41.6%;left: 3.3%;margin: 0 auto;z-index: 5;}

.e30-e31{
    position: absolute;
    left: 0%;
    top: 60%;
    width: 100%;
    margin: 0 auto;
    right: 0%;
    z-index: 3;
}
.e30-e31 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: flex-end;
}
.e30-e31 li{width: 50%;margin: 0 0;}
.e30-e31 li img{ width:100%;}

.e32{position: absolute;top: 75%;width: 80%;left: 3%;margin: 0 auto;z-index: 5;}

.e33{position: absolute;top: 3%;width: 6%;left: 3%;margin: 0% auto 0% auto;z-index: 5;}
.e34{position: absolute;top: 3%;width: 31.4%;right: -1%;margin: 0% auto 0% auto;z-index: 5;}

.e35{position: absolute;top: 3.5%;width: 90%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e36{position: absolute;top: 13%;width: 95%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e37{position: absolute;top: 24.5%;width: 200%;left: -50%;right: -50%;margin: 0% auto 0% auto;z-index: 5;}
.e38{position: absolute;top: 38%;width: 95%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 6;}
.e39{position: absolute;top: 51%;width: 200%;left: -50%;right: -50%;margin: 0% auto 0% auto;z-index: 5;}
.e40{position: absolute;top: 65%;width: 95%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 6;}

.e41{position: absolute;bottom: 0%;width: 15%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}


.e42{position: absolute;top: 8%;width: 32.5%;left: 2%;margin: 0 auto;z-index: 1;}
.e43{position: absolute;top: 3%;width: 6%;right: 3%;margin: 0 auto;z-index: 1;}
.e44{position: absolute;top: 8%;width: 90%;right: 0;left: 0;margin: 0 auto;z-index: 1;}

.e45{position: absolute;top: 30%;width: 95%;right: 0;left: 0;margin: 0 auto;z-index: 1;}
.e46{position: absolute;bottom: 0%;width: 15%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e47{position: absolute;top: 3%;width: 6%;left: 3%;margin: 0 auto;z-index: 1;}



.e48{position: absolute;top: 8%;width: 32.7%;right: 2%;margin: 0 auto;z-index: 1;}
.e49{position: absolute;top: 10%;width: 90%;right: 0;left: 0;margin: 0 auto;z-index: 1;}

.e50{position: absolute;top: 11%;width: 95%;left: 0%;right: 0%;margin: 0 auto;z-index: 1;}

.e51{position: absolute;bottom: 0%;width: 15%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e52{position: absolute;top: 5%;width: 32.85%;left: 3%;margin: 0 auto;z-index: 1;}

.e53{position: absolute;top: 3%;width: 6%;right: 3%;margin: 0 auto;z-index: 1;}

.e54{position: absolute;top: 7%;width: 95%;left: 0;right: 0;margin: 0% auto 0% auto;z-index: 10;}
.e55{position: absolute;top: 18%;width: 95%;right: 0;left: 0;margin: 0% auto 0% auto;z-index: 10;}
.e56{position: absolute;top: 68%;width: 6.45%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e56_5{position: absolute;bottom: 0%;width: 15%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e57{position: absolute;top: 5%;width: 32.6%;right: 4%;margin: 0% auto 0% auto;z-index: 0;}
.e57_5{position: absolute;top: 3%;width: 6%;left: 3%;margin: 0 auto;z-index: 1;}

.e58{position: absolute;top: 10%;width: 90%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e59{position: absolute;top: 26%;width: 95%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e60{position: absolute;bottom: 0%;width: 15%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e61{position: absolute;top: 8%;width: 33.00%;left: 2%;margin: 0% auto 0% auto;z-index: 5;}
.e62{position: absolute;top: 3%;width: 6%;right: 3%;margin: 0% auto 0% auto;z-index: 5;}
.e63{position: absolute;top: 15%;width: 90%;left: 0;right: 0;margin: 0% auto 0% auto;z-index: 5;}
.e64{position: absolute;top: 36%;width: 95%;left: 0;right: 0;margin: 0% auto 0% auto;z-index: 5;}
.e64_5{position: absolute;bottom: 0%;width: 15%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e65{position: absolute;top: 3%;width: 6%;left: 3%;margin: 0% auto 0% auto;z-index: 5;}
.e66{position: absolute;top: 6%;width: 32.2%;right: 2%;margin: 0% auto 0% auto;z-index: 5;}
.e67{position: absolute;top: 9%;width: 90%;left: 0;right: 0;margin: 0% auto 0% auto;z-index: 5;}
.e68{position: absolute;top: 21%;width: 95%;right: 0;left: 0;margin: 0% auto 0% auto;z-index: 5;}
.e69{position: absolute;top: 32%;width: 95%;right: 0;left: 0;margin: 0% auto 0% auto;z-index: 5;}
.e70{position: absolute;top: 85%;width: 95%;left: 0;right: 0;margin: 0% auto 0% auto;z-index: 5;}
.e71{position: absolute;bottom: 0%;width: 15%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e72{position: absolute;top: 8%;width: 32.85%;left: 3%;margin: 0% auto 0% auto;z-index: 5;}
.e73{position: absolute;top: 3%;width: 6%;right: 3%;margin: 0% auto 0% auto;z-index: 5;}
.e74{position: absolute;top: 9%;width: 90%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 1;}
.e75{position: absolute;top: 25.2%;width: 95%;left: 0;right: 0;margin: 0% auto 0% auto;z-index: 5;}
.e76{position: absolute;bottom: 0%;width: 15%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}

.e77{position: absolute;top: 3%;width: 6%;left: 3%;margin: 0% auto 0% auto;z-index: 5;}
.e78{position: absolute;top: 9%;width: 32.85%;right: 2%;margin: 0% auto 0% auto;z-index: 5;}

.e79{position: absolute;top: 9%;width: 90%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e80{position: absolute;top: 32%;width: 95%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e81{position: absolute;top: 39%;width: 95%;left: 0;right: 0;margin: 0% auto 0% auto;z-index: 5;}
.e81_2{position: absolute;top: 3%;width: 55%;right: 0;left: 0;margin: 0% auto 0% auto;z-index: 4;}
.e82{position: absolute;top: 10%;width: 90%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}
.e82_5{position: absolute;top: 68%;}
.e83{position: absolute;top: 77%;width: 74.75%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 5;}

.e84{position: absolute;top: 28%;width: 50.75%;left: 18%;margin: 0% auto 0% auto;z-index: 5;}
.e85{position: absolute;bottom: 0;width: 19.8%;right: 10%;margin: 0% auto 0% auto;z-index: 5;}

.e86{position: absolute;bottom: 0;width: 41.25%;left: 17%;margin: 0% auto 0% auto;z-index: 5;}
.e87{position: absolute;top: 9%;width: 43.3%;right: 18%;margin: 0% auto 0% auto;z-index: 7;}
.e88{position: absolute;top: 36%;width: 31.85%;right: 18%;margin: 0% auto 0% auto;z-index: 5;}
.e89{position: absolute;top: 56%;width: 31.85%;right: 18%;margin: 0% auto 0% auto;z-index: 5;}
.e90{position: absolute;top: 78%;width: 31.85%;right: 18%;margin: 0% auto 0% auto;z-index: 5;}

.floating_btn{position: fixed;bottom: 5%;right: 5%;z-index: 10;width: 10%;}
.floating_btn a{ display:block;}
.floating_btn img{
    width: 100%;
}

.f_menu{
    width: 370px;
    margin: 0.0% auto 0.5% auto;
}
.f_menu ul{
    display: flex;
    justify-content: space-between;
}
.f_menu li{}
.f_menu li a{ color: #FFF;}
.f_menu li a:hover{}


}

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


}
}