@charset "utf-8";
body{
  -webkit-appearance: none;
}

body.noscroll{
  overflow: hidden;
}

a:hover{
  cursor: pointer;
  transition: .3s;
  opacity: 0.7;
}


/* properties */

#mainvisual .sp-only{
  display: none;
}
@media screen and (max-width:769px){
  /* #mainvisual */
  #mainvisual{
    display: block;
  }
  #mainvisual .sp-only{
    display: block;
  }
  .top-login{
    border: none;
  }
  #mainvisual .login-item{
    display: flex;
    justify-content: space-around;
  }
  #mainvisual #imagebox{
    margin: auto;
    width: 100%;
  }
  #mainvisual #imagebox #slide-wrap{
    width: 100%;
  }
  #mainvisual.list-visual #visual-slide .swiper-slide{
    width: 100%;
  }
  #fopsearch{
    padding: 10px 0;
  }

}

@media screen and (max-width:500px){
  #mainvisual.list-visual #visual-slide .swiper-slide{
    /* width: 150%; */
    height: 250px;
  }
  #mainvisual.list-visual #imagebox #slide-wrap{
    max-width: 90%;
  }
  #mainvisual #visual-slide .swiper-slide .bnrnew{
    margin-bottom: 0;
    width: 100px;
    font-size: 80%;
  }
  #mainvisual #visual-slide div p.propertyinfo{
    font-size: 10px;
  }
  #list_h2{
    margin-bottom: 10px;
  }
  #list_h2 p{
    font-size: 60%;
    margin-bottom: 0;
    margin-top: 8px;
  }
}
/* properties終わり */

/* properties HTMLstyle */
.swiper-slide a{
  background-size:cover !important;
}
/* properties HTMLstyle終わり */


/* container-list */

.arealistnav{
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
  justify-content: space-between;

}

/* .arealistnav li{
  width: 150px;
  margin:10px;
} */
.ul-flex{
  flex-wrap: wrap;
}
.btn-box{
  display: flex;
  justify-content: space-between;
  padding-top: 1.5rem;
}
#ranking li .link-todetail, .property-box .link-todetail{
  width: 49%;
}
#ranking li .link-todetail2, .property-box .link-todetail2{
  width: 49%;
}
.property-box h3{
  margin-top: 13px;
}

@media screen and (max-width:1024px){
  .property-box{
    width: 250px;
  }
}
@media screen and (max-width:769px){
  /* .arealistnav{
    display: none;
  } */
  .arealistnav li{
    width:24%;
  }
  .arealistnav li a{
    padding:5px;
  }
  .search-box .section-inner{
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
  }
  /* .arealistnav{
    display: flex;
    flex-wrap: wrap;
  } */
  .srcterms{
    margin-left: 5px;
    margin-right: 5px;
  }
  .srcterms .termslist1{
    width: 100%;
  }
  .srcterms .termslist2{
    padding-left: 0;
    margin-top: 20px;
    width: 100%;
  }
  .srcterms .termslist3{
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
  }
  .property-box{
    width: 98%;
    margin: 0 auto;
    border: none;
    box-shadow: none;
  }
  .ul-flex{

    display: block;
    border: none;
  }
  .ul-flex-item{
    margin:  0 auto;
    padding-right: 0;
    padding-left: 10px;
    width: 90%;
  }


  div.wrap_navi_page01{
    width: 90%;
    margin: 0 auto;
  }
  

}
@media screen and (max-width:769px) and (min-width:500px){
  .property-box .mainimage a{
  height: 350px;
}
}
@media screen and (max-width:500px){
  .property-box .mainimage a{
    height: 170px;
  }
  .srcterms{
    padding: 12px;
  }
  .btn-box a{
    color: blue;
    /* font-size: 60%; */
  }
  #ranking li .link-todetail, .property-box .link-todetail{
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-size: 60%;
    height: 30px; */
  }
  #ranking li .link-todetail2, .property-box .link-todetail2{
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-size: 60%;
    height: 30px; */
  }
  .srcterms .termslist1 div label{
    font-size: 13px;
  }
  .property-box{
    padding-left: 5px;
    padding-right: 5px;
  }
}
/* container-list終わり */


/* container-list HTMLstyle */
.srcterms .termslist2 p{
  width:100%;
  margin-bottom:5px;
  font-size: 13px;
}
.srcterms .termslist2 select{
  margin:0 auto;
  padding:5px;
  border-radius:8px;
  border:1px solid #ddd;
  width:100%;
  box-sizing:border-box;
  text-align:center;
}
/* #container-list .ul-flex{
  flex-wrap: nowrap; 
  overflow: auto;
  white-space: nowrap;
  justify-content: start;
  margin: 0 10px;

} */
.navi_page01 ol{
  list-style:none;
}

/* container-list HTMLstyle終わり */



/* ページネーション */

.bl_pager {
  display: flex;
  overflow-x: auto;
}

.bl_pager_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-right: auto;
  margin-left: auto;
}

.bl_pager_inner > *:last-child {
  margin-right: 0;
}

.bl_pager_inner > li {
  margin-right: 15px;
  display: flex;
  align-items: center;
}
.bl_pager_inner > li > .span {
  vertical-align: middle;
}

.bl_pager_link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #f7f7f7;
  color:black;
  text-decoration: none;
  transition: .25s;

}
.bl_pager_link_next{
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 40px; */
  height: 40px;
  background-color: #f7f7f7;
  color:black;
  text-decoration: none;
  transition: .25s;
  padding: 0 5px;
}
.is_active{
  background-color: #39a79c;
  color: #fff;
}
.bl_pager_link:focus,
.bl_pager_link:hover {
  background-color: #39a79c;
  color: #fff;
}
.bl_pager_link_next:hover{
  background-color: #39a79c;
  color: #fff;
}
.bl_pager_link .is_active {
  color: #fff;
  pointer-events: none;
}
.bl_pager_link .is_active:hover{
  cursor: pointer;
}

.list-title{
  font-size: 25px;
}
.list-text{
  font-size: 15px;
}

.fa-caret-left,.fa-caret-right{
  color: #d4d4d4;
  padding-top: 5px;
}
li .span{
  margin-top: 20px;
}

.dot-next{
  color: #d4d4d4;
  background-color: #fff;
}
@media screen and (max-width:500px){
  .bl_pager_inner > li{
    margin-left: 5px;
    margin-right: 5px;
  }
  .bl_pager_inner li{
    margin-top: 5px;
  }
}
/* ページネーション終わり */


/* 20230222 korenaga */
.fontHc3 {
  color:#333 !important;
}