@charset "utf-8";

body{
    width: 375px;
    margin: 0 auto;
    background: #FFF;
}

img{
    width: 375px;
    vertical-align: top;
}

.btn {
  width: 270px;

  animation: pyonpyon 2.8s infinite ease;
}

  @keyframes pyonpyon {
    0% {
      transform: translate(0, 0);
    }
  	5% {
      transform: translate(0, -5px);
    }
  	10% {
      transform: translate(0, 0);
    }
    15% {
      transform: translate(0, -5px);
    }
    20% {
      transform: translate(0, 0);
    }
  	100% {
      transform: translate(0, 0);
    }
}


/* 画像ボタンの配置 */
.lp {
  position: relative;
}

.lp #btnA {
  position: absolute;
  right: 50px;
  top: 355px;
}

.lp #btnB {
  position: absolute;
  right: 50px;
  top: 783px;
}

.lp #btnC {
  position: absolute;
  right: 70px;
  top: 1086px;

  width: 230px;
}

.lp #btnD {
  position: absolute;
  right: 35px;
  top: 2118px;

  width: 300px;
}


/* スライドショー */
.lp .slider {
  width: 300px;

  position: absolute;
  right: 40px;
  top: 460px;
}

.slider{
    margin: auto;
    width: 80%;
}
.slider img{
    height: auto;
    width: 100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #FFF !important;
}