@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 photo Splide */
@media screen and (max-width:767px) { /*SP*/
    .floorplanphoto_splide__arrow--prev{
        /* -12px */
        left: -2.899vw;
    }
    .floorplanphoto_splide__arrow--next{
        /* -12px */
        right: -2.899vw;
    }
    .modaal-content-container{
        padding: 0;
        display: flex; justify-content: center;
    }
    .modaal-inner-wrapper{
        padding-top: 0;
        padding-bottom: 0;
        padding: 80px 0px;
    }
    .modaal-container{
        background-color: rgba(0,0,0,0.5);
    }
    .rm1-wrapper .modaal-container{
        background-color: rgba(255,255,255,1.0);
    }
    .modaal-close:after,.modaal-close:before {
        display: block;
        content: " ";
        position: absolute;
        top: 14px;
        left: 23px;
        width: 2px;
        height: 22px;
        border-radius: 2px;
        background: #fff;
        -webkit-transition: background .2s ease-in-out;
        transition: background .2s ease-in-out;
    }
}
@media screen and (min-width:768px) and ( max-width:1600px) { /*TB*/
    .rm1-wrapper .modaal-content-container{
        display: flex; justify-content: center;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    .rm1-wrapper .modaal-content-container{
        display: flex; justify-content: center;
    }
}
.modaal-box{
    display: none;
}
.modaal-rmbtn{
    cursor: pointer;
}

/* modaal */
@media screen and (max-width:767px) { /*SP*/
}
@media screen and (min-width:768px) and ( max-width:1600px) { /*TB*/
}
@media screen and (min-width:1601px) , print { /*PC*/
    .modaal-close{
        right: 50px;
        width: 50px;
        height: 70px;
    }
    .modaal-close:hover{
        background-color: initial;
    }
    .modaal-close:after, .modaal-close:before{
        width: 2px; height: 40px;
        transition: 0.3s;
    }
    .modaal-close:hover:before,
    .modaal-close:hover:after {
        background-color: #fff;
        opacity: 0.5;
    }
}