/* カスタマイズ用CSS */
:root{
    --site-color: #417fd1;
}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search,.ec-footerRole,.ec-drawerRole,.ec-drawerRole .ec-headerLinkArea{
    background: var(--site-color);
}
.ec-headerNav .ec-headerNav__itemIcon{
    color: var(--site-color);
}
.ec-blockTopBtn{
    background-color: #1e1e1e;
}
.red{
    color: #e00;   
}
.bold{
 font-weight: bold;   
}

iframe{
    max-width: 100%;
}
.gmaps{
    grid-row: 1/3;
    grid-column: 3/4;
}
.gmaps iframe{
    height: 100%;
}
.img-info{
       display: grid;
    grid-template-columns: 1fr 1fr 1.7fr;
    gap: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
    grid-template-rows: 260px auto;
}
.img-info img{
    height: 100%;
    object-fit: cover;
}
.more-info{
    margin-top: 30px;
}
.add-info{
    grid-column: 1/3;
}
.info-me{
    margin-top: 20px;
}
@media screen and (max-width:767px){
    .ec-categoryRole .ec-categoryRole__list{
        gap: 0 10px;
    }
    .ec-categoryRole .ec-categoryRole__listItem{
        width: calc(50% - 5px);
    }
    .img-info{
       display: grid;
    grid-template-columns: 1fr 1fr;
}
.gmaps{
    grid-row: 2/3;
    grid-column: 1/3;
    height: 300px;
}
}