/*==================================================
ギャラリーのためのcss
===================================*/
.gallery{
    columns: 2;
    padding: 0;
    margin: 20px 0 0;
}

.gallery li {
    margin-bottom: 20px;/*各画像下に余白をつける*/
	list-style:none;
}

/*ギャラリー内のイメージは横幅100%にする*/
.gallery img{
	border-radius: 20px;
	width:100%;
	height:auto;
	vertical-align: bottom;/*画像の下にできる余白を削除*/
}

.gallery a:hover{
	opacity: 0.75;
}

/*　横幅900px以下の段組み設定　*/
@media only screen and (max-width:800px) {

	.gallery img {
		border-radius: 10px;
	}
	
}


@media only screen and (max-width:400px) {
	.gallery{
		columns:1;
	}	
}