@-webkit-keyframes Floatingy {
  from {
    -webkit-transform: translate(0, 0px);
  }
  65% {
    -webkit-transform: translate(50px, 0);
  }
  to {
    -webkit-transform: translate(0, 0px);
  }
}

@-moz-keyframes Floatingy {
  from {
    -moz-transform: translate(0, 0px);
  }
  65% {
    -moz-transform: translate(50px, 0);
  }
  to {
    -moz-transform: translate(0, 0px);
  }
}

@-webkit-keyframes Floatingx {
  from {
    -webkit-transform: translate(50px, 0px);
  }
  65% {
    -webkit-transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(50px, 0px);
  }
}

@-moz-keyframes Floatingx {
  from {
    -moz-transform: translate(50px, 0px);
  }
  65% {
    -moz-transform: translate(0, 0);
  }
  to {
    -moz-transform: translate(50px, 0px);
  }
}
.icon-bubble {
  position: absolute;

  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease-in-out;
  -webkit-animation-name: Floatingy;
  -moz-animation-name: Floatingy;
  float: left;
}
.notification-wrap {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: -2% auto 0;
  background-color: #082670;
  z-index: 5;
}
.notification-wrap .content {
  max-width: 967px;
  color: white;
  padding: 0 10%;
  margin: 0 auto;
  font-weight: 600;
  font-size: 12px;
}


