#gallery {
  margin: 0 auto;
  overflow: hidden;
  list-style: none;
}

#gallery li {
  max-width: 300px;
  padding: 5px;
}

#gallery li img {
  max-width: 100%;
  height: auto;
}

.title{
  height: 100%;
  width: 100%;
  font-size: 25px;
  border: 1px solid #ccc;
  border-collapse: collapse;
  color:black;
  /*****　⑤vertical-align:middleを適用。ただし記載しなくても中央に寄ります　******/
  vertical-align: middle;
  text-align: center;
}

.margin{
  margin-top: 5%;
  margin-left: 10%;
  margin-right: 10%;
}

.sentence{
  margin-left: 15%;
  margin-right: 15%;
}

.info_title{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 18px;
    padding-left: 18px

}

.margin_top{
  padding-top: 3%;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 5%;
}