body {
    height: 100%;
    background: #000;
    line-height: 1;
    margin: auto;
    font-family: arial,sans-serif;
	max-width:750px;
}

div {
    margin: 0;
    padding: 0;
}
img {
    max-width: 100%;
    margin: 0 auto;
    vertical-align: bottom;
}
#wrapper {
    width: 100%;
	position: relative;
}
#top {
    width: 100%;
    position: relative;
	height: 65px;
}
.icon{
    position: relative;
}
.icon img{
    padding: 10px;
    float: left;
    width: 10%;
}
.appriname {
    color: #fff;
    position: absolute;
    top: 14px;
}
.gif{
    position: relative;
}
.gif img{
    width: 100%;
}
.mainttl{
    position: absolute;
    top: 26px;
}
.mainttl2{
    position: absolute;
    margin: -325px 20px;
	}
#btnbox01{
	background-image: url("../img/btnhaikei.png") ;
	background-repeat: no-repeat;
	margin-top: 20px;
}
.taiki{
    padding-top: 10px;
}
.btn{
    width: 95%;
    margin: auto;
	animation:btn1 3s ease infinite;
}
@keyframes btn1{
48%, 62% {
    transform: scale(1.0, 1.0);
}
50% {
    transform: scale(1.0, 0.8);
}
56% {
    transform: scale(0.8, 1.0) translate(0, -10px);
}

59% {
    transform: scale(1.0, 1.0) translate(0, -3px);
}
}

.step{
    width: 95%;
    margin: auto;
    padding: 15px 0 15px 0;
}
#haturei {
margin: 20px 0 10px 0;
}
.text1{
	padding: 15px;
	width: 70%;
}
.teman{
    margin-top: -55px;
}
.denma{
    margin-top: -30px;
}
.text2{
    width: 90%;
    margin: auto;
}
.commenttitle{
    margin: 20px 0 0 0;
}
.iamdake{
    padding-top: 10px;
}
#arrow{
    width: 20%;
    margin: auto;
}
.arrow{
	animation: arrow1 3s ease infinite;
}
@keyframes arrow1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-15px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-15px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}


#taiken{
    margin-top: -50px;
}
#slide_area {
    height: 430px;
    margin-top: -20px;
}
ul{
	text-align: center;
}

@media screen and (min-width: 321px) and (max-device-width: 750px) {
	.mainttl2{
    position: absolute;
    margin-top: -167px;
}
#slide_area{
    height: 255px;
    margin: -20px auto;
}
}
@media screen and (min-width: 0px) and (max-device-width: 320px) {	.mainttl2{
    position: absolute;
    margin-top: -127px;
}
#slide_area{
    height: 208px;
    margin: -20px auto;
}
}