* { margin: 0; padding: 0;}
body {
  font-family: serif; Arial, sans-serif;
  background-image: url('./japanese-paper_00072s.jpg');
  background-repeat: repeat;
} 
#gallery {
  columns: 260px;
  column-gap: 10px;
  margin: 10px;
}
#gallery img {
  width: 100%; /*100%;*/
  height: auto;
  padding: 4px;   /* 写真外枠を紺(白)フチに */
  background-color:  	#004080; /* #fff; */
/*  background-image: url('./fuchi_L.jpg');
  background-size: auto auto; */
  margin-bottom: 10px;
  box-sizing: border-box;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
}

/*画面下に説明*/
.name {
  display: inline-block;
  width: 100%;
  position: relative;/* 画像位置を基準に */
  line-height: 1.5;
    display: inline-block;
    text-align: center; 	
    color: #c78d8d;
  text-shadow: 0px 3px 4px #000;
  margin-bottom:20px;
}

/* コメントを画像に重ねる CSS */
.org p {
  display: inline-block;
  width: 100%;
  position: relative;/* 画像位置を基準に */
  line-height: 1;
}
.inlinename {
  position: absolute;
  top: 0.8em;       /* テキストの始点 */
  left: 0.8em;
  color: orange; 
  font-weight: bold;
  text-shadow: 0px 3px 4px #000;
  z-index: 1;/* position: absolute 指定なので */
}