/* 共通部分 */
img {
  max-width: 100%;
  height: auto;
  display: block;
  border-style: none;
}

a img {
  border-style: none;
  outline: 0;
}

p {
  display: block;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

/* 画像/動画の合成ズレ対策 */
.hero img,
.discount img,
.hero video,
.discount video{
  backface-visibility:hidden;
  transform:translateZ(0);
}


/* コンテナ */
#container {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 0px 20px rgba(0,0,0,0.2);
  background-color: #000;
  overflow: hidden;

}


/* オファー部分 */
.discount {
  position: relative;
  background-color: bisque;
}

.discount-button {
  position: absolute;
  bottom: 5%;
  left: 0;
  right: 0;
  width: 90%;
  margin: auto;
}

/* アニメーション buruburu */
.buruburu {
  animation: buruburu 1.5s linear infinite;
}

@keyframes buruburu {
  0%   { transform: translateX(0); }
  7%   { transform: translateX(-10px); }
  14%  { transform: translateX(10px); }
  20%  { transform: translateX(-10px); }
  32%  { transform: translateX(10px); }
  40%  { transform: translateX(0); }
}


/* PC用レイアウト */
@media screen and (min-width:751px) {
  #container {
    width: 750px;
  }
}