@charset "UTF-8";
#sec01,
.lp-main {
  margin-left: auto;
  margin-right: auto;
  max-width: 750px;
}
@media (max-width: 768px) {
  #sec01,
  .lp-main {
    max-width: 100%;
    overflow-x: hidden;
  }
}

video {
  width: 100%;
}

.animation {
  position: absolute;
  width: 100%;
  top: 4%;
  left: 0;
  right: 0;
  margin: auto;
}

.sec02 .animation {
  width: 56%;
  top: 13%;
  left: 0;
  right: -55%;
}

.sec03 .animation {
  top: 48%;
  left: 5%;
}

.sec12 .animation {
  width: 53%;
  right: -64%;
}

#LineFriend {
  width: 95%;
  margin: 0 auto;
}

.button input {
  width: 100%;
  display: block;
  margin: auto;
}
@media (max-width: 568px) {
  .button input {
    width: 90%;
    margin: 10px auto;
  }
}

.button1 {
  bottom: 26%;
  left: 0;
  right: 0;
  overflow-x: hidden;
  width: 80%;
  margin: auto;
}
@media (max-width: 568px) {
  .button1 {
    width: 100%;
  }
}

.button1B {
  bottom: 15%;
}
@media (max-width: 568px) {
  .button1B {
    width: 90%;
    bottom: 14%;
  }
}

.button2 {
  bottom: 9%;
  left: 0;
  right: 0;
  width: 70%;
  margin: auto;
}
@media (max-width: 568px) {
  .button2 {
    position: absolute;
    width: 76%;
    bottom: 8%;
  }
}

#j-cta1 {
  width: 100%;
}
#j-cta1 img {
  width: 100%;
}

#pcWidth {
  width: 100%;
  max-width: 750px;
  overflow-x: hidden;
}

.fixed-box {
  bottom: 0;
  display: none;
  left: 0;
  right: 0;
  margin: auto;
  position: fixed;
  transform: translate(0, 0);
  max-width: 750px;
  width: 100%;
  z-index: 9999;
  align-items: baseline;
}
.fixed-box p {
  display: block;
  margin: 0 auto;
}
@media (max-width: 568px) {
  .fixed-box {
    padding-bottom: 5px;
  }
}

.fixed-box-pc {
  width: 750px;
}

.fixed-btn01 {
  width: 27%;
}
@media (max-width: 568px) {
  .fixed-btn01 {
    width: 35%;
  }
}

.fixed-btn02 {
  padding: 0;
  width: 58%;
}
@media (max-width: 568px) {
  .fixed-btn02 {
    width: 70%;
  }
}

.fixed-btn {
  width: 100%;
  max-width: 350px;
}

.floatingFooter {
  margin-bottom: 200px;
}
@media (max-width: 568px) {
  .floatingFooter {
    margin-bottom: 0;
  }
}

@media (max-width: 568px) {
  #copy {
    padding-bottom: 115px;
  }
}

#cart_select_form table {
  margin: 0 auto;
}
#cart_select_form a {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  display: block;
}
#cart_select_form img {
  width: 100%;
  margin: 0 auto;
}
#cart_select_form tr {
  display: block;
  margin: 10px 0;
}
#cart_select_form tr:first-of-type {
  margin: 0 auto 50px;
}
@media (max-width: 568px) {
  #cart_select_form tr:first-of-type {
    margin: 0;
  }
}
@media (max-width: 568px) {
  #cart_select_form tr {
    margin: 0;
  }
}
#cart_select_form td img {
  width: 100%;
}

.movieWidth {
  margin: 0 auto;
  margin-top: 50px;
  width: 79%;
  position: relative;
  bottom: 28%;
  left: 0;
  right: 0;
}
@media (max-width: 568px) {
  .movieWidth {
    margin-top: 12px;
    width: 80%;
    bottom: 28%;
  }
}

.movieWrap {
  position: relative;
  padding-bottom: 56.25%;
  /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
  width: 100%;
}

.movieWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}/*# sourceMappingURL=main.css.map */