/*==================================================
vegaのための css
===================================*/

#slider{
  width: 100%;
  height: 100vh;
  /*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
  margin-bottom: 80px;
}



/*==================================================
ギャラリーのための css
===================================*/

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


/* ================================== photo ================================== */

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