@charset "utf-8";

img{
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.hover{
  transition: 0.6s;
}

.hover:hover{
  opacity: 0.7;
}

.box{
  width: 100%;
}

.box .inner{
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}

.btnBox,
.po-re {
  position: relative;
}

img.gif-img {
  position:absolute;
  width: 90%;
  bottom:8%;
  left:5%;
}

.btnBox .item-btn{
  margin: auto;
  bottom:0%;
  left:0;
  width:100%;
  display: block;
  animation: btn01 2.3s linear infinite;
  position: absolute;
}


@keyframes btn01 {
  0% {transform: skew(0deg, 0deg);}
  5% {transform: skew(5deg, 4.2deg);}
  10% {transform: skew(-4deg, -3deg);}
  15% {transform: skew(3deg, 2.2deg);}
  20% {transform: skew(-2deg, -1.5deg);}
  25% {transform: skew(0.9deg, 0.9deg);}
  30% {transform: skew(-0.6deg, -0.6deg);}
  35% {transform: skew(0.3deg, 0.3deg);}
  40% {transform: skew(-0.2deg, -0.2deg);}
  45% {transform: skew(0.1deg, 0.1deg);}  
  50% {transform: skew(0deg, 0deg);}
}

@keyframes btn02 {
  0% {transform: skew(0deg, 0deg);}
  5% {transform: skew(5deg, 4.2deg);}
  10% {transform: skew(-4deg, -3deg);}
  15% {transform: skew(3deg, 2.2deg);}
  20% {transform: skew(-2deg, -1.5deg);}
  25% {transform: skew(0.9deg, 0.9deg);}
  30% {transform: skew(-0.6deg, -0.6deg);}
  35% {transform: skew(0.3deg, 0.3deg);}
  40% {transform: skew(-0.2deg, -0.2deg);}
  45% {transform: skew(0.1deg, 0.1deg);}  
  50% {transform: skew(0deg, 0deg);}
}

footer {
  width:100%;
  margin:auto;
  font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "游ゴシック","メイリオ", "Meiryo", sans-serif !important;
  position:relative;
  background:no-repeat url(../images/img16.jpg) 0 0 / cover;
  padding-bottom: 25px;
}


footer p {
  text-align: center;
}

footer p.ft-menu {
  /* background:#000; */
}

footer p.ft-menu a {
  font-size: 24px;
  position: relative;
  color: #000;
  font-weight: normal;
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  padding: 40px 2% 50px;
}

footer p.ft-menu a:hover {
  text-decoration: underline;
}

footer p.copy {
  font-size: 13px;
  line-height: 1;
  padding: 15px 0 0;
  text-align: center;
  color: #000;
}


@media screen and (max-width: 979px) {


}

@media screen and (max-width: 896px) {
.box .inner {
  width:100%;
}

footer {
  width:100%;
}

footer p.ft-menu a {
  font-size: 12px;
  padding:20px 2% 10px;
}

footer p.copy {
  font-size: 10px;
}

}