@font-face {
  font-family: "impact";
  src: url("../font/impact.woff") format('woff');
}
body {
  margin: 0px auto;
  padding: 0px;
  width: auto;
  background: #000;
  max-width: 2000px;
}
ul, li {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
ul {
  width: 100%;
  margin: 0 auto;
}
li {
  text-align: center;
}
.formtext {
  width: 90%;
  margin: 0 auto;
  padding: 3% 0;
}
.content {
  width: 75.5%;
  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;
}
.head {
  background-size: 100% auto;
  background-position: center top;
  position: relative;
  height: auto;
  margin: 0 0 0 0;
  z-index: 5;
}
.head:before {
  content: "";
  display: block;
  padding-top: 3.1%; /* 1:1 */
}
.headh {
  height: auto;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  /* width: 100%; */
  height: 100%;
  margin: 0 auto;
}

.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;
  z-index: 0;
  overflow: hidden;
}
.p1:before {
  content: "";
  display: block;
  padding-top: 68.05%; /* 1:1 */
}
.p1h {
  height: auto;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  /* width: 100%; */
  height: 100%;
  margin: 0 auto;
}
.p2 {
  background: url(../img/002.png) no-repeat;
  background-size: 100% auto;
  background-position: center top;
  position: relative;
  height: auto;
  margin: -33% 0 0 0;
  z-index: 10;
}
.p2:before {
  content: "";
  display: block;
  /* 1:1 */
  /* padding-top: 75.7%; */
}
.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: cover;
  background-position: center top;
  background-attachment: fixed;
  position: relative;
  height: auto;
  margin: -2% 0 0 0;
  z-index: 2;
}
.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) #630205 no-repeat;
  background-position: center top;
  background-size: 100% auto;
  position: relative;
  height: auto;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  z-index: 5;
}
.p4:before {
  content: "";
  display: block;
  /* padding-top: 212.1%; */ /* 1:1 */
}
.p4h {
  height: auto;
  padding: 0;
  position: relative;
  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.jpg) no-repeat;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  position: relative;
  height: auto;
  margin: 0;
  z-index: 10;
}
.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 #630205;
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
  position: relative;
  height: auto;
  margin: 0 0 0 0;
  z-index: 1;
}
.p6:before {
  content: "";
  display: block;
   /* 1:1 */
}
.p6h {
  height: auto;
  padding: 0 0 3% 0;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.p7 {
  background: url(../img/007.jpg) #630205 no-repeat;
  position: relative;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  height: auto;
  margin: 0;
  z-index: 5;
}
.p7:before {
  content: "";
  display: block;
  /* 1:1 */
  /* padding-top: 119.8%; */
}
.p7h {
  height: auto;
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.p8 {
  background: url(../img/008.jpg) no-repeat;
  position: relative;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  height: auto;
  margin: 0;
  z-index: 5;
}
.p8:before {
  content: "";
  display: block;
  /* 1:1 */
  /* padding-top: 119.8%; */
}
.p8h {
  height: auto;
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.p9 {
  background: url(../img/009.jpg) no-repeat;
  position: relative;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  height: auto;
  margin: 0;
  z-index: 5;
}
.p9:before {
  content: "";
  display: block;
  /* 1:1 */
  /* padding-top: 119.8%; */
}
.p9h {
  height: auto;
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.cl {
  /* background: #630205; */
  color: #000000;
  margin: -4% 0 0;
  padding: 1% 0 1.5% 0;
  position: relative;
  z-index: 10;
}
.head img,.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: 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%;
}
.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;
}



.head_menu{
    width: 60%;
    /* max-width: 1187px; */
    margin: 0 auto;
    top: 4%;
    position: absolute;
    left: 0;
    right: 0;
}
.head_menu ul{
    margin: 0 auto;
    padding: 0.5% 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.head_menu li{}
.head_menu li:nth-child(1){
    width: 22.1%;
}
.head_menu li:nth-child(2){
    width: 17.55%;
    margin: 0 0 0 auto;
}
.head_menu li:nth-child(3){
    width: 13.35%;
    margin: 0 0 0 2%;
}
.head_logo{}
.head_new{}
.head_login{}

.head {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  transition: .3s;
  max-width: 2000px;
  margin: 0 auto;
}
header h1 {
  color: #fff;
  transition: .3s;
}
.is-animation {
  background: #000000;
}
.is-animation h1 {
  color: #000;
}
.embed-responsive{
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
	padding-top: 56%;
	margin-bottom: 0;
}
.embed-responsive iframe,
.embed-responsive img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.whsb_set{
    width: 68%;
    margin: 0 auto;
    position: relative;
    max-width: 1026px;
    margin: 3% auto 5% auto;
}
.whsbt{
    position: absolute;
    width: 100%;
}
.wh2{
    background: url(../img/h2bg.png) no-repeat;
    background-position: center top;
    background-size: 100% auto;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.wh2 h2{

font-size: 2.0vw;

font-weight: bold;

padding: 1.9% 0 2.2% 0;
}

.wh2 h2 span{position: relative;z-index: 1;text-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
.wh2 h2 span:before{position: absolute;content:'';color: #ffffc0;background: linear-gradient(110deg, rgba(238,190,71,1) 0%, rgba(255,238,150,1) 14%, rgba(255,255,192,1) 34%, rgba(255,238,150,1) 78%, rgba(238,190,71,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;z-index: 5;text-shadow: none;}
.wh2 h2:before{content:'';background: url(../img/h2icon.png) no-repeat;background-size: 100% auto;width: 1.0em;height: 1.1em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.wh2 h2:after{content:'';background: url(../img/h2icon.png) no-repeat;background-size: 100% auto;width: 1.0em;height: 1.1em;display: inline-block;vertical-align: middle;margin-left: 0.5em;}

.wh2_1 h2 span:before{content:'無料アカウント登録';}
.wh2_2 h2 span:before{content:'アバター選択';}
.wh2_3 h2 span:before{content:'エルドラードの遊び方';}
.wh2_4 h2 span:before{content:'入出金も簡単';}
.wh2_5 h2 span:before{content:'おすすめの口座開設方法';}

.what_box{
    width: 95.1%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e82c00+0,900000+100 */
    background: #e82c00; /* Old browsers */
    background: -moz-linear-gradient(top,  #e82c00 0%, #900000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e82c00 0%,#900000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e82c00 0%,#900000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e82c00', endColorstr='#900000',GradientType=0 ); /* IE6-9 */
    border-left: 7px solid #e82c00;
    border-right: 7px solid #900000;
    margin: 0 auto;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 50%);
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

.what_box:before,
.what_box:after{
  content: "";
  display: block;
  height: 7px;
  background: linear-gradient(to right, #e82c00 0%, #900000 100%);
}
.wb_inner{
    padding: 8% 4% 5% 4%;
    text-align: left;
}
.whb{
    font-size: 1vw;
    line-height: 1.4;
    font-weight: bold;
    color: #ffffff;
    margin: 0 0 3% 0;
    word-break: break-all;
}
.wh3{
    color: #5f511e;
}
.wh3 h3{line-height: 1.2;font-weight: bold;}
.wht{
    color: #ffffff;
    font-size: 0.8vw;
}
.col-2{
}
.col-2 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
}
.col-2 ul li{
    text-align: left;
}

.wht1w{width: 65%;}
.wht2w{width: 63%;}
.wht3w{width: 67%;}
.wht4w{width: 63%;}
.wht5w{width: 100%;}
.pic1w{width: 33.6%;}
.pic2w{width: 33.45%;}
.pic3w{width: 30.6%;}
.pic4w{width: 33.6%;}
.pic5w{width: 33.6%;}
.pic{}
.pic img{}
.pic3{
    position: absolute;
    left: 9%;
    width: 33.2%;
    top: 59%;
}
.pic4{
    width: 95%;
    margin: 0 -4% -8.4% auto;
}
.pic7{
    width: 56.9%;
    margin: -4% auto 0% auto;
    position: relative;
    z-index: 5;
}
.col2_2{
    width: 52.7%;
    margin: 0 auto;
}
.col2_2 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.col2_2 li{}
.col2_2 li:nth-child(1){
    width: 50%;
    margin: 0 -12% 0 0;
    font-size: 1.05vw;
    text-align: left;
    line-height: 1.7;
    font-weight: bold;
}
.col2_2 li:nth-child(2){
    width: 61.9%;
    margin: -7% 0 0 0;
}
.stxt{
    font-size: 0.75vw;
    margin: 5% 0 0 0;
}
.qaa_box{
    width: 88%;
    margin: 0% auto 10%;
    border-radius: 20px;
    padding: 0% 0 0%;
}
.qaa_title{
    width: 39.7%;
    margin: 0 auto 5%;
}
.qa_q{
    background: #ffe100;
    padding: 2% 3%;
    border-radius: 100px;
    color: #a80c00;
    font-weight: bold;
    font-size: 1.2vw;
    margin: 0 0 4% 0;
}
.qa_q:before{ content: 'Q.';}
.qa_a{
    text-align: left;
    color: #000;
    /* text-indent: -1.2em; */
    /* padding-left: 2.0em; */
    font-size: 1.2vw;
    margin: 0 0 3% 0;
}
.qa_a:before{/* content: 'A.'; */}
.qa_af{
    color: #b80001;
    font-weight: bold;
    font-size: 32px;
    margin: 0 0 1% 0;
}
.qaa1{
    margin: 0 0 4% 0;
}
.twitter{}
.twitter a{
    display: block;
    width: 100%;
    background: #1da1f3;
    text-align: center;
    color: #FFF;
    border-radius: 100px;
    padding: 3%;
    border: solid #FFF 5px;
    font-weight: bold;
}
.line{
    margin: 5% 0 0 0;
}
.line a{
    display: block;
    width: 100%;
    background: #00ba01;
    text-align: center;
    color: #FFF;
    border-radius: 100px;
    padding: 3%;
    border: solid #FFF 5px;
    font-weight: bold;
}


@media (min-width: 2000px) {
 .wh2 h2{font-size: 40px;}
 .whb{
    font-size: 23px;
    line-height: 1.5;
}
 .wht{
    font-size: 16px;
}
.stxt{
    font-size: 15px;
}
 .col2_2 li:nth-child(1){
    font-size: 21px;
}
 .col2_2 li:nth-child(2){}
 .qa_q{
    font-size: 24px;
}
 .qa_a{
    font-size: 21px;
}
}

.e1 {
  position: absolute;
  top: 9.9%;
  width: 43.3%;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 5;
}
.e2 {
  position: absolute;
  top: 6.0%;
  width: 54.0%;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 2;
}

.flare_1{position: absolute;top: 2%;width: 51.95%;left: -8%;margin: 0% auto 0% auto;z-index: 10;mix-blend-mode: screen;}
.flare_2{position: absolute;top: 31.5%;width: 37.45%;left: 4.9%;margin: 0% auto 0% auto;z-index: 10;mix-blend-mode: screen;}
.flare_3{position: absolute;top: 9%;width: 51.95%;left: 9.3%;margin: 0% auto 0% auto;z-index: 10;mix-blend-mode: screen;}
.flare_4{position: absolute;top: 45.4%;width: 22.95%;left: 0;right: 4%;margin: 0% auto 0% auto;z-index: 0;mix-blend-mode: screen;}
.flare_5{position: absolute;top: 66.6%;width: 22.95%;right: 4%;left: 0;margin: 0% auto 0% auto;z-index: 0;mix-blend-mode: screen;}
.flare_6{position: absolute;top: 26.1%;width: 51.4%;left: 5%;right: 0;margin: 0% auto 0% auto;z-index: 15;mix-blend-mode: screen;}
.flare_7{position: absolute;top: 55.0%;width: 62.7%;left: -41%;margin: 0% auto 0% auto;z-index: 15;mix-blend-mode: screen;}
.flare_8{position: absolute;top: 64.6%;width: 62.7%;left: -28.5%;right: 0;margin: 0% auto 0% auto;z-index: 15;mix-blend-mode: screen;}
.flare_9{position: absolute;top: 53.8%;width: 62.7%;right: -7%;margin: 0% auto 0% auto;z-index: 15;mix-blend-mode: screen;}
.flare_10{position: absolute;top: 64.9%;width: 62.7%;right: -32.4%;margin: 0% auto 0% auto;z-index: 15;mix-blend-mode: screen;}
.flare_11{position: absolute;top: 11%;width: 62.7%;left: -38.8%;margin: 0% auto 0% auto;z-index: 15;mix-blend-mode: screen;}
.flare_12{position: absolute;top: 19.6%;width: 62.7%;left: -50.5%;right: 0;margin: 0% auto 0% auto;z-index: 15;mix-blend-mode: screen;}
.flare_13{position: absolute;top: 9.9%;width: 62.7%;right: 12.5%;margin: 0% auto 0% auto;z-index: 15;mix-blend-mode: screen;}
.flare_14{position: absolute;top: 18.5%;width: 62.7%;right: -18.4%;margin: 0% auto 0% auto;z-index: 15;mix-blend-mode: screen;}
.flare_15{position: absolute;bottom: 4.2%;width: 22.95%;right: 40.6%;margin: 0% auto 0% auto;z-index: 0;mix-blend-mode: screen;}
.flare_16{position: absolute;top: 36.4%;width: 22.95%;left: 0;right: 4%;margin: 0% auto 0% auto;z-index: 0;mix-blend-mode: screen;}
.flare_17{position: absolute;top: 53.50%;width: 22.95%;right: 4%;left: 0;margin: 0% auto 0% auto;z-index: 0;mix-blend-mode: screen;}
.flare_18{position: absolute;top: 46.25%;width: 53.0%;right: 14.5%;left: 0;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}
.flare_19{position: absolute;top: -2.75%;width: 51.95%;right: -29.5%;left: 0;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}
.flare_20{position: absolute;top: 25.25%;width: 51.95%;right: -8.5%;left: 0;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}

.flare_21{position: absolute;top: 24.65%;width: 65.55%;right: 23.5%;left: 0;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}
.flare_22{position: absolute;top: 16.05%;width: 65.55%;left: -10.5%;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}
.flare_23{position: absolute;top: 11.0%;width: 44.95%;left: 8.0%;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}
.flare_24{position: absolute;top: 17.25%;width: 65.55%;right: -32.5%;left: 0;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}
.flare_25{position: absolute;top: 15.65%;width: 44.95%;right: -27.5%;left: 0;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}

.flare_16_1{position: absolute;top: 36.4%;width: 22.95%;left: 0;right: 4%;margin: 0% auto 0% auto;z-index: 0;mix-blend-mode: screen;}
.flare_17_1{position: absolute;top: 53.50%;width: 22.95%;right: 4%;left: 0;margin: 0% auto 0% auto;z-index: 0;mix-blend-mode: screen;}

.flare_21_1{position: absolute;top: 19.55%;width: 65.55%;right: 23.5%;left: 0;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}
.flare_22_1{position: absolute;top: 15.05%;width: 65.55%;left: -10.5%;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}
.flare_23_1{position: absolute;top: 9%;width: 44.95%;left: 8.0%;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}
.flare_24_1{position: absolute;top: 13.95%;width: 65.55%;right: -32.5%;left: 0;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}
.flare_25_1{position: absolute;top: 12.55%;width: 44.95%;right: -27.5%;left: 0;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}

.flare_26{position: absolute;top: 25.45%;width: 22.95%;right: 4%;left: 0;margin: 0% auto 0% auto;z-index: 0;mix-blend-mode: screen;}
.flare_27{position: absolute;top: 68.45%;width: 22.95%;right: 4%;left: 0;margin: 0% auto 0% auto;z-index: 0;mix-blend-mode: screen;}

.e3 {
  position: absolute;
  top: 2.5%;
  width: 35.4%;
  left: 33.2%;
  margin: 0% auto 0% auto;
  z-index: 0;
}
.e4 {
  position: absolute;
  top: 25.3%;
  width: 35.3%;
  left: 33.5%;
  margin: 0% auto 0% auto;
  z-index: 7;
}

.e5 {
  position: absolute;
  top: 59.5%;
  width: 56.1%;
  left: 0;
  right: 0;
  margin: 0% auto 0% auto;
  z-index: 7;
}
.e5_5 {
  position: absolute;
  top: 19.0%;
  width: 47.75%;
  left: 8%;
  right: -3%;
  margin: 0% auto 0% auto;
  z-index: 8;
}

.e6 {
  position: relative;
  top: 28.5%;
  width: 85.60%;
  left: 0;
  right: 0;
  margin: -2.5% auto 0% auto;
  z-index: 5;
}

.logo {
  position: absolute;
  top: 12.9%;
  width: 68.25%;
  right: 0%;
  left: 0%;
  margin: 0% auto 0% auto;
  z-index: 6;
}

.e7 {
  position: relative;
  top: 90%;
  width: 52.7%;
  right: 0;
  left: 0;
  margin: 3.5% auto 0% auto;
  z-index: 2;
}
.blown_bg{
    background: url(../img/blown_bg.png) no-repeat;
    background-size: 100% auto;
    background-position: center top;
    position: relative;
    height: auto;
    margin: 0 0 0 0;
    z-index: 2;
    overflow: hidden;
}
#countdown-unit{
    max-width: 1132px;
    width: 57.1%;
    margin: 2% auto 5%;
    overflow: hidden;
    display: block;
    position: relative;
}

#countdown-unit ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0;
}
#countdown-unit li{
	width: 7.2%;
	overflow: hidden;
	position: relative;
	height: auto;
	}
#countdown-unit li img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/* height: auto; */
	display: block;
	}
#countdown-unit li:before{content: '';padding-top: 170%;display: block;}

#countdown-unit li:nth-child(1){
    width: 5.4%;
}
#countdown-unit li:nth-child(4){
    width: 2.8%;
}

#countdown-unit li:nth-child(7){
    width: 5.6%;
}
#countdown-unit li:nth-child(10){
    width: 2.8%;
}
#countdown-unit li:nth-child(13){
    width: 2.8%;
}
#countdown-unit li:nth-child(1):before,#countdown-unit li:nth-child(7):before{content: '';padding-top: 177%;display: block;}
#countdown-unit li:nth-child(4):before,#countdown-unit li:nth-child(10):before,#countdown-unit li:nth-child(13):before{content: '';padding-top: 339%;display: block;}

