@charset "Shift_JIS";
/*==================================================
ギャラリーのためのcss
===================================*/
.lb-gallery{
columns: 3;/*段組みの数*/
padding:0 3px;/*ギャラリー左右に余白をつける*/
margin:0;
}

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

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

/*　横幅900px以下の段組み設定　*/
@media only screen and (max-width: 900px) {
	.gallery{
	columns:3;
	}	
}

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