@charset "UTF-8";
@import url("/sites/guide/style/css/bbs_common.css");
@import url("/sites/guide/style/css/bbs_type_album.css");


.board-album ul.list-album{display: grid; grid-template-columns: repeat(4, calc((100% - 60px) / 4)); gap: 20px;}
.board-album ul.list-album li{width: 100%;}
.board-album .box{padding: 0;}
.board-album .shadow > a .thumb:before{z-index: 10;}
.board-album .thumb{height: 180px;}
.board-album .thumb img{display: block; min-width: 100%;min-height: 180px;position: absolute;top: 0;left: 0;}

.board-album .info{background: #ededed; padding: 0 10px 10px;}
.board-album .info a .title strong{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

._paging{padding: 0; margin-top: 50px;}

@media only screen and (max-width:1400px){
    .board-album .thumb{height: 160px;}
    .board-album .thumb img{min-height: 160px;}
}
@media only screen and (max-width:1024px){
    .board-album ul.list-album{grid-template-columns: repeat(3, calc((100% - 40px) / 3));}
}
@media only screen and (max-width:768px){
    .board-album ul.list-album{grid-template-columns: repeat(2, calc((100% - 20px) / 2));}
}
@media only screen and (max-width:600px){
    .board-album .thumb{height: 140px;}
    .board-album .thumb img{min-height: 140px;}
}
@media only screen and (max-width:500px){
    .board-album .thumb{height: 120px;}
    .board-album .thumb img{min-height: 120px;}
}