/*==================================================
ギャラリーのためのcss
===================================*/
.pic-box{
    columns: 3;/*段組みの数*/
    
    }
    
    .pic-box li {
        margin-bottom: 20px;/*各画像下に余白をつける*/
    list-style:none;
    }
    
    /*ギャラリー内のイメージは横幅100%にする*/
    .pic-box img{
        width:100%;
        height:auto;
        vertical-align: bottom;/*画像の下にできる余白を削除*/}
    
    /*　横幅900px以下の段組み設定　*/
    @media only screen and (max-width: 900px) {
        .pic-box{
        columns:2;
        }	
    }
    
    @media only screen and (max-width: 768px) {
        .pic-box{
        columns: 1;
        }	
    }