@charset "utf-8";

/****************************************************/
/*                 TOP SCROLL                    */
/****************************************************/
html,body{
    height:100%; /* ブラウザ画面の高さをめいっぱいに */-webkit-text-size-adjust: 100%;
}
#container{
	position: relative; /* フッターを位置指定（底辺に）する時に使う基準設定 */
	min-height: 100%;
	width: 100%;
	margin: auto;
	padding: 0px;
}
* html div#container{
    height:100%; /* IE6用 */
}

@media screen and (min-width:901px){
/* Topボタン */
p.gotop {
	position: fixed;
	/* [disabled]left: 90%; */
	bottom: 0px;
	line-height: 1px;
	z-index: 100;
	/* [disabled]width: 1300px; */
	text-align: center;
	margin: auto;
	right: 5%;
	
}
p.gotop a {
	width: 111px;
	height: 126px;
	display: block;
	line-height: 1px;
	background-image: url(../img/bt_top.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(-20px);
    transform: translateY-(20px);
  }
  33.3% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  49.95% {
    -webkit-transform: translateY(-20px);
    transform: translateY-(20px);
  }
  66.6% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  83.25% {
    -webkit-transform: translateY(-20px);
    transform: translateY-(20px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  33.3% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  49.95% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  66.6% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  83.25% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

}

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

/* Topボタン */
p.gotop, p.gotop a {
display: none;	
}
}