.contents-inner {
  position: relative;
}
.contents-inner img {
  width: 100%;
  height: auto;
}
.contents-inner .contents-main {
  font-size: 2.3255814vw;
  position: relative;
  margin: 0 auto;
}
.contents-inner .area-main {
  padding-bottom: 21em;
}
.contents-inner .section-inner {
  padding: 0 2.5em 0;
}
.contents-inner .section-main .mainvisual {
  padding: 12em 0 18em;
}
.contents-inner .section-main .mainvisual-logo {
  width: 29.6em;
  margin: 0 auto;
}
.contents-inner .section-mainvisual .seciton-title {
  width: 32.133em;
  margin: 0 auto;
}
.contents-inner .section-mainvisual .section-text {
  width: 33.986em;
  margin: 4.8em auto 0;
}
.contents-inner .section-mainvisual .detail {
  margin-top: 6.5em;
}
.contents-inner .section-mainvisual .detail .detail-ttl {
  width: 20.388em;
  margin: 0 auto;
}
.contents-inner .section-mainvisual .detail .detail-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2em;
}
.contents-inner .section-mainvisual .detail .detail-list .item {
  width: 33.3%;
}
.contents-inner .area-lineup {
  margin-top: -15em;
}
.contents-inner .area-lineup .area-lineup-top {
  background: top/cover no-repeat url("../img/bg_white_top.png");
}
.contents-inner .area-lineup .area-lineup-top .seciton-title {
  width: 22.9516em;
  margin: 0 auto;
  padding-top: 8em;
}
.contents-inner .area-lineup .area-lineup-bottom {
  background-color: #FFF;
  padding-bottom: 5.4em;
}
.contents-inner .area-lineup .area-lineup-bottom .section-text {
  width: 21.976em;
  margin: 0 auto;
  padding-top: 5em;
}
.contents-inner .area-lineup .area-lineup-bottom .list-lineup .item:nth-child(2) {
  margin-top: 2.6em;
}
.contents-inner .area-lineup .area-lineup-bottom .list-lineup .item:nth-child(3) {
  margin-top: 3.5em;
}
.contents-inner .area-flavor {
  background: top/100% no-repeat url("../img/bg_white_bot.png");
  padding-bottom: 21em;
}
.contents-inner .area-flavor .flavor-title {
  width: 35.3352em;
  margin: 0 auto;
  padding-top: 9em;
}
.contents-inner .area-flavor .flavor-title .item-wrapper {
  position: relative;
}
.contents-inner .area-flavor .flavor-chart {
  margin-top: 3.5em;
}
.contents-inner .area-flavor .flavor-list .item {
  margin-top: 8em;
}
.contents-inner .area-flavor .flavor-list .item:nth-child(2) {
  margin-top: 5.7em;
}
.contents-inner .area-flavor .flavor-list .item:nth-child(3) {
  margin-top: 6em;
}
.contents-inner .area-flavor .link-twitter {
  margin-top: 4.4em;
}
.contents-inner .area-flavor .link-twitter .link-title {
  width: 19.2272em;
  margin: 0 auto;
}
.contents-inner .area-flavor .link-twitter .link-button {
  width: 32em;
  margin: 2.2em auto 0;
}
.contents-inner .area-flavor .link-twitter .link-button:hover {
  opacity: .8;
}
.contents-inner .button-totop {
  position: absolute;
  bottom: 5.6em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 6.8em;
}
.contents-inner .button-totop:hover {
  opacity: .8;
}
.contents-inner .background-img-inner {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
.contents-inner .background-img-inner .item-wrapper {
  width: 100%;
  height: 100%;
  background-color: rgba(250, 250, 250, 0.9);
}
.contents-inner .background-img-inner .item {
  width: 100%;
  height: 100%;
  background: top/cover url("../img/bg_inner_1.png");
}
.contents-inner .background-img-inner .item:nth-child(2) {
  background: top/cover url("../img/bg_inner_2.png");
}
.contents-inner .background-img-inner .item:nth-child(3) {
  background: top/cover url("../img/bg_inner_3.png");
}
.contents-inner .js-fade {
  position: relative;
}
.contents-inner .js-fade .item {
  -webkit-transition: opacity 2s;
  transition: opacity 2s;
}
.contents-inner .js-fade .item:nth-child(2), .contents-inner .js-fade .item:nth-child(3) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.contents-inner .js-bg-bubble {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.contents-inner .bubble {
  position: absolute;
  bottom: -20px;
  pointer-events: none;
  -webkit-animation: bubble 12s linear infinite;
          animation: bubble 12s linear infinite;
  background: center/cover no-repeat url("../img/bubble.png");
}
@-webkit-keyframes bubble {
  0% {
    -webkit-transform: translatY(0);
            transform: translatY(0);
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100vh);
            transform: translateY(-100vh);
    opacity: 0;
  }
}
@keyframes bubble {
  0% {
    -webkit-transform: translatY(0);
            transform: translatY(0);
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100vh);
            transform: translateY(-100vh);
    opacity: 0;
  }
}
@media screen and (min-width: 768px) {
  .contents-inner {
    overflow: hidden;
  }
  .contents-inner .contents-main {
    font-size: 8.72093px;
    width: 375px;
  }
  .contents-inner .section-main .mainvisual {
    padding: 4em 0 6.5em;
  }
  .contents-inner .background-img {
    position: fixed;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    height: 100vh;
    max-width: 1920px;
    background: top/cover no-repeat url("../img/bg_pc.png");
    z-index: -2;
  }
  .contents-inner .background-img-inner {
    width: 375px;
  }
}