body{
  font-family: 'Noto Sans JP', sans-serif;
}
li{
  list-style: none;
}
main{
  padding:0 20px;
}
a,
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  color: rgb(70, 70, 70);
}
.right_float{
  float:right;
  margin-right:20px;
}
.thum{
  /* height:250px; */
  object-fit: cover;
  padding:3px;
}
.photo_gallery{
  text-align: center;
}
#header_photo{
  /* background:linear-gradient(rgba(100, 100, 100, 0.1),rgba(100, 100, 100, 0.4)),url(../photos/IMG_1902.jpg); */
  background-color:rgb(231, 231, 231);
  display:inline-block;
  width:100%;
  height:150px;
  background-size: cover; 
  background-position: center; 
}
#header_photo h1{
  margin-top:55px;
  text-align:center;
}
/* .gallery_left{
  text-align:left;
  display:list-item
} */
* {
	box-sizing: border-box;
}
.grid-item {
	width: 25%;
	padding: 1px;
}
.grid-item img {
	display: block;
	width: 100%;
  border-radius:10px;
}
#header_menu{
  background-color:rgb(0, 0, 0,0.4);
  margin:5px 0x 0 0;
  padding:5px 5px 40px 0;
  color:rgb(240, 240, 240);
  font-size:18px;
  z-index: 10;
}
#gallery_title{
  text-align:center;
  display: block;
  padding: 20px 0;
}
#gallery_title h1{
  font-size:35px;
}
#gallery_title p{
  font-size:18px;
}
#page-back{
  padding:30px 0;
  text-align:center;
}


@media screen and (max-width: 500px){
  .grid-item {
    width: 50%;
    padding: 2px;
  }
  .grid-item img {
    display: block;
    width: 100%
  }
}