body {
  background-image: url(../img/kabe.jpg);
}

.wr0 {
  width: 90%;
  height: 100%;
  text-align: center;
  margin: 0 auto;
}

.wr {
  width: 850px;
  text-align: center;
  margin: 0 auto;
}

p {
  text-align: left;
}

.pagetitle1 {
  font-size: 35px;
  color: rgba(43, 44, 1, 0.71);
  text-align: left;
  margin-top: 40px;
  margin-left: 40px;
  margin-bottom: 30px;
}

.tuna {
  text-align: right;
  margin-right: 50px;
  margin-top: -150px;
}

.pageimage {
  margin-top: 20px;
}

.pageimage img {
  width: 100%;
}

.waku {
  width: 90%;
  margin: auto;
}

.narabi {
  margin: 30px;
}

@media screen and (max-width: 520px) {
  html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0.08em;
    /* 隰惹ｽ咏區縺ｮ蟇ｾ遲� */
    overflow: hidden;
  }
  .wr0 {
    width: 100%;
    height: 100%;
  /* html, body 縺ｮ hidden 繧呈遠縺｡豸医☆ */
    overflow: auto;
  }

  .pagetitle1 {
    font-size: 27px;
    font-family: 'Potta One', cursive;
    color: rgba(92, 94, 1, 0.71);
    margin-top: 30px;
    margin-left: 40px;
    margin-bottom: 30px;
  }  

  .tuna {
    text-align: right;
    margin-right: 50px;
    margin-top: -120px;
  }

  .tuna img {
    width: 15%;
  }  

  .pageimage {
    text-align: center;
    margin: 0 auto;
  }
  
  .pageimage img {
    width: 95%;
  }
  
  .wr{
    width: 350px;
    text-align: center;
    margin: 0 auto;
  }  

  .wr1 {
    text-align: left;
  }

  .waku {
    width: 350px;
    text-align: center;
    margin: 0 auto; 
  }
  
  .narabi {
    width: 350px;
    height: 3000px;  
    clear: left;
  }
  
  .narabi img {
    width: 95%;
  }  


}