.section.intro-00 {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0 auto;
  background-color: #082670;
  background-image: url('../img/open/01_top_bg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.section.intro-00 .content {
  position: relative;
  padding: 0;
  max-width: 1092px;
  margin: 0 auto;
  text-align: center;
}
.aquapop-character-wrap {
  position: relative;
  left: -20%;
  width: 140%;
  margin-top: 15%;
  z-index: 2;
}
.section.intro-00 .wrap-links {
  position: relative;
  z-index: 10;
  padding: 0 30px;
  margin-top: -10%;
  margin-bottom: 3%;
}
.section.intro-00 .wrap-links .text-info {
  padding: 10px;
  width: 50%;
  min-width: 300px;
}
.section.intro-00 .wrap-links .links-horizontal-align {
  margin: 0.5rem 0;
  display: flex;
  justify-content: center;
}
.section.intro-00 .wrap-links .img-horizontal-align {
  width: 100%;
}
.section.intro-00 .content .go-reservation {
  display: inline-block;
  margin-left: -15%;
  position: absolute;
  bottom: 10%;
  left: 45%;
  width: 40%;
  z-index: 5;
}
.section.intro-00 .content .go-reservation img {
  width: 100%;
}
.section.intro-00 .content .wrap-character {

}

.section.event_02 {
  position: relative;
  padding: 0;
  margin: 0 auto;
  z-index: 4;
  overflow: hidden;
  background-color: #082670;
}
.section.event_02 .content {
  position: relative;
  margin: 0 auto;
  max-width: 967px;
  text-align: center;
  z-index: 2;
}
.section.event_02 .reward-btn-line {
  display: block;
  width: 35%;
  position: absolute;
  top: 90.5%;
  z-index: 20;
  left: 50%;
  transform: translate(-50%, -45%);
}
.section.event_02 .reward-blind {
  display: block;
  width: 100%;
  position: absolute;
  top: 56.5%;
  z-index: 20;
  left: 50%;
  transform: translate(-50%, -45%);
}
.section.event_02 .reward-blind-btn {
  display: block;
  width: 35%;
  position: absolute;
  top: 71.5%;
  z-index: 20;
  left: 50%;
  transform: translate(-50%, -45%);
}

.section.event_03 {
  position: relative;
  padding: 0;
  margin: 0 auto;
  z-index: 4;
  overflow: hidden;
  background-color: #082670;
}
.section.event_03 .content {
  position: relative;
  margin: 0 auto;
  max-width: 967px;
  text-align: center;
  z-index: 2;
}
.section.event_03 .reward-btn-googleplay {
  display: block;
  width: 25%;
  position: absolute;
  top: 91.3%;
  z-index: 20;
  left: 35%;
  transform: translate(-50%, -45%);
}
.section.event_03 .reward-btn-appstore {
  display: block;
  width: 25%;
  position: absolute;
  top: 91.3%;
  z-index: 20;
  left: 65%;
  transform: translate(-50%, -45%);
}
.section.event_03 .icon-bubble {
  z-index: 20;
}
.section.event_03 .icon-bubble.bubble_reward_clear_01 {
  width: 13%;
  top: 24%;
  left: 26%;
}
.section.event_03 .icon-bubble.bubble_reward_clear_02 {
  width: 13%;
  top: 24%;
  left: 75.5%;
}
.section.event_03 .icon-bubble.bubble_reward_clear_03 {
  width: 13%;
  top: 41%;
  left: 37%;
}
.section.event_03 .icon-bubble.bubble_reward_clear_04 {
  width: 13%;
  top: 41%;
  left: 75.5%;
}
.section.event_03 .icon-bubble.bubble_reward_clear_05 {
  width: 13%;
  top: 58%;
  left: 75.5%;
}
.section.event_03 .icon-bubble.bubble_reward_clear_06 {
  width: 13%;
  top: 74%;
  left: 75.5%;
}

.section.event_04 {
  position: relative;
  padding: 0;
  margin: 0 auto;
  z-index: 4;
  overflow: hidden;
  background-color: #082670;
}
.section.event_04 .content {
  position: relative;
  margin: 0 auto;
  max-width: 967px;
  text-align: center;
  z-index: 2;
}

.section.event_04 .reward-btn-twitter {
  display: block;
  width: 35%;
  position: absolute;
  top: 87.5%;
  z-index: 20;
  left: 50%;
  transform: translate(-50%, -45%);
}
.section.event_04 .icon-bubble {
  z-index: 20;
  max-width: 85px;
}
.section.event_04 .icon-bubble.bubble_reward_clear_01 {
  width: 14%;
  top: 27.5%;
  left: 11.5%;
}
.section.event_04 .icon-bubble.bubble_reward_clear_02 {
  width: 14%;
  top: 37.5%;
  left: 11.5%;
}
.section.event_04 .icon-bubble.bubble_reward_clear_03 {
  width: 14%;
  top: 47.5%;
  left: 11.5%;
}
.section.event_04 .icon-bubble.bubble_reward_clear_04 {
  width: 14%;
  top: 57.5%;
  left: 11.5%;
}
.section.event_04 .icon-bubble.bubble_reward_clear_05 {
  width: 14%;
  top: 67.5%;
  left: 11.5%;
}


.section.game_05_1 {
  position: relative;
  padding: 0;
  margin: 0 auto;
  z-index: 4;
  overflow: hidden;
  background-color: #082670;
}
.section.game_05_1 .content {
  position: relative;
  margin: 0 auto;
  max-width: 967px;
  text-align: center;
  z-index: 2;
}
.section.game_05_1 .content .flicking-wrap {
  position: absolute;
  top: 41.5%;
  left: 11%;
  right: 11%;
}
.section.game_05_1 .content .flicking-wrap .flicking-camera {
  width: 125%;
}
.section.game_05_1 .content .flicking-wrap .flicking-arrow-next,
.section.game_05_1 .content .flicking-wrap .flicking-arrow-prev {
  position: absolute;
  top: 50%;
  width: 10%;
  height: 20%;
  cursor: pointer;
  transform: translateY(-50%);
  z-index: 2;
  background-color: transparent;
}

.section.game_05_2 {
  position: relative;
  padding: 0;
  margin: 0 auto;
  z-index: 4;
  overflow: hidden;
  background-color: #082670;
}
.section.game_05_2 .content {
  position: relative;
  margin: 0 auto;
  max-width: 967px;
  text-align: center;
  z-index: 2;
}
.section.game_05_2 .content .flicking-wrap {
  position: absolute;
  top: 9.5%;
  left: 11%;
  right: 11%;
}
.section.game_05_2 .content .flicking-wrap .flicking-camera {
  width: 100%;
}
.section.game_05_2 .content .flicking-wrap .flicking-arrow-next,
.section.game_05_2 .content .flicking-wrap .flicking-arrow-prev {
  position: absolute;
  top: 50%;
  width: 8%;
  height: 8%;
  cursor: pointer;
  transform: translateY(-50%);
  z-index: 2;
}

.section.twitter_06 {
  position: relative;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
  background-color: #082670;
}
.section.twitter_06 .content {
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
  text-align: center;
  z-index: 2;
}
.section.twitter_06 .sns-twitter {
  position: absolute;
  top: 18%;
  left: 12%;
  width: 75.5%;
  height: 59% !important;
  overflow: scroll;
  background-color: #fcf7f1;
}
.section.twitter_06 .sns-twitter iframe {
  height: 100%;
}
.section.twitter_06 .write-twitter {
  display: block;
  width: 30%;
  position: absolute;
  top: 86.5%;
  z-index: 20;
  left: 50%;
  right: 50%;
  transform: translate(-50%, -45%);
}
.section.twitter_06 .icon-fixing {
  position: absolute;
  z-index: -1;
}
.section.info_07 {
  position: relative;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
  background-color: #082670;
}
.section.info_07 .content {
  position: relative;
  margin: 0 auto;
  max-width: 800px;
  text-align: center;
  z-index: 2;
}
.section.info_07 .links-horizontal-align {
  margin: 0.5rem 0;
  display: flex;
  justify-content: center;
}
.section.info_07 .img-horizontal-align {
  width: 80%;
}
.section.info_07 nav {
  margin: 3rem 1rem 1rem;
  max-width: 900px;
  display: flex;
  justify-content: center;
}
.section.info_07 nav a {
  /*padding: 0 2%;*/
}
.section.info_07 nav img {
  height: 20px;
  padding: 0 2%;
}

.section.info_07 .copyright {
  padding: 1rem;
}



.page-footer-video {
  position: absolute;
  width: 100%;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.aquapop-open .youtube-modal {
  width: 100%;
  height: 100%;
}
.aquapop-open .youtube-modal .modal-dialog {
  display: table-cell;
  max-width: 100vw !important;
  width: 100vw !important;
  height: 100vh !important;
  vertical-align: middle;
}
.aquapop-open .youtube-modal .modal-dialog .modal-content {
  position: relative;
  width: 700px;
  min-width: 320px;
  margin: 80px auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  background-color: black;
}
.aquapop-open .youtube-modal .modal-dialog .close {
  position: absolute;
  right: -5px;
  top: -60px;
  width: 48px;
  height: 48px;
  padding: 5px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg4Qjg3QTYyMENGOTExRUFCMzRGOEMwRDgwNTQyOUE2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg4Qjg3QTYzMENGOTExRUFCMzRGOEMwRDgwNTQyOUE2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODhCODdBNjAwQ0Y5MTFFQUIzNEY4QzBEODA1NDI5QTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODhCODdBNjEwQ0Y5MTFFQUIzNEY4QzBEODA1NDI5QTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz75gu69AAAA+UlEQVR42tzYCwrDIAwGYNuzzCvpNexpN9iOMrDZqJvI6jPqzwIp1Bb60ZaoWay1wosL5UPMCUl5dyerd2GjvFGqCShNeaU0n5HXG6Pc7DeelOoYH5H6eKYL8/6KdJDBhZE4ffJsmbpBTUBp98Zm4KKoEDYKl0T9gvXGZaHOYL1w2agYjBtXhErBuHDFqBxYK64KlQurxVWjSmCluCZUKSwX14yqgaVwLKhaWAzHVvu4qzhbQe4xxbBMYatAjX/7lJA/P2S5gCywkFMS5CQOueyBXChCLq0hNyOQ2zfIDS9kiwCyqQLdhoJs3Pm40agQZ9zYgtoc3gUYAOwphtv6QlAxAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  background-size: 38px;
  outline: 0;
  border: 0;
  cursor: pointer;
  font-size: 0;
}
.aquapop-open .youtube-modal .modal-dialog iframe {
  margin: 0;
}
.aquapop-open .modal-backdrop.show {
  opacity: 1;
  background: rgba(0, 0, 0, 0.8)
}