@charset "UTF-8";
/* CSS Document */

body{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-weight:normal;
	font-size:100%;
	color:#000;
  background: url("../img/bk.jpg") no-repeat;
  background-size: cover;
  text-align: center;
}

body,html,p,ul,ol,li,form,h1,h2,h3,h4,dd,dl,dt,iframe,span,figure,figcaption,article,section{
	margin:0;
	padding:0;
}

body,html{
  height: 100%;
}

h1,h2,h3,h4{
	font-weight:normal;
}

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

a img{
	border:none;
	outline:none;
}

a{
  color: #000;
	text-decoration:none;
	transition:0.3s linear;
}

a:hover{
	text-decoration:none;
	transition:0.3s;
	opacity:0.7;
  transform: translate(1%,3%)
}

a:focus {
  outline: none;
}

body.end{
  background: #000;
}

body.end img.bkimg{
  opacity: 0;
}

body.end .base{
  display: none;
}

body.end > div{
  display: none;
}

.base{
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

img.bkimg{
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}

.obtn{
  width: 50%;
  position: absolute;
  top: 28%;
  left: 50%;
  margin-left: -25%;
  transform-origin: center !important;
  animation: 0.7s  pouding ease-in infinite alternate;
  z-index: 10;
  cursor: pointer;
}

@keyframes pouding{
  0%{
    transform: scale(0.95);
  }
  100%{
    transform: scale(1);
  }
}