.mov1{
    width: 47.20%;
    display: block;
    margin: 0 auto;
    padding: 8px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ede6cd+0,d8bc87+99 */
    background: #ede6cd; /* Old browsers */
    background: -moz-linear-gradient(top,  #ede6cd 0%, #d8bc87 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ede6cd 0%,#d8bc87 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ede6cd 0%,#d8bc87 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede6cd', endColorstr='#d8bc87',GradientType=0 ); /* IE6-9 */
}

.mov1 iframe{    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;}
	
.youtube{    padding-top: 56.25%;
    position: relative;}
	

.store_1{
    position: relative;
    top: 0;
    width: 49.45%;
    left: 0%;
    right: 0;
    margin: -13.4% auto 0 auto;
    z-index: 10;
}
.store_2{
    width: 133.1%;
    margin: -52% -16.55% -1%;
}

.red_bg{
    position: relative;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: -26.5% auto 1% auto;
    z-index: 0;
}
.white_box{
    position: relative;
    background: #FFF;
    width: 51.25%;
    margin: 5% auto;
    border-left: 1px solid #face00;
    border-right: 1px solid #fffbd0;
}
.white_box:before,.white_box:after{content:'';display: block;height: 1px;background: linear-gradient(to right, #face00 0%, #fffbd0 25%, #ca9a0c 59%, #f2e08b 87%, #fffbd0 100%);}

.e8 {
  position: relative;
  top: 0;
  width: 37.25%;
  left: 0;
  right: 0;
  margin: 1% auto 0% auto;
  z-index: 5;
  padding: 1% 0 0 0;
}
.e9 {
  position: relative;
  top: 24%;
  width: 36.4%;
  left: 0;
  right: 0;
  margin: 2% auto 0% auto;
  z-index: 30;
}
.e9_2 {
  position: relative;
  top: 0;
  width: 36.4%;
  left: 0;
  right: 0;
  margin: -2% auto 3% auto;
  z-index: 5;
}
.e10 {
  position: relative;
  top: 0;
  width: 53.5%;
  left: 0;
  right: 0;
  margin: 2% auto 2% auto;
  z-index: 5;
}
.e11 {
  position: relative;
  width: 36.4%;
  right: 0;
  left: 0;
  margin: 0% auto 0% auto;
  z-index: 30;
}

.e12 {
  position: relative;
  top: 12%;
  width: 28.9%;
  left: 0%;
  right: 0%;
  margin: 1% auto;
  z-index: 5;
}
.e13 {
  position: relative;
  top: 26%;
  width: 28.9%;
  right: 0;
  left: 0;
  margin: 0 auto 5%;
  z-index: 5;
}
.e14 {
  position: relative;
  top: 0;
  width: 52.8%;
  right: 0;
  left: 0;
  margin: 35% auto 5%;
  z-index: 5;
}
.e15 {
  position: absolute;
  top: 65%;
  width: 28.95%;
  right: 0;
  left: 0;
  margin: 0% auto 0% auto;
  z-index: 5;
}
.e16 {
  position: relative;
  top: 0;
  width: 51.05%;
  left: 0;
  right: 0;
  margin: -2.0% auto 4% auto;
  z-index: 15;
}

	
.e17-e19 {
  position: relative;
  left: 0;
  right: 0;
  width: 54.2%;
  margin: 3% auto 0 auto;
  z-index: 1;
}
.e17-e19 ul {
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 100%;
  align-items: center;
}
.e17-e19 li {
  width: 40.7%;
}
.e17-e19 li:nth-child(2){
    margin: 0 -12%;
}
.e17-e19 li img {
  width: 100%;
}


.e20 {
  position: relative;
  top: 0;
  width: 50.0%;
  left: 0;
  right: 0;
  margin: -3.5% auto 5% auto;
  z-index: 1;
}
.e21 {
  position: absolute;
  top: 1px;
  right: 0;
  width: 8.0%;
  margin: 0 auto;
  z-index: 5;
}
.e22 {
  position: relative;
  top: 0;
  width: 87.5%;
  left: 0;
  right: 0;
  margin: 0 auto 0;
  padding: 7.0% 0 0 0;
  z-index: 1;
}
.e23 {
  position: relative;
  top: 0;
  width: 88.4%;
  left: 0;
  right: 0%;
  margin: 1% auto 0 auto;
  z-index: 5;
}
.e24 {
  position: relative;
  top: 5.0%;
  width: 87.2%;
  left: 0%;
  right: 0%;
  margin: 0 auto 2%;
  z-index: 1;
}
.e25 {
  position: relative;
  top: 12%;
  width: 87.6%;
  left: 0%;
  right: 0%;
  margin: 2% auto;
  z-index: 0;
}
.e26-e29 {
  position: relative;
  left: 0;
  right: 0;
  width: 87.2%;
  margin: 3% auto 0 auto;
  z-index: 1;
}
.e26-e29 ul {
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 100%;
  align-items: center;
}
.e26-e29 li {
  width: 23.2%;
}

.e26-e29 li img {
  width: 100%;
}

.e26 {
  position: absolute;
  top: 28%;
  width: 68.9%;
  left: 0%;
  right: 0%;
  margin: 0 auto;
  z-index: 1;
}
.e27 {
  position: absolute;
  top: 48.5%;
  width: 68.9%;
  left: 0%;
  right: 0%;
  margin: 0 auto;
  z-index: 5;
}
.e28 {
  position: absolute;
  top: 65%;
  width: 68.9%;
  left: 0%;
  right: 0%;
  margin: 0 auto;
  z-index: 1;
}
.link_box{
    position: absolute;
    top: 93.0%;
    width: 38.9%;
    left: 42%;
    margin: 0 auto;
    z-index: 1;
    text-align: left;
    font-size: 0.8vw;
    color: #5f511e;
    font-weight: bold;
    }
.link_box a{}
.e29 {
  position: absolute;
  top: 6%;
  width: 30.9%;
  left: 0;
  right: 0;
  margin: 0% auto 0% auto;
  z-index: 5;
}
.e30 {
  position: relative;
  top: 0;
  width: 127.025%;
  left: 0;
  right: 0;
  margin: 1% -14.5125% 0;
  z-index: 5;
  padding: 0 0 3% 0;
}
.e31 {
  position: relative;
  top: 21.5%;
  width: 55.4%;
  left: 4%;
  margin: 0 0 0 0;
  z-index: 5;
  padding: 5% 0 0 0;
}
.e32 {
  position: relative;
  top: 0;
  width: 36.50%;
  right: 3%;
  margin: -30.5% 0 0 auto;
  z-index: 6;
}
.e33 {
  position: absolute;
  top: 1px;
  width: 8.0%;
  right: 0;
  margin: 0% auto 0% auto;
  z-index: 7;
}
.e34 {
  position: relative;
  top: 20.5%;
  width: 126.83%;
  right: 0;
  left: 0;
  margin: -6% -13.415% 0;
  z-index: 7;
}


.e35-e42 {
  position: relative;
  left: 0;
  right: 0;
  width: 93.8%;
  margin: 3% auto 0 auto;
  z-index: 1;
}
.e35-e42 ul {
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 100%;
  align-items: center;
}
.e35-e42 li {
  width: 31.7%;
}

.e35-e42 li img {
  width: 100%;
}
.e35-e42 ul::after {
display: block;
content:"";
width: 31.7%;
}

.e43 {position: absolute;top: 83%;width: 40.3%;right: 0%;left: 5%;margin: 0 auto;z-index: 1;}
.e44 {position: absolute;top: 1px;width: 8.0%;right: 0%;margin: 0 auto;z-index: 1;}

.e45 {
  position: relative;
  top: 4%;
  width: 85.6%;
  left: 0;
  right: 0;
  margin: 0% auto 0% auto;
  z-index: 5;
  padding: 6% 0 0 0;
}
.e46 {
  position: relative;
  top: 13%;
  width: 71.7%;
  left: -32%;
  right: 0;
  margin: -21% auto 0 0;
  z-index: 1;
}
.e47 {
  position: relative;
  top: 0;
  width: 74.5%;
  left: -4%;
  right: 0;
  margin: -50% 0 0 0;
  z-index: 3;
}
.e48 {
  position: relative;
  top: 0;
  width: 76.0%;
  right: -22%;
  margin: -75.5% auto 0;
  z-index: 5;
}
.e49 {
  position: relative;
  top: 0;
  width: 74.3%;
  right: -50%;
  margin: -81% auto 0 auto;
  z-index: 0;
}
.e50 {
  position: relative;
  top: 0;
  width: 195.123%;
  left: 0;
  right: 0;
  margin: -5% -47.5615% 0;
  z-index: 1;
  padding: 0 0 3% 0;
}
.pay_box{
  position: relative;
  top: 0;
  width: 95.5%;
  left: 0;
  right: 0;
  margin: 5% auto 0 auto;
  z-index: 1;
}
.e51{
  position: relative;
  top: 0;
  width: 85.35%;
  left: 0;
  right: 0;
  margin: 2% auto 1%;
  z-index: 1;
}
.e52{
  position: relative;
  top: 0;
  width: 72.85%;
  left: 0;
  right: 0;
  margin: 0 auto 3%;
  z-index: 1;
  }
.e53{
  position: relative;
  top: 0;
  width: 95.9%;
  left: 0;
  right: 0;
  margin: 1% auto 0 auto;
  z-index: 1;
  }
.e54{
  position: relative;
  top: 0;
  width: 47%;
  left: 0;
  right: 0;
  margin: 5% auto 7%;
  z-index: 1;
  }
.e55 {
  position: relative;
  top: 0;
  width: 85.5%;
  right: 0;
  left: 0;
  margin: -4% auto 0;
  z-index: 5;
}

.pa1{}
.pa2{}
.pa3{}
.e55_1 {
  position: absolute;
  top: 19%;
  width: 34.7%;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 5;
}



.e60 {
  position: absolute;
  top: 0;
  width: 8.0%;
  right: 0;
  margin: 0 auto;
  z-index: 5;
}
.e61 {
  position: relative;
  top: 0;
  width: 100%;
  right: 0;
  left: 0;
  margin: 0% auto 0;
  padding: 5% 0 0 0;
  z-index: 5;
}
.e62 {
  position: relative;
  top: 0;
  width: 100%;
  right: 0;
  left: 0;
  margin: 2% auto 0 auto;
  z-index: 5;
}
.e63 {
  position: relative;
  top: 0;
  width: 88.5%;
  right: 0;
  left: 0;
  margin: 7% auto;
  padding: 0 0 7% 0;
  z-index: 5;
}
.e64 {
  position: absolute;
  top: 0;
  width: 8.0%;
  right: 0;
  margin: 0 auto;
  z-index: 5;
}
.e65 {
  position: relative;
  top: 0;
  width: 88.5%;
  right: 0;
  left: 0;
  margin: 0% auto 0;
  padding: 5% 0 0 0;
  z-index: 5;
}

.e70 {
  position: relative;
  top: 0;
  width: 100%;
  right: 0;
  left: 0;
  margin: -17.5% auto 0;
  padding: 0;
  z-index: 0;
}

.e71-e73 {
  position: relative;
  left: 0;
  right: 0;
  width: 40.1%;
  margin: -19.5% auto 10% auto;
  z-index: 1;
}
.e71-e73 ul {
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 100%;
  align-items: center;
}
.e71-e73 li {
  width: 27.5%;
}

.e71-e73 li img {
  width: 100%;
}

.e74 {
  position: relative;
  top: 0;
  width: 52.4%;
  right: 0;
  left: 0;
  margin: 5% auto 0;
  padding: 0% 0 0 0;
  z-index: 5;
}
.e75 {
  position: relative;
  top: 0;
  width: 54.95%;
  right: 0;
  left: 0;
  margin: -6% auto 0;
  padding: 0% 0 0 0;
  z-index: 0;
}

.e76 {
  position: relative;
  top: 0;
  width: 51.95%;
  right: 0;
  left: 0;
  margin: -5.5% auto 0;
  padding: 0% 0 0 0;
  z-index: 5;
}



.date{
    width: 16.4%;
    position: absolute;
    top: 56.4%;
    right: 26.9%;
    margin: 0% auto 0% auto;
    z-index: 19;
}

.rose{
    width: 100%;
    position: absolute;
    top: 1%;
    right: 0;
    left: 0;
    margin: 0% auto 0% auto;
    z-index: 19;
}




.rbp2 {
  top: 64%;
  width: 69.9%;
}
.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%;
}



.sc1{position:absolute;bottom: 8.7%;margin:0 auto;left: -50%;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: 41%;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: 117vw;
    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;
  }
    .loop_css2 video{
    width: 100%;
    height: auto;
    cursor: pointer;
    padding: 5px;
    background: #ede6cd;
    background: -moz-linear-gradient(top, #ede6cd 0%, #d8bc87 99%);
    background: -webkit-linear-gradient(top, #ede6cd 0%,#d8bc87 99%);
    background: linear-gradient(to bottom, #ede6cd 0%,#d8bc87 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede6cd', endColorstr='#d8bc87',GradientType=0 );
}

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


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

.head {
  background-size: 100% auto;
  background-position: center top;
  position: relative;
  height: auto;
  margin: 0 0 0 0;
  z-index: 5;
}
.head:before {
  content: "";
  display: block;
  padding-top: 11.35%; /* 1:1 */
}
.headh {
  height: auto;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  /* width: 100%; */
  height: 100%;
  margin: 0 auto;
}

.p1 {
  background: url(../img/001.jpg) no-repeat;
  background-size: 194% auto;
  background-position: center top;
  position: relative;
  height: auto;
  margin: 0 0 0 0;
  z-index: 20;
  overflow: hidden;
}
.p1:before {
  content: "";
  display: block;
  padding-top: 120.05%; /* 1:1 */
}
.p1h {
  height: auto;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  /* width: 100%; */
  height: 100%;
  margin: 0 auto;
}
.p2 {
  background: url(../img/002.png) no-repeat;
  background-size: 164% auto;
  background-position: center top;
  position: relative;
  height: auto;
  margin: -52% 0 0 0;
  z-index: 30;
}
.p2:before {
  content: "";
  display: block;
  /* 1:1 */
  /* padding-top: 125.7%; */
}
.p2h {
  height: auto;
  padding: 0;
  position: RX9;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.p3 {
  background: url(../img/003.jpg) repeat-y;
  background-size: 616% auto;
  background-position: center top;
  background-attachment: inherit;
  position: relative;
  height: auto;
  margin: -11% 0 0 0;
  z-index: 12;
}
.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) #630205 no-repeat;
  background-position: center top;
  background-size: 100% auto;
  position: relative;
  height: auto;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  z-index: 15;
}
.p4:before {
  content: "";
  display: block;
  /* padding-top: 212.1%; */ /* 1:1 */
}
.p4h {
  height: auto;
  padding: 0;
  position: relative;
  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: none;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  position: relative;
  height: auto;
  margin: 0;
  z-index: 0;
}
.p5:before {
  content: "";
  
  /* 1:1 */
  display: block;
  position:fixed;
  top:0;
  left:0;
  z-index: 0;
  width:100%;
  height: 100vh;
  background-repeat:no-repeat;
  background-position:50% 100%;
  background: url(../img/005.jpg) no-repeat;
  background-size:cover;
}
.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 #630205;
  background-size: 260% auto;
  background-position: center top;
  background-attachment: scroll;
  position: relative;
  height: auto;
  margin: 0 0 0 0;
  z-index: 1;
}
.p6:before {
  content: "";
  display: block;
   /* 1:1 */
}
.p6h {
  height: auto;
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.p7 {
  background: url(../img/007.jpg) no-repeat;
  position: relative;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  height: auto;
  margin: 0;
  z-index: 5;
}
.p7:before {
  content: "";
  display: block;
  /* 1:1 */
  /* padding-top: 119.8%; */
}
.p7h {
  height: auto;
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.p8 {
  background: none;
  position: relative;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  height: auto;
  margin: 0;
  z-index: 5;
}
.p8:before {
  content: "";
  display: block;
  /* 1:1 */
  /* padding-top: 119.8%; */
}
.p8h {
  height: auto;
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}


.p9 {
  background: url(../img/009.jpg) no-repeat;
  position: relative;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  height: auto;
  margin: 0;
  z-index: 5;
}
.p9:before {
  content: "";
  display: block;
  /* 1:1 */
  /* padding-top: 119.8%; */
}
.p9h {
  height: auto;
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.cl {
  /* background: #630205; */
  color: #000000;
  margin: -12% 0 0;
  padding: 1.5% 0 2.5% 0;
  position: relative;
  z-index: 13;
}
.head img,.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: 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%;
}
.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;
}



.head_menu{
    width: 95%;
    /* max-width: 1187px; */
    margin: 0 auto;
    top: 17%;
    position: absolute;
    left: 0;
    right: 0;
}
.head_menu ul{
    margin: 0 auto;
    padding: 0.5% 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.head_menu li{}
.head_menu li:nth-child(1){
    width: 38.1%;
}
.head_menu li:nth-child(2){
    width: 31.55%;
    margin: 0 0 0 auto;
}
.head_menu li:nth-child(3){
    width: 24.35%;
    margin: 0 0 0 2%;
}
.head_logo{}
.head_new{}
.head_login{}

.head {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  transition: .3s;
  max-width: 2000px;
  margin: 0 auto;
}
header h1 {
  color: #fff;
  transition: .3s;
}
.is-animation {
  background: #000000;
}
.is-animation h1 {
  color: #000;
}
.embed-responsive{
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
	padding-top: 56%;
	margin-bottom: 0;
}
.embed-responsive iframe,
.embed-responsive img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.whsb_set{
    width: 100%;
    margin: 0 auto;
    position: relative;
    max-width: 1026px;
    margin: 3% auto 9% auto;
}
.whsbt{
    position: absolute;
    width: 100%;
}
.wh2{
    background: url(../img/h2bg.png) no-repeat;
    background-position: center top;
    background-size: 100% auto;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.wh2 h2{

font-size: 2.0vw;

font-weight: bold;

padding: 1.9% 0 2.2% 0;
}

.wh2 h2 span{position: relative;z-index: 1;text-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
.wh2 h2 span:before{position: absolute;content:'';color: #ffffc0;background: linear-gradient(110deg, rgba(238,190,71,1) 0%, rgba(255,238,150,1) 14%, rgba(255,255,192,1) 34%, rgba(255,238,150,1) 78%, rgba(238,190,71,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;z-index: 5;text-shadow: none;}
.wh2 h2:before{content:'';background: url(../img/h2icon.png) no-repeat;background-size: 100% auto;width: 1.0em;height: 1.1em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.wh2 h2:after{content:'';background: url(../img/h2icon.png) no-repeat;background-size: 100% auto;width: 1.0em;height: 1.1em;display: inline-block;vertical-align: middle;margin-left: 0.5em;}

.wh2_1 h2 span:before{content:'無料アカウント登録';}
.wh2_2 h2 span:before{content:'アバター選択';}
.wh2_3 h2 span:before{content:'エルドラードの遊び方';}
.wh2_4 h2 span:before{content:'入出金も簡単';}
.wh2_5 h2 span:before{content:'おすすめの口座開設方法';}

.what_box{
    width: 95.1%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e82c00+0,900000+100 */
    background: #e82c00; /* Old browsers */
    background: -moz-linear-gradient(top,  #e82c00 0%, #900000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e82c00 0%,#900000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e82c00 0%,#900000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e82c00', endColorstr='#900000',GradientType=0 ); /* IE6-9 */
    border-left: 7px solid #e82c00;
    border-right: 7px solid #900000;
    margin: 0 auto;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 50%);
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

.what_box:before,
.what_box:after{
  content: "";
  display: block;
  height: 7px;
  background: linear-gradient(to right, #e82c00 0%, #900000 100%);
}
.wb_inner{
    padding: 10% 3% 5% 3%;
    text-align: left;
}
.whb{
    font-size: 3.2vw;
    line-height: 1.4;
    font-weight: bold;
    color: #ffffff;
    margin: 0 0 3% 0;
    word-break: break-all;
}
.wh3{
    color: #5f511e;
}
.wh3 h3{line-height: 1.2;font-weight: bold;}
.wht{
    color: #ffffff;
    font-size: 2.8vw;
}
.col-2{
}
.col-2 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
}
.col-2 ul li{
    text-align: left;
}

.wht1w{width: 100%;margin: 0 0 5%;}
.wht2w{width: 100%;}
.wht3w{width: 100%;margin: 0 0 5% 0;}
.wht4w{width: 100%;margin: 0 0 5% 0;}
.wht5w{width: 100%;}
.pic1w{width: 90%;margin: 0 auto;}
.pic2w{width: 29.6%;order: 2;margin: 0 0 0 0;}
.pic3w{width: 90%;margin:  0 auto;}
.pic4w{width: 90%;order: 2;margin: 0 auto;}
.pic5w{width: 33.6%;}
.pic{}
.pic img{}
.pic3{
    position: absolute;
    left: 15%;
    width: 23.2%;
    top: 78%;
}
.pic4{
    width: 68%;
    margin: 7% 0% -44% 38%;
}
.pic7{
    width: 100%;
    margin: -4% auto 0% auto;
    position: relative;
    z-index: 5;
}
.col2_2{
    width: 52.7%;
    margin: 0 auto;
}
.col2_2 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.col2_2 li{}
.col2_2 li:nth-child(1){
    width: 50%;
    margin: 0 -12% 0 0;
    font-size: 1.05vw;
    text-align: left;
    line-height: 1.7;
    font-weight: bold;
}
.col2_2 li:nth-child(2){
    width: 61.9%;
    margin: -7% 0 0 0;
}
.stxt{
    font-size: 0.75vw;
    margin: 5% 0 0 0;
}
.qaa_box{
    width: 88%;
    margin: 0% auto 10%;
    border-radius: 20px;
    padding: 0% 0 3%;
}
.qaa_title{
    width: 39.7%;
    margin: 0 auto 5%;
}
.qa_q{
    background: #ffe100;
    padding: 2% 3%;
    border-radius: 100px;
    color: #a80c00;
    font-weight: bold;
    font-size: 1.2vw;
    margin: 0 0 4% 0;
}
.qa_q:before{ content: 'Q.';}
.qa_a{
    text-align: left;
    color: #000;
    /* text-indent: -1.2em; */
    /* padding-left: 2.0em; */
    font-size: 1.2vw;
    margin: 0 0 3% 0;
    font-size: 3.2vw;
}
.qa_a:before{/* content: 'A.'; */}
.qa_af{
    color: #b80001;
    font-weight: bold;
    font-size: 3.5vw;
}
.qaa1{
    margin: 0 0 4% 0;
}
.twitter{}
.twitter a{
    display: block;
    width: 100%;
    background: #1da1f3;
    text-align: center;
    color: #FFF;
    border-radius: 100px;
    padding: 3%;
    border: solid #FFF 5px;
    font-weight: bold;
}
.line{
    margin: 5% 0 0 0;
}
.line a{
    display: block;
    width: 100%;
    background: #00ba01;
    text-align: center;
    color: #FFF;
    border-radius: 100px;
    padding: 3%;
    border: solid #FFF 5px;
    font-weight: bold;
}


@media (min-width: 2000px) {
 .wh2 h2{font-size: 40px;}
 .whb{
    font-size: 20px;
}
 .wht{
    font-size: 16px;
}
.stxt{
    font-size: 15px;
}
 .col2_2 li:nth-child(1){
    font-size: 21px;
}
 .col2_2 li:nth-child(2){}
 .qa_q{
    font-size: 24px;
}
 .qa_a{
    font-size: 24px;
}
}

.e1 {
  position: absolute;
  top: 13.1%;
  width: 90%;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 5;
}
.e2 {
  position: absolute;
  top: 9.7%;
  width: 90%;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 2;
}

.flare_1{position: absolute;top: 12%;width: 56.7%;left: -28%;margin: 0% auto 0% auto;z-index: 10;mix-blend-mode: screen;}
.flare_2{position: absolute;top: 5.5%;width: 71.95%;left: 10.1%;margin: 0% auto 0% auto;z-index: 10;mix-blend-mode: screen;}
.flare_3{position: absolute;top: 26%;width: 87.4%;left: -38%;margin: 0% auto 0% auto;z-index: 10;mix-blend-mode: screen;}
.flare_4{position: absolute;top: 10.3%;width: 52.95%;left: 0;right: 4%;margin: 0% auto 0% auto;z-index: 0;mix-blend-mode: screen;}
.flare_5{position: absolute;top: 37.7%;width: 52.95%;right: 4%;left: 0;margin: 0% auto 0% auto;z-index: 0;mix-blend-mode: screen;}
.flare_6{position: absolute;top: 28%;width: 63.85%;left: 15%;right: 0;margin: 0% auto 0% auto;z-index: 15;mix-blend-mode: screen;}
.flare_7{position: absolute;top: 50%;width: 82.7%;left: -42%;margin: 0% auto 0% auto;z-index: 15;mix-blend-mode: screen;}
.flare_8{position: absolute;top: 57.6%;width: 82.7%;left: -26.5%;right: 0;margin: 0% auto 0% auto;z-index: 15;mix-blend-mode: screen;}
.flare_9{position: absolute;top: 48.8%;width: 82.7%;right: -9%;margin: 0% auto 0% auto;z-index: 15;mix-blend-mode: screen;}
.flare_10{position: absolute;top: 57.9%;width: 82.7%;right: -31.4%;margin: 0% auto 0% auto;z-index: 15;mix-blend-mode: screen;}
.flare_11{position: absolute;top: 4%;width: 82.7%;left: -41.8%;margin: 0% auto 0% auto;z-index: 15;mix-blend-mode: screen;}
.flare_12{position: absolute;top: 8%;width: 82.7%;left: -46.5%;right: 0;margin: 0% auto 0% auto;z-index: 15;mix-blend-mode: screen;}
.flare_13{position: absolute;top: 3.6%;width: 82.7%;right: 5.5%;margin: 0% auto 0% auto;z-index: 15;mix-blend-mode: screen;}
.flare_14{position: absolute;top: 7.5%;width: 82.7%;right: -19.9%;margin: 0% auto 0% auto;z-index: 15;mix-blend-mode: screen;}
.flare_15{position: absolute;bottom: 1.9%;width: 62.95%;right: 24.6%;margin: 0% auto 0% auto;z-index: 0;mix-blend-mode: screen;}
.flare_16{position: absolute;top: 7.3%;width: 52.95%;left: 0;right: 4%;margin: 0% auto 0% auto;z-index: 0;mix-blend-mode: screen;}
.flare_17{position: absolute;top: 27.1%;width: 52.95%;right: 4%;left: 0;margin: 0% auto 0% auto;z-index: 0;mix-blend-mode: screen;}
.flare_18{position: absolute;top: 57.25%;width: 53.0%;right: 17.5%;left: 0;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}
.flare_19{position: absolute;top: 13.25%;width: 51.95%;right: -41.5%;left: 0;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}
.flare_20{position: absolute;top: 40.25%;width: 51.95%;right: -20.5%;left: 0;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}

.flare_21{position: absolute;top: 30.65%;width: 65.55%;right: 27.5%;left: 0;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}
.flare_22{position: absolute;top: 22.15%;width: 65.55%;left: -33.5%;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}
.flare_23{position: absolute;top: 15.5%;width: 44.95%;left: -7%;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}
.flare_24{position: absolute;top: 23.75%;width: 65.55%;right: -68.5%;left: 0;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}
.flare_25{position: absolute;top: 19.85%;width: 44.95%;right: -61.5%;left: 0;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}


.flare_16_1{position: absolute;top: 34.4%;width: 52.95%;left: 0;right: 4%;margin: 0% auto 0% auto;z-index: 0;mix-blend-mode: screen;}
.flare_17_1{position: absolute;top: 50.1%;width: 52.95%;right: 4%;left: 0;margin: 0% auto 0% auto;z-index: 0;mix-blend-mode: screen;}


.flare_21_1{position: absolute;top: 24.65%;width: 65.55%;right: 27.5%;left: 0;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}
.flare_22_1{position: absolute;top: 20.25%;width: 65.55%;left: -33.5%;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}
.flare_23_1{position: absolute;top: 12.5%;width: 44.95%;left: -7%;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}
.flare_24_1{position: absolute;top: 19.15%;width: 65.55%;right: -68.5%;left: 0;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}
.flare_25_1{position: absolute;top: 16.15%;width: 44.95%;right: -61.5%;left: 0;margin: 0% auto 0% auto;z-index: 20;mix-blend-mode: screen;}

.flare_26{position: absolute;top: 25.45%;width: 22.95%;right: 4%;left: 0;margin: 0% auto 0% auto;z-index: 0;mix-blend-mode: screen;}
.flare_27{position: absolute;top: 68.45%;width: 22.95%;right: 4%;left: 0;margin: 0% auto 0% auto;z-index: 0;mix-blend-mode: screen;}


.e3 {
  position: absolute;
  top: 2.5%;
  width: 35.4%;
  left: 33.2%;
  margin: 0% auto 0% auto;
  z-index: 0;
}
.e4 {
  position: absolute;
  top: 25.3%;
  width: 35.3%;
  left: 33.5%;
  margin: 0% auto 0% auto;
  z-index: 7;
}

.e5 {
  position: absolute;
  top: 62.9%;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0% auto 0% auto;
  z-index: 7;
}
.e5_5 {
  position: absolute;
  top: 19.0%;
  width: 47.75%;
  left: 8%;
  right: -3%;
  margin: 0% auto 0% auto;
  z-index: 8;
}

.e6 {
  position: relative;
  top: 0;
  width: 170%;
  left: 0;
  right: 0;
  margin: -3% -35% 0;
  z-index: 5;
}

.logo {
  position: absolute;
  top: 17.7%;
  width: 120%;
  right: 0%;
  left: 0%;
  margin: 0 -10%;
  z-index: 6;
}

.e7 {
  position: relative;
  top: 90%;
  width: 100%;
  right: 0;
  left: 0;
  margin: 9% auto 0% auto;
  z-index: 2;
}
.blown_bg{
    background: url(../img/blown_bg.png) no-repeat;
    background-size: 181% auto;
    background-position: center top;
    position: relative;
    height: auto;
    margin: 0 0 0 0;
    z-index: 2;
    overflow: hidden;
}
#countdown-unit{
    max-width: 1132px;
    width: 90%;
    margin: 2% auto 8%;
    overflow: hidden;
    display: block;
    position: relative;
}

#countdown-unit ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0;
}
#countdown-unit li{
	width: 7.2%;
	overflow: hidden;
	position: relative;
	height: auto;
	}
#countdown-unit li img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/* height: auto; */
	display: block;
	}
#countdown-unit li:before{content: '';padding-top: 170%;display: block;}

#countdown-unit li:nth-child(1){
    width: 5.4%;
}
#countdown-unit li:nth-child(4){
    width: 2.8%;
}

#countdown-unit li:nth-child(7){
    width: 5.6%;
}
#countdown-unit li:nth-child(10){
    width: 2.8%;
}
#countdown-unit li:nth-child(13){
    width: 2.8%;
}
#countdown-unit li:nth-child(1):before,#countdown-unit li:nth-child(7):before{content: '';padding-top: 177%;display: block;}
#countdown-unit li:nth-child(4):before,#countdown-unit li:nth-child(10):before,#countdown-unit li:nth-child(13):before{content: '';padding-top: 339%;display: block;}

.mov1{
    width: 90%;
    display: block;
    margin: 0 auto;
    padding: 8px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ede6cd+0,d8bc87+99 */
    background: #ede6cd; /* Old browsers */
    background: -moz-linear-gradient(top,  #ede6cd 0%, #d8bc87 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ede6cd 0%,#d8bc87 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ede6cd 0%,#d8bc87 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede6cd', endColorstr='#d8bc87',GradientType=0 ); /* IE6-9 */
}

.mov1 iframe{    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;}
	
.youtube{    padding-top: 56.25%;
    position: relative;}
	

.store_1{
    position: relative;
    top: 0;
    width: 100%;
    left: 0%;
    right: 0;
    margin: -18% auto 0 auto;
    z-index: 10;
}
.store_2{
    width: 133.1%;
    margin: 0;
    display: none;
}

.red_bg{
    position: relative;
    top: 0;
    width: 200%;
    left: 0;
    right: 0;
    margin: -51.5% -50% 7%;
    z-index: 0;
}
.white_box{
    position: relative;
    background: #FFF;
    width: 95%;
    margin: 5% auto;
}

.e8 {
  position: relative;
  top: 0;
  width: 90%;
  left: 0;
  right: 0;
  margin: 4% auto 0% auto;
  z-index: 5;
  padding: 1% 0 0 0;
}
.e9 {
  position: relative;
  top: 24%;
  width: 90%;
  left: 0;
  right: 0;
  margin: 2% auto 0% auto;
  z-index: 30;
}
.e9_2 {
  position: relative;
  top: 0;
  width: 90%;
  left: 0;
  right: 0;
  margin: -2% auto 3% auto;
  z-index: 30;
}
.e10 {
  position: relative;
  top: 0;
  width: 90%;
  left: 0;
  right: 0;
  margin: 0% auto 0% auto;
  z-index: 5;
}
.e11 {
  position: relative;
  width: 90%;
  right: 0;
  left: 0;
  margin: 0% auto 0% auto;
  z-index: 30;
}

.e12 {
  position: relative;
  top: 12%;
  width: 80%;
  left: 0%;
  right: 0%;
  margin: 1% auto;
  z-index: 5;
}
.e13 {
  position: relative;
  top: 26%;
  width: 80%;
  right: 0;
  left: 0;
  margin: 0 auto 5%;
  z-index: 5;
}
.e14 {
  position: relative;
  top: 0;
  width: 90%;
  right: 0;
  left: 0;
  margin: 56% auto 5%;
  z-index: 5;
}
.e15 {
  position: absolute;
  top: 65%;
  width: 28.95%;
  right: 0;
  left: 0;
  margin: 0% auto 0% auto;
  z-index: 5;
}
.e16 {
  position: relative;
  top: 0;
  width: 90%;
  left: 0;
  right: 0;
  margin: -2.5% auto 4% auto;
  z-index: 15;
}

	
.e17-e19 {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  margin: 3% auto 0 auto;
  z-index: 1;
}
.e17-e19 ul {
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 100%;
  align-items: center;
}
.e17-e19 li {
  width: 40.7%;
}
.e17-e19 li:nth-child(2){
    margin: 0 -12%;
}
.e17-e19 li img {
  width: 100%;
}


.e20 {
  position: relative;
  top: 0;
  width: 94%;
  left: 0;
  right: 0;
  margin: -3.5% auto 5% auto;
  z-index: 1;
}
.e21 {
  position: absolute;
  top: 0;
  right: 0;
  width: 8.0%;
  margin: 0 auto;
  z-index: 5;
}
.e22 {
  position: relative;
  top: 0;
  width: 87.5%;
  left: 0;
  right: 0;
  margin: 0 auto 0;
  padding: 7.0% 0 0 0;
  z-index: 1;
}
.e23 {
  position: relative;
  top: 0;
  width: 88.4%;
  left: 0;
  right: 0%;
  margin: 1% auto 0 auto;
  z-index: 5;
}
.e24 {
  position: relative;
  top: 5.0%;
  width: 87.2%;
  left: 0%;
  right: 0%;
  margin: 0 auto 2%;
  z-index: 1;
}
.e25 {
  position: relative;
  top: 12%;
  width: 87.6%;
  left: 0%;
  right: 0%;
  margin: 2% auto;
  z-index: 0;
}
.e26-e29 {
  position: relative;
  left: 0;
  right: 0;
  width: 87.2%;
  margin: 3% auto 0 auto;
  z-index: 1;
}
.e26-e29 ul {
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 100%;
  align-items: center;
}
.e26-e29 li {
  width: 23.2%;
}

.e26-e29 li img {
  width: 100%;
}

.e26 {
  position: absolute;
  top: 28%;
  width: 68.9%;
  left: 0%;
  right: 0%;
  margin: 0 auto;
  z-index: 1;
}
.e27 {
  position: absolute;
  top: 48.5%;
  width: 68.9%;
  left: 0%;
  right: 0%;
  margin: 0 auto;
  z-index: 5;
}
.e28 {
  position: absolute;
  top: 65%;
  width: 68.9%;
  left: 0%;
  right: 0%;
  margin: 0 auto;
  z-index: 1;
}
.link_box{
    position: absolute;
    top: 93.0%;
    width: 38.9%;
    left: 42%;
    margin: 0 auto;
    z-index: 1;
    text-align: left;
    font-size: 0.8vw;
    color: #5f511e;
    font-weight: bold;
    }
.link_box a{}
.e29 {
  position: absolute;
  top: 6%;
  width: 30.9%;
  left: 0;
  right: 0;
  margin: 0% auto 0% auto;
  z-index: 5;
}
.e30 {
  position: relative;
  top: 0;
  width: 105%;
  left: 0;
  right: 0;
  margin: 1% -2.5% 0;
  z-index: 5;
  padding: 0 0 3% 0;
}
.e31 {
  position: relative;
  top: 21.5%;
  width: 55.4%;
  left: 4%;
  margin: 0 0 0 0;
  z-index: 5;
  padding: 5% 0 0 0;
}
.e32 {
  position: relative;
  top: 0;
  width: 36.50%;
  right: 3%;
  margin: -30.5% 0 0 auto;
  z-index: 4;
}
.e33 {
  position: absolute;
  top: 0;
  width: 8.0%;
  right: 0;
  margin: 0% auto 0% auto;
  z-index: 7;
}
.e34 {
  position: relative;
  top: 20.5%;
  width: 105%;
  right: 0;
  left: 0;
  margin: -7% -2.5% 0;
  z-index: 5;
}


.e35-e42 {
  position: relative;
  left: 0;
  right: 0;
  width: 93.8%;
  margin: 3% auto 0 auto;
  padding: 0 0 5% 0;
  z-index: 1;
}
.e35-e42 ul {
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 100%;
  align-items: center;
}
.e35-e42 li {
  width: 48%;
}

.e35-e42 li img {
  width: 100%;
}
.e35-e42 ul::after {
display: block;
content:"";
width: 31.7%;
}

.e43 {position: absolute;top: 83%;width: 40.3%;right: 0%;left: 5%;margin: 0 auto;z-index: 1;}
.e44 {position: absolute;top: 0;width: 8.0%;right: 0%;margin: 0 auto;z-index: 1;}

.e45 {
  position: relative;
  top: 4%;
  width: 85.6%;
  left: 0;
  right: 0;
  margin: 0% auto 0% auto;
  z-index: 5;
  padding: 6% 0 0 0;
}
.e46 {
  position: relative;
  top: 13%;
  width: 71.7%;
  left: -32%;
  right: 0;
  margin: -21% auto 0 0;
  z-index: 1;
}
.e47 {
  position: relative;
  top: 0;
  width: 74.5%;
  left: -4%;
  right: 0;
  margin: -50% 0 0 0;
  z-index: 3;
}
.e48 {
  position: relative;
  top: 0;
  width: 76.0%;
  right: -22%;
  margin: -75.5% auto 0;
  z-index: 5;
}
.e49 {
  position: relative;
  top: 0;
  width: 74.3%;
  right: -50%;
  margin: -81% auto 0 auto;
  z-index: 0;
}
.e50 {
  position: relative;
  top: 0;
  width: 195.123%;
  left: 0;
  right: 0;
  margin: -5% -47.5615% 0;
  z-index: 1;
  padding: 0 0 3% 0;
}
.pay_box{
  position: relative;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  margin: 5% auto 0 auto;
  z-index: 1;
}
.e51{
  position: relative;
  top: 0;
  width: 150%;
  left: 0;
  right: 0;
  margin: 2% -25% 1%;
  z-index: 1;
}
.e52{
  position: relative;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto 3%;
  z-index: 1;
  }
.e53{
  position: relative;
  top: 0;
  width: 95.9%;
  left: 0;
  right: 0;
  margin: 5% auto 7% auto;
  z-index: 1;
  }
.e54{
  position: relative;
  top: 0;
  width: 67%;
  left: 0;
  right: 0;
  margin: 9% auto 11%;
  z-index: 1;
  }
.e55 {
  position: relative;
  top: 0;
  width: 85.5%;
  right: 0;
  left: 0;
  margin: -4% auto 0;
  z-index: 5;
}

.pa1{}
.pa2{}
.pa3{}
.e55_1 {
  position: absolute;
  top: 19%;
  width: 34.7%;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 5;
}



.e60 {
  position: absolute;
  top: 0;
  width: 8.0%;
  right: 0;
  margin: 0 auto;
  z-index: 5;
}
.e61 {
  position: relative;
  top: 0;
  width: 100%;
  right: 0;
  left: 0;
  margin: 0% auto 0;
  padding: 5% 0 0 0;
  z-index: 5;
}
.e62 {
  position: relative;
  top: 0;
  width: 100%;
  right: 0;
  left: 0;
  margin: 7% auto 0 auto;
  z-index: 5;
}
.e63 {
  position: relative;
  top: 0;
  width: 88.5%;
  right: 0;
  left: 0;
  margin: 7% auto;
  padding: 0 0 7% 0;
  z-index: 5;
}
.e64 {
  position: absolute;
  top: 0;
  width: 8.0%;
  right: 0;
  margin: 0 auto;
  z-index: 5;
}
.e65 {
  position: relative;
  top: 0;
  width: 88.5%;
  right: 0;
  left: 0;
  margin: 0% auto 0;
  padding: 5% 0 0 0;
  z-index: 5;
}

.e70 {
  position: relative;
  top: 0;
  width: 180%;
  right: 0;
  left: 0;
  margin: -33% auto 0;
  padding: 0;
  z-index: 0;
}

.e71-e73 {
  position: relative;
  left: 0;
  right: 0;
  width: 90%;
  margin: -36% auto 20% auto;
  z-index: 1;
}
.e71-e73 ul {
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 100%;
  align-items: center;
}
.e71-e73 li {
  width: 27.5%;
}

.e71-e73 li img {
  width: 100%;
}


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

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



.date{
    width: 25.4%;
    position: absolute;
    top: 60.4%;
    right: 8.9%;
    margin: 0% auto 0% auto;
    z-index: 19;
}

.rose{
    width: 120%;
    position: absolute;
    top: 11%;
    right: 0;
    left: 0;
    margin: 0% -10%;
    z-index: 19;
}



.rbp2 {
  top: 64%;
  width: 69.9%;
}
.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%;
}



.sc1{position:absolute;bottom: 8.7%;margin: 0 -10%;left: 0;right:0;padding: 1.6% 0 1.4% 0;z-index: 10;/* background: #fff; */width: 120%;}
.sc2{position:absolute;top: 32%;margin:0 auto;left:0;right:0;z-index: 10;}
.sc3{position:absolute;top: 41%;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: 220vw;
    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(110vw / 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;
  }
    .loop_css2 video{
    width: 100%;
    height: auto;
    cursor: pointer;
    padding: 5px;
    background: #ede6cd;
    background: -moz-linear-gradient(top, #ede6cd 0%, #d8bc87 99%);
    background: -webkit-linear-gradient(top, #ede6cd 0%,#d8bc87 99%);
    background: linear-gradient(to bottom, #ede6cd 0%,#d8bc87 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede6cd', endColorstr='#d8bc87',GradientType=0 );
}

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


.rbp2 {
  top: 69%;
  width: 95%;
}
  .f_menu {
    width: 90%;
    margin: 3% auto 3.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 {}
  .floating_btn {
    position: fixed;
    bottom: 5%;
    right: 2%;
    z-index: 10;
    width: 32%;
  }
  .floating_btn a {
    display: block;
  }
  .floating_btn img {
    width: 100%;
  }
}
@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) {}
}