@charset "UTF-8";

.lbGallery {
	/*gallery container settings*/
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
}

/* 画像のグリッド表示を最適化 */
.lbGallery ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.lbGallery ul li {
    margin: 0;
    padding: 0;
}

.lbGallery ul li a img {
    /*border color, width and margin for the images*/
    border: 2px solid #cccccc;
    margin: 0;
    width: 80px !important; /* PHPのwidth="80"を上書き */
    height: auto !important; /* 縦横比を維持 */
    /* display: block; */
    object-fit: cover;
    aspect-ratio: 1/1; /* 正方形に統一 */
}

.lbGallery ul li a:hover img {
	/*background color on hover*/
	border: 2px solid #FF9900;
}

#lightbox-container-image-box {
	border: 0px none #000000;
}

#lightbox-container-image-data-box {
	border-top: 0px;
	border-right: 0px none #ffffff;
	border-bottom: 0px none #ffffff;
	border-left: 0px none #ffffff;
}

/* w768px以下のCSS */
@media screen and (max-width: 768px) {
	.lbGallery {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }

    .lbGallery ul {
        grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
        gap: 8px;
    }

    .lbGallery ul li a img {
        border-width: 1px;
    }
}