@charset "utf-8";
/*-----------------------------------------------
    wrapperMap
-----------------------------------------------*/
.wrapperMap{
    padding: 2rem 2rem 0;
}
/* map */
#map {
    width: 100%;
    height: 93rem;
    max-height: calc(100svh - 10rem);
    font-family: inherit;
}
#map .marker-cluster{
    background: none;
}
#map .marker-cluster div,
#map .myicon-one{
    background: none;
    position: relative;
    width: 5rem !important;
    height: 6.4rem !important;
    background: url(../img/common/icoMapPin.png) center top / cover no-repeat;
    display: block;
    position: absolute;
    margin-top: -6.4rem !important;
    margin-left: -2.5rem !important;
}
#map .marker-cluster.is_active div,
#map .myicon-one.is_active{
    background-image: url(../img/common/icoMapPin.png);
}
#map .marker-cluster span{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    background: #fff;
    border: 1px solid var(--isLand_color);
    border-radius: 2rem;
    line-height: 1;
    padding: 0.2rem 0.5rem;
    font-size: var(--pcFontSize11);
    color: var(--gray_303_Color);
}
#map .marker-cluster.is_active span{
    border-color: var(--isLand_color);
}
#map.leaflet-container a{
    color: inherit;
}
#map.leaflet-touch .leaflet-bar a{
    width: 4.2rem;
    height: 4.2rem;
    line-height: 4.2rem;
    color: var(--black_000_Color);
}
#map .leaflet-popup-content{
    margin: 0;
    width: auto !important;
}
#map .leaflet-popup-content-wrapper{
    padding: 0;
    border-radius: 0;
}
#map.leaflet-container a.leaflet-popup-close-button{
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 50%;
    background-color: var(--gray_aba_Color);
    position: absolute;
    top: -1.7rem;
    right: -1rem;
    z-index: 9;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
#map.leaflet-container a.leaflet-popup-close-button span{
    font-size: var(--pcFontSize17);
    color: var(--whiteColor);
}
#map .leaflet-popup-content p{
    margin: 0;
}
#map .leaflet-popup-tip-container{
    left: 33%;
}
#map .leaflet-popup-tip{
    width: 1.2rem;
    height: 0.9rem;
    transform: none;
    margin: 0;
    background: var(--gray_1f1_Color);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}
/* secMapListSp */
.wrapperMap .secMapListSp{
    display: none;
}
@media only screen and (max-width:1215px){
    .wrapperMap{
        max-width: 40rem;
        margin: 0 auto;
        padding: 2.5rem 0 0;
    }
    #map .marker-cluster div,
    #map .myicon-one{
        width: 3.2rem !important;
        height: 4.1rem !important;
        margin-top: -4.1rem !important;
        margin-left: -1.6rem !important;
    }
    /* map */
    #mapWrap{
        position: relative;
        clip-path: polygon(0 0,100% 0, 100% 100%, 0 100%);
    }
    #map {
        height: 177.87vw;
    }
    .leaflet-popup {
        display: block !important;
        opacity: 1 !important;
        z-index: 9999 !important;
    }
    /* secMapListSp */
    .wrapperMap .secMapListSp{
        min-height: 100vh;
        min-height: 50svh;
        position: relative;
        z-index: 99999;
        bottom: -430px;
        background: rgba(31, 31, 31, .95);
    }
}
.leaflet-tile-pane {
    filter: grayscale(100%);
}

.leaflet-container:after,
.leaflet-gesture-handling-scroll-warning:after,
.leaflet-control-attribution { display: none !important; }


/* secMapPopup */
.secMapPopup {
    width: 45rem;
}
.secMapPopup .aEstate {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    background-color: var(--blackColor);
    color: var(--whiteColor)!important;
    padding: 2rem;
}
.secMapPopup .boxImg{
    position: relative;
    width: 10rem;
    overflow: hidden;
}
.secMapPopup .boxImg .img{
    aspect-ratio: 100 / 60;
}
/* boxTit */
.secMapPopup .boxTit{
    width: calc(100% - 12rem);
}
/* boxEstateTag */
.secMapPopup .boxEstateTag{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}
/* boxEstateTxt */
.secMapPopup .boxEstateTxt .txt{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_25);
    letter-spacing: var(--pcLetterSpacing14_40);
}
.secMapPopup .priceNum{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_20);
    letter-spacing: var(--pcLetterSpacing12_40);
    display: block;
}
.secMapPopup .priceNum .price{
    font-size: var(--pcFontSize16);
    font-weight: bold;
}
.secMapPopup .txtMemo{
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_18);
    letter-spacing: var(--pcLetterSpacing12_40);
    margin-top: 0.5rem;
}
.secMapPopup .txtMemo .link{
    text-decoration: underline;
}
.secMapPopup .boxCmnMask .titEng,
.secMapPopup .boxCmnMask .titJp{
    opacity: 0;
}
.leaflet-top, .leaflet-bottom{
    z-index: 990;
}
@media only screen and (max-width:1215px){
    .secMapPopup {
        max-width: 100%;
        min-width: 20rem;
        width: auto;
    }
    .secMapPopup .aEstate {
        flex-direction: column;
        padding: 1rem 1rem 2rem;
    }
    .secMapPopup .boxImg{
        width: 100%;
        margin: 0 auto;
    }
    /* boxTit */
    .secMapPopup .boxTit{
        width: 100%;
        margin-top: 1.5rem;
    }
    /* boxEstateTag */
    .boxEstateTag .tag{
        padding: 0.4rem 0.4rem 0.5rem;
    }
    .boxEstateTag .tag .txtTag{
        font-size: var(--spFontSize10);
        white-space: nowrap;
    }
    /* boxEstateTxt */
    .secMapPopup .boxEstateTxt .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_21);
        letter-spacing: var(--spLetterSpacing14_0);
        margin-top: 1rem !important;
    }
    .secMapPopup .priceNum{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_23);
        letter-spacing: var(--spLetterSpacing13_0);
    }
    .secMapPopup .priceNum .price{
        font-size: var(--spFontSize14);
    }
    .secMapPopup .txtMemo{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_17);
        letter-spacing: var(--spLetterSpacing11_0);
        margin-top: 0.5rem !important;
    }
    .secMapPopup .boxCmnMask .titEng,
    .secMapPopup .boxCmnMask .titJp{
        opacity: 1;
    }
    .secMapPopup .boxCmnMask .titEng{
        font-size: var(--spFontSize15);
    }
}