.hakkan{
  margin:0 150px;
}
.hakkan_title{
  font-size:24px;
  line-height:30px;
  font-weight:bold;
  border-left:5px olive solid;
  border-bottom:1px black solid;
  padding:10px;
  margin:50px 0px;
}
.hakkan_name{
  width:auto;
  text-align:left;
  font-size:18px;
  float:right;
  margin:0 100px 30px 0;
}
.hakkan_kata{
  font-size:14px;
}
.hakkan_img{
  float:left;
  margin:20px;
}
.hakkan_img img{
  width:150px;
  height:auto;
}
.hakkan_comment{
}
.hakkan_comm{
  text-indent:1em;
  font-size:16px;
  line-height:30px;
  padding:;
}

/* ----タブレット、スマホ等小さい画面用---- */
@media screen and (max-width:767px){
  .hakkan{
    margin:0 auto;
    width:90%;
  }
  .hakkan_title{
    font-size:24px;
    font-weight:bold;
    border-left:5px olive solid;
    border-bottom:1px black solid;
    padding:10px;
    margin:20px 0px;
  }
  .hakkan_name{
    width:auto;
    text-align:left;
    font-size:18px;
    float:right;
    margin:0 0 20px 0;
  }
.hakkan_kata{
  font-size:16px;
}
.hakkan_img{
  float:left;
  margin:20px;
}
.hakkan_img img{
  width:150px;
  height:auto;
}
.hakkan_comment{
}
.hakkan_comm{
  text-indent:1em;
  font-size:16px;
  line-height:30px;
  padding:;
}
}