@charset "utf-8";
body{
  margin:0;
}
#honbun{
    background-color: #fbf5d7;
}
#honbun{
    width:375px;
    margin:0;
    overflow:hidden;
}
.honbun{
width:375px;
margin:0;
}
.startphoto{
  width:375px;
}
.startphoto img{
 width:375px;
}
.openphoto{
  width:375px;
}
.moji{
    margin-top:-680px;
    size:100%;
}
.zukei{
  width:375px;
    margin-top:-100px
}
.openphoto {
    transition: 0.8s ease-in-out;
    transform: translateY(30px);
    opacity: 0;
  }
  .openphoto.on {
    transform: translateY(3);
    opacity: 1.0;
  }

  .zukei {
    transition: 1.0s ease-in-out;
    transform: translateY(30px);
    opacity: 0;
  }
  .zukei.on {
    transform: translateY(0);
    opacity: 1.0;
  }

  .moji {
    transition: 0s ease-in-out;
    transform: translateY(0px);
    opacity: 0;
  }
  .moji.on {
    transform: translateY(0);
    opacity: 1.0;
  }
 .bunsyou{
  width:375px;
  margin-top: -320px;
 }

 .zukei2{
  size:70%;
  margin-top: -210px;
 }

 .a{
  font-family: "HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  font-size:45px;
  color:#914423;
  margin-left: 137px;
  margin-top: -180px;

 }

 .Setumei img{
  size:100%;
  margin-left: 6px;}

  .line img{
size:100%; 
margin-left: -98px;
margin-top:40px;
  }

  .botton{
   margin-left: 103px;
   margin-top: -150px;
  }

  .logo img{
    width:120px;
    margin-left: 118px;
    margin-top: 50px;
  }