@charset "UTF-8";

/*------------------------------------------------*/

/* 768 */
@media screen and (max-width:767px) { /*SP*/
}
@media screen and (min-width:768px) , print { /*PC&TB*/
}

/* 1500 */
@media screen and (max-width:767px) { /*SP*/
}
@media screen and (min-width:768px) and ( max-width:1500px) { /*TB*/
}
@media screen and (min-width:1501px) , print { /*PC*/
}

/* 1660 */
@media screen and (max-width:767px) { /*SP*/
}
@media screen and (min-width:768px) and ( max-width:1500px) { /*TB*/
}
@media screen and (min-width:1501px) and ( max-width:1660px) { /*TB*/
}
@media screen and (min-width:1661px) , print { /*PC*/
}

/*------------------------------------------------*/

/* floorplan box Splide */
@media screen and (max-width:767px) { /*SP*/
    .COM_floorBox_pc {
        display: none;
    }
    .COM_floorBox_sp {
        display: flex;
    }
    .COM_floorBox_Splide {
        display: block;
        width: 100%;
        height: auto;
        position: relative;
    }
    .COM_floorBox_Splide > .splide {
        transition: height 0.3s;
    }
    .COM_splide_slide {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    .COM_thumb_box {
        display: flex;
        width: 100%;
        height: auto;
        justify-content: center;
        position: relative;
        z-index: 1;
        margin-top: 6vw;
    }
    .COM_thumb{
        /* width: 55px; */
        width: 13.29vw;
        /* margin: 0 14.7px 14.7px 0; */
        margin: 0 3.55vw 3.55vw 0;
    }
    .COM_thumb:nth-child(5n) {
        /* margin: 0 0 14.7px 0; */
        margin: 0 0 3.55vw 0;
    }
    .COM_active{
        /* outline: 7px solid #009FCC; */
        outline: 1.69vw solid #009FCC;
        /* outline-offset: -3px; */
        outline-offset: -0.72vw;
    }
}
@media screen and (min-width:768px) and ( max-width:1600px) { /*TB*/
    .COM_floorBox_pc {
        display: flex;
    }
    .COM_floorBox_sp {
        display: none;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    .COM_floorBox_pc {
        display: flex;
    }
    .COM_floorBox_sp {
        display: none;
    }
}




