@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

img {
    width: 100%;
    vertical-align: middle;
}
.video-box {
    width: 94%;
    margin: 0 auto;
}
video{
    width: 100%;
}
.container {
    max-width: 750px;
    margin: 0 auto;
}
.title {
    position: relative;
    top: -15px;
}
.text-box p {
    font-size: 28px;
    padding-right: 1.2em;
    text-align: center;
    padding-bottom: 20px;
}
.text-box a {
    color: #0071b6;
}
.text-box a:hover {
    opacity: 0.7;
}
.offer-box{
    position: relative;
}

.fvmovie{
  padding :20px 0px;
}

.insta{
  width: 90%;
  margin: auto;

}

.takashima{
  padding : 10px;
}

.arrow{
  width: 50%;
  margin: auto;
}

.cmtitle{
  padding-bottom: 30px;
  width: 80%;
  margin: auto;
}
.tvcm {
  width: 80%;
  margin: auto;
  border:1px solid #d3d3d3;
     padding:10px;
     background-color:#000000;
}

.sankan{
  padding-top: 40px;
}
.ippan{
  width: 60%;
  margin: auto;
}

.urutuya{
  padding-top: 40px;
}
.nanoka {
  width: 80%;
  margin: auto;
}
.end{
  padding :20px 0px;
}
.nemoto {
  width: 80%;
  margin: auto;
  padding:20px 0px;
}
.btn-1{
    position: absolute;
    bottom: 8%;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
}

.btn {
  width: 90%;
  margin: auto;
  padding:10px 0px 40px 0px;
}
.yureru-j {
    animation-name: yureru-j;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.5s;
}
@keyframes yureru-j {
  0% {
      transform: translate(0,-5px);
  }
  100% {
      transform: translate(0,5px)
  }
}

.blinking{
    animation:blink 0.5s ease-in-out infinite alternate;
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.dokidoki {
  animation-name:dokidoki;	/* アニメーション名の指定 */
  animation-delay:0s;		/* アニメーションの開始時間指定 */
  animation-duration: 1.5s;	/* アニメーション動作時間の指定 */
  animation-timing-function: ease-in-out;
  /* アニメーションの動き（徐々に早く徐々に遅く）*/
  animation-iteration-count: infinite; /* アニメーションをループさせる */
}
@keyframes dokidoki {
  0% {
        transform: scale(1);
    }

    40% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    60% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

.yureru-s {
    animation: yureru-s 2s infinite;
}
@keyframes yureru-s {
    0% {
        transform: translate(5px, 0px);
    }
    5% {
        transform: translate(-5px, 0px);
    }
    10% {
        transform: translate(5px, 0px);
    }
    15% {
        transform: translate(-5px, 0px);
    }
    20% {
        transform: translate(5px, 0px);
    }
    25% {
        transform: translate(-5px, 0px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}
.footer {
    background-color: #ff878f;
}
.footer-list ul {
    padding: 15px 0;
}
.footer-list li {
    padding: 5px 0;
    text-align: center;
}
.footer-list a {
    color: #fff;
    text-decoration: none;
}
.copy {
    color: #fff;
    text-align: center;
}

@media screen and (max-width:768px) {
    .text-box p {
    font-size: 24px;
}
}
@media screen and (max-width:480px) {
    .text-box p {
    font-size: 16px;
}
}