body{
    background-color:  rgb(253, 187, 107);
    font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
    cursor:url(../image/icon2.png) 30 30,auto;}
    
  a{
    font-size: 15px;
  }
  
  p{
  color: rgb(68, 44, 25);
  }
  .moji{
  margin: 40px 0 -40px 0;
  
  }
  .gazou{
  margin: 60px 60px 0 55px;
  }

  .gazou img{
    border: 2px solid #555;
    }

  
  .shikaku{
  display: flex;
  width: 800px;
  height: 500px;
  }

  .j1{
    margin: 60px 20px 0 80px;
  }
  .j1moji{
    font-family: 'Kaisei Decol', serif;
font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 40px;
  }
  .j2moji{
    font-size: 30px;
    margin: 0 0 0 140px;
  }
   
  .j3moji{
    font-size: 25px;
    margin: 0 0 0 140px;
  }

  .j4moji{
    font-size: 20px;
    margin: 0 0 0 100px;
  }

  .j5moji{
    font-size: 20px;
    margin: 0 0 0 60px;
  }
   
  
  .link{
    font-size: 10px;
  }
  
  .hoshi{
    font-size: 20px;
  }
  
  /*ふきだしと妖精さん*/
.mannaka{
  margin: 60px 0 0 0;
  clear: both;
}
.youseihukidashi {
  margin: 20px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  color: rgb(68, 44, 25);
}
.hukidashi {
  display: inline-block;
  position: relative; 
  margin: 20px 0 0 -5px;
  padding: 17px 13px;
  border: solid 2px #555;
  border-radius: 12px;       /*吹き出し丸くする*/
  background: rgb(255, 255, 212);
}
.hukidashi::before { /*前*/
  content: "";
position: absolute;
top: 50%;
left: 100%;
margin-top: -10px;
border: 10px solid transparent;
  border-left: 10px solid  rgb(255, 255, 212);
  z-index: 2;
}
.hukidashi::after {   /*後ろ*/
  content: "";
position: absolute;
top: 50%;
left: 100%;
margin-top: -13px;
border: 13px solid transparent;
  border-left: 13px solid #555;
  z-index: 1;
}
.yousei{
  width: 80px;
  height: auto;
  margin: 20px 0 0 20px;
}
/*ふきだしと妖精さん*/