* {
            padding: 0;
            margin: 0;
        }
 
        .gallery__list {
            list-style-type: none;
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
        }
 
        .gallery__item {
            width: calc(95% / 2);
        }
 
        .gallery__item:not(:nth-child(-n+2)) {
            margin-top: 20px;
        }
 
        .gallery__item img {
            width: 100%;
            height: auto;
        }
 
        .gallery__item a {
            transition: .5s;
        }
 
        .gallery__item a:hover {
            filter: opacity(0.7);
        }
 
        .gallery__item a:hover img {
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
        }


/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){
	
.gallery__item {
            width: calc(95% / 1.3);
}
	
	
	
}