/** スマホ(デフォルト) **/
h1{background-color:blue; color:#ffffff;}
h1 span{display: block;
        margine-bottom;20px
        color: #ffffff;
        font-size: small;
}

.bun{
 
  margin: 10px;
}
.photo {
    margin: 5px;
    padding: 5px;
    background: #dddddd;
    width:300px;
}

.title_photo{
    margin: 5px;
    padding: 5px;
    background: #dddddd;
    width:90%;
}
   
.title_photo img{
    width: 100%; /* 画像の幅を親要素（div）の幅に合わせる */
    height: auto; /* 高さを自動調整してアスペクト比を保持する */
    display: block; /
}
   

div span{font-weight:bold; color:#555555;}


/** タブレット **/
@media screen and (min-width: 480px) {
  .box{display: flex;
       flex-wrap: wrap;
  }
}
/** パソコン **/
@media screen and (min-width: 900px) {
 
}