/* =========================================================
ホテル一覧の画像サムネイル一覧を書き直し
========================================================= */
.photolist {
    border-radius: 8px;
    overflow: hidden;
}

.photolist img {
    object-fit: cover;
    display: block;
}

/* 1枚目は全幅 */
.photolist > img:first-child {
    width: 100px;
    height: 100px;
    margin-bottom: 1px;
}

/* 2・3枚目を横並び */
.photolist .row {
    display: flex;
    gap: 1px;
}

.photolist .row img {
    width: 49.5px;
    height: 49.5px;
}

/* ─── PC版でサイズ上書き ─── */
@media (min-width: 768px) {
    .photolist > img:first-child {
        width: 176px;
        height: 159px;
    }
    .photolist .row img {
        width: 88px;
        height: 88px;
    }
}

/* 画像の2,3枚目がない場合用のクラス */
.photolist-first {
    height: 100% !important;
}