@charset "utf-8";
/* CSS Document */

/* mapUI ---------------------------------------- */
.common-map01 {height: calc(100vh - 116px);}
.common-map01 .inner{display:flex;height:100%;}
.common-map01 .inner .box-left {width: 25%;margin-right: 6px;min-width: 240px;background: #e3e6ea;}
.common-map01 .inner .box-left .list{height:100%;overflow-y:auto;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.common-map01 .inner .box-left .list::-webkit-scrollbar{width:8px;}
.common-map01 .inner .box-left .list::-webkit-scrollbar-track {background:#f5f5f5;}
.common-map01 .inner .box-left .list::-webkit-scrollbar-thumb{background:#999;border-radius:100px;}
.common-map01 .inner .box-left .common-map01-menu{display:none;cursor:pointer;}
.common-map01 .inner .box-right{width:calc(75% - 6px);position:relative;background:#ddd;}
.common-map01 .inner .box-right #map{position:absolute;top:0;left:0;width:100%;height:100%;}
.common-map01 #map .gm-style div div div div div div div{color:#fff!important;font-weight:bold;font-size:1.3rem;}
.common-map01 #map .gm-bundled-control { bottom: 150px !important;}
.common-map01 #map .info-window{background:#fff;color:#222!important;border-radius:8px;padding:15px 15px 10px;width:340px;border:2px solid #ccc;position:relative;box-shadow:0 0 15px rgba(0,0,0,.2);font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック",sans-serif}
.common-map01 #map .info-window::before{content:"";display:block;width:0;height:0;border-style:solid;border-width:10px 10px 0 10px;border-color:#fff transparent transparent transparent;position:absolute;bottom:-9px;left:50%;margin-left:-10px;z-index:2}
.common-map01 #map .info-window::after{content:"";display:block;width:0;height:0;border-style:solid;border-width:13px 12px 0 12px;border-color:#ccc transparent transparent transparent;position:absolute;bottom:-13px;left:50%;margin-left:-12px;z-index:1}
.common-map01 #map .info-window-wrapper>img{width:36px;height:36px;top:-10px;right:-10px;z-index:2;position:absolute!important}
.common-map01 #map .info-window p{color:#222!important;font-weight:400;font-size:1.2rem}
.common-map01 #map .info-window .flex{display:flex;width:100%;align-items:center;border-bottom:dotted 1px #a4a7b5;padding-bottom:7px;margin-bottom:4px}
.common-map01 #map .info-window .img{width:60px}
.common-map01 #map .info-window .img figure{width:100%;height:0;padding-top:75.1%;background-position:center center;background-size:contain;background-repeat:no-repeat;position:relative}
.common-map01 #map .info-window .flex .ttl{font-size:1.5rem;color:#222!important;width:calc(100% - 60px);padding-left:10px;line-height:1.3}
.common-map01 #map .info-window .txt{font-size:1.3rem;line-height:1.3;letter-spacing:0}
.common-map01 #map .info-window .txt .price_head{margin-bottom:5px}
.common-map01 #map .info-window .txt .price{font-size:13px;color:#222!important;font-weight:400}
.common-map01 #map .info-window .txt .price small{color:#d72244;font-size:13px}
.common-map01 #map .info-window .txt .price strong{font-size:2.4rem;vertical-align:-.2rem;margin-right:2px;color:#d72244;font-weight:700}
.common-map01 #map .info-window .txt .icon{padding-left:20px;position:relative;line-height:1.5}
.common-map01 #map .info-window .txt .icon:before{content:"";position:absolute;top:.15rem;left:0;width:15px;height:15px;background-position:center;background-repeat:no-repeat}
.common-map01 #map .info-window .txt .icon+.icon{margin-top:.5rem}
.common-map01 #map .info-window .txt .icon.house:before{background-image:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20497.25%22%3E%3Cpolygon%20points%3D%22256.03%200%200%20182.94%200%20497.25%20201.61%20497.25%20201.61%20329.3%20310.39%20329.3%20310.39%20497.25%20512%20497.25%20512%20182.94%20256.03%200%22%20style%3D%22fill%3A%23104592%3B%22%2F%3E%3C%2Fsvg%3E');background-size:90% auto}
.common-map01 #map .info-window .txt .icon.train:before{background-image:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20363.15%20512%22%3E%3Cpath%20d%3D%22M363.15%2C351.63V89.87C363.15%2C40.23%2C322.93%2C0%2C273.28%2C0H89.87C40.24%2C0%2C0%2C40.23%2C0%2C89.87V351.63c0%2C37.63%2C27.38%2C68.98%2C63.27%2C75.22L6.91%2C512H57.02l23.13-34.96h202.87l23.13%2C34.96h50.1l-56.35-85.15c35.88-6.25%2C63.25-37.59%2C63.25-75.22ZM103.76%2C40.35h155.64v25.94H103.76v-25.94ZM56.93%2C124.19c0-11.28%2C9.14-20.44%2C20.42-20.44h208.46c11.28%2C0%2C20.43%2C9.15%2C20.43%2C20.44v86.21c0%2C11.28-9.15%2C20.43-20.43%2C20.43H77.35c-11.28%2C0-20.42-9.15-20.42-20.43V124.19h0Zm19.45%2C249.82c-13.16%2C0-23.83-10.67-23.83-23.82s10.67-23.84%2C23.83-23.84%2C23.83%2C10.67%2C23.83%2C23.84-10.67%2C23.82-23.83%2C23.82Zm18.81%2C80.31l17.41-26.32H250.56l17.41%2C26.32H95.19Zm191.58-80.31c-13.16%2C0-23.83-10.67-23.83-23.82s10.67-23.84%2C23.83-23.84%2C23.83%2C10.67%2C23.83%2C23.84c0%2C13.15-10.67%2C23.82-23.83%2C23.82Z%22%20style%3D%22fill%3A%23104592%3B%22%2F%3E%3C%2Fsvg%3E')}
.common-map01 #map .info-window .txt .icon.address:before{background-image:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20424.16%20512%22%3E%3Cpath%20d%3D%22M362.05%2C62.12c-82.83-82.83-217.11-82.83-299.94%2C0-82.81%2C82.81-82.81%2C217.11%2C0%2C299.92l149.97%2C149.95%2C149.97-149.95c82.81-82.81%2C82.81-217.11%2C0-299.92Zm-149.97%2C231.08c-44.8%2C0-81.12-36.31-81.12-81.11s36.33-81.12%2C81.12-81.12%2C81.12%2C36.31%2C81.12%2C81.12-36.33%2C81.11-81.12%2C81.11Z%22%20style%3D%22fill%3A%23104592%3B%22%2F%3E%3C%2Fsvg%3E')}
.common-map01 #map .info-window .txt .btn{margin-top:10px}

#map_sec .container{padding:0;max-width:inherit}
#map_sec #block-list .list{border:none;padding:10px}
#map_sec #block-list .list li{display:flex;background:#fff;padding:10px;border-radius:3px;cursor: pointer;transition: .3s}
#map_sec #block-list .list li:hover{opacity:.7}
#map_sec #block-list .list li+li{margin-top:10px}
#map_sec #block-list .list li>.img{width:100px;padding-right:10px}
#map_sec #block-list .list li>.txt{width:calc(100% - 100px)}
#map_sec #block-list .list li>.txt .title{padding-bottom:.5rem;margin-bottom:.5rem;align-items: flex-start;}
#map_sec #block-list .list li>.txt .ttl{width:calc(100% - 32px);padding-left:8px;font-size:1.5rem;line-height:1.2;padding-top: 3px;}
#map_sec #block-list .list li>.txt .num{position:relative;width:32px;white-space:nowrap;background:#22aeda;color:#fff;font-weight:700;font-size:1.5rem;border-radius:5px;line-height:1;padding:4px 8px;display:flex;align-items:center;justify-content:center;}
#map_sec #block-list .list li>.txt .num::after{content:"";display:block;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#22aeda transparent transparent transparent;position:absolute;left:50%;margin-left:-5px;top:100%}
#map_sec #block-list .list li>.txt .price_head{font-size:1.4rem;margin-bottom:.5rem}
#map_sec #block-list .list li>.txt .price{font-size:1.2rem}
#map_sec #block-list .list li>.txt .price strong{font-size:2.4rem;vertical-align:-.1rem}
#map_sec #block-list .list li .common-btn.small{margin-top:.75rem;padding:.5rem}
#map_sec + #block-search #search_now{display: none}
#map_sec+#block-search #search_change{display:none;position:relative;position:fixed;top:0;left:0;width:100%;height:100%;z-index:502;padding:40px;overflow-y:auto}
#sp-list-footer{position:fixed;right:0;bottom:0;width:calc(75% - 6px)}
#sp-list-footer .btn-wrap{background:rgba(16,69,146,.9);padding:10px}
#sp-list-footer .btn-wrap .common-btn{background:#fff;color:#104592;padding:1.5rem 1rem}
#block-search .search_con input, #block-search .search_con select {max-width:inherit;}
#sp-list-footer .common-btn span{position:relative;padding-left:24px}
#sp-list-footer .common-btn span:before{content:"";position:absolute;top:50%;left:0;width:17px;height:17px;background-position:center;background-repeat:no-repeat;transform:translateY(-50%);background-image:url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M361.66%2C301.51c19.4-30.44%2C30.64-66.55%2C30.64-105.24C392.3%2C88.04%2C304.32%2C0%2C196.15%2C0c-38.68%2C0-74.76%2C11.25-105.18%2C30.66-24.24%2C15.46-44.86%2C36.1-60.31%2C60.35C11.26%2C121.44%2C0%2C157.57%2C0%2C196.27c0%2C108.22%2C88%2C196.27%2C196.15%2C196.27%2C38.68%2C0%2C74.78-11.26%2C105.2-30.68%2C24.23-15.46%2C44.86-36.1%2C60.31-60.35h0Zm-101.9%2C18.73c-19.07%2C9.84-40.71%2C15.4-63.61%2C15.4-76.8%2C0-139.3-62.54-139.3-139.38%2C0-22.91%2C5.56-44.56%2C15.39-63.64%2C13.32-25.86%2C34.48-47.02%2C60.32-60.33%2C19.07-9.84%2C40.69-15.4%2C63.58-15.4%2C76.81%2C0%2C139.3%2C62.52%2C139.3%2C139.38%2C0%2C22.9-5.56%2C44.53-15.39%2C63.62-13.3%2C25.86-34.45%2C47.03-60.29%2C60.36h0Z%22%20style%3D%22fill%3A%23104592%3B%22%2F%3E%3Cpath%20d%3D%22M499.52%2C439.15l-113.24-113.02c-16.12%2C23.55-36.77%2C44.2-60.31%2C60.35l113.24%2C113.02c8.33%2C8.33%2C19.25%2C12.5%2C30.15%2C12.5s21.83-4.17%2C30.16-12.5c16.64-16.67%2C16.64-43.68%2C0-60.35Z%22%20style%3D%22fill%3A%23104592%3B%22%2F%3E%3C%2Fsvg%3E)}

@media screen and (min-width:1px) and (max-width:1200px){
#map_sec #block-list .list li>.img{width:60px;}	
#map_sec #block-list .list li>.txt{width:calc(100% - 60px)}
}

@media screen and (min-width:623px) and (max-width:960px){
#sp-list-footer {width: calc(100% - 246px);}
}

@media screen and (min-width:1px) and (max-width:999px){
.common-map01 {height: calc(100vh - 50px);}
}

@media screen and (min-width:1px) and (max-width:622px){
	
#map_sec #block-list .list li>.txt .num{margin-top: -3px;font-size:1.3rem;width:28px;}
#map_sec #block-list .list li>.txt .ttl {width: calc(100% - 28px);}
#map_sec #block-list .list li>.txt .price strong {font-size: 2rem;vertical-align: -.1rem;}
.common-map01 #map .info-window .txt .price strong {font-size: 2rem;vertical-align: -.1rem;}
#sp-list-footer {width: 100%;}
	
  /* mapUI ---------------------------------------- */
  .common-map01 .common-modal-inner{padding:15px 25px;}
  .common-map01 .inner{height:100%;display:block;overflow:hidden;position:relative;}
  .common-map01 .inner .box-right{width:100%;height:100%;}
  .common-map01 .inner .box-left{width:100%;height:100%;margin-right:0;}
  .common-map01 .inner .box-left .list > li{padding:12px 10px 12px 45px;}
  .common-map01 #map .info-window{padding:12px 15px;}
  .common-map01 #map .info-window .info-inner{margin-bottom:3px;}
  .common-map01 #map .info-window .name{font-size:1.6rem;}
  .common-map01 #map .info-window .txt{font-size:1.3rem}
  .common-map01 #map .info-window .btn{margin-top:10px}
  .common-map01 #map .info-window .btn .common-btn01{padding-top:9px;padding-bottom:10px;}
  .common-map01 #map .info-window-wrapper > img{width:28px;height:28px;}
  .common-map01 .inner .box-left .common-map01-menu{width:30%;display:block;position:absolute;top:0;left:-30%;background:#333;color:#fff;text-align:center;border-top-left-radius:3px;border-bottom-left-radius:3px;padding:10px 5px;white-space:nowrap;font-size:1.4rem;font-weight:bold;border-top-left-radius:8px;border-bottom-left-radius:8px;}
  .common-map01 .inner .box-left .common-map01-menu::before{content:"";display:inline-block;width:14px;height:12px;background:url(/front/assets/img/icon_arrow.png) no-repeat;background-size:100% auto;transform:scale(-1,1);margin-right:10px;vertical-align:-1px;}
  .common-map01 .inner .box-left{width:75%;height:100%;position:absolute;right:-76%;top:0;z-index:10;transition:right .6s ease;}
  .common-map01 .inner .box-left.active{right:0;}
  .common-map01 .inner .box-left.active .common-map01-menu::before{display:none;}
  .common-map01 .inner .box-left.active .common-map01-menu::after{content:"";display:inline-block;width:14px;height:12px;background:url(/front/assets/img/icon_arrow.png) no-repeat;background-size:100% auto;margin-left:10px;vertical-align:-1px;}
}