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

.property-search-container{

  margin: 30px auto;
  padding: 0px 15px;
   width: 100%;
   max-width: 1000px;
 
   display: flex;
   justify-content: flex-start;  /* 最後の要素を左揃えに */
   flex-wrap: wrap;
  
}

.property-search-container select,.property-search-container input{
  border: 1px solid #A3A3A3;
}

.property-search-container .button-input input{
margin-top: 20px;
}


.search-results,.property-list{
  display: flex;
  flex-wrap: wrap;
  
  
}

.property-item{
  background-color: #ffffff;
  margin: 20px 10px 15px 15px;
  padding: 10px;
  width: 295px;
  border: 1px #CDCACA solid;
  box-sizing: border-box;
}

.property-image img {
  width: 100%;
  aspect-ratio: 16 / 9; /* ここで16:9を指定 */
  object-fit: cover;    /* 枠にフィットしてトリミング */
  display: block;
  margin-bottom: 9px;
}

.property-item .button-detailed a{
    margin: 20px auto;
  width: 200px;
  padding: 10px;
  background-color:#C7C7C7;
  text-align: center;
  border-radius: 10px;
  font-weight: 600;
 display: block;
} 

.property-item h3{
  font-size: 19px;
  margin-top: 14px;
  margin-bottom: 14px;
}

.property-item p{
margin-top: 2px;
  margin-bottom: 2px;
  font-size: 16px;
  
  
}

.pagenavi{
  width: 100%;
  text-align: center;
}





@media  (max-width: 768px) {  
  /* タブレット向けのスタイル */  
/*--------物件シングルページ--------*/
  
.property-flex{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}  

  .property-item{
  /* [disabled]background-color: #ffffff; */
  /* [disabled]margin: 20px 10px 15px 15px; */
  /* [disabled]padding: 10px; */
  width: 100%;
  /* [disabled]border: 1px #CDCACA solid; */
}
  
  
  
}

@media (max-width: 544px) { 
   
  /* スマホ向けのスタイル */


}