@charset "UTF-8";
/*
 * 画像トリミング
 * 2018/11/01 create t.irima
 */

/**
 * TOP画像
 * widthは property-postのwidth以上を設定しても、.property-postのwidth以上にはならない。
 */
img.trimming-top {
    width: 100%;
    height: 135px;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}
@media print, screen and (min-width: 800px) {
    img.trimming-top {
        width: 100%;
        height: 180px;
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }
}

/**
 * 物件一覧画像
 * PC用のみ、width伸縮してしまうので、指定
 */
img.trimming-list {
    width: 100%;
    /* 2018/12/03 irima changed
     * TOPと揃える
    height: 120px;*/
    height: 135px;;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}
@media print, screen and (min-width: 800px) {
    img.trimming-list {
        width: 160px;
        height: 160px;
        object-fit: cover;
        font-family: 'object-fit: cover;'
    }
}

/**
 * 物件詳細画像
 */
img.trimming-detail {
    width: 100%;
    height: 342px;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}
@media print, screen and (min-width: 800px) {
    /* PC */
    img.trimming-detail {
        width: 100%;
        height: 506px;
        object-fit: cover;
        font-family: 'object-fit: cover;'
    }
}

/* dotts */
.room-slider-nav .slick-slide img {
    width: 100%;
    height:69px;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}
@media print, screen and (min-width: 800px) {
    /* PC */
    .room-slider-nav .slick-dots li img {
        width: 100%;
        height:60.25px;
        object-fit: cover;
        font-family: 'object-fit: cover;'
    }
}


/**
 * 部屋画像（物件TOP）
 */
/* リサイズ */
img.trimming-room {
    /*width: 100%;
    height: 152.667px;
    object-fit: cover;*/

    /*max-width: 152.667px;*/
    max-width: auto;

    -ms-interpolation-mode: bicubic;
}
@media print, screen and (min-width: 800px) {
    /* PC */
    img.trimming-room {
        /*width: 100%;
        height: 288.667px;
        object-fit: cover;*/

        /*max-width: 280px;*/
        max-width: auto;
        -ms-interpolation-mode: bicubic;
    }
}



/**
 * 部屋画像（部屋詳細）
 */
img.trimming-roomdetail {
    width: 100%;
    height: 342px;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}
@media print, screen and (min-width: 800px) {
    /* PC */
    img.trimming-roomdetail {
        width: 100%;
        height: 506px;
        object-fit: cover;
        font-family: 'object-fit: cover;'
    }
}