@charset "UTF-8";

/* thehouse（一覧）ページスタイルシート */


/*** PC ***/
.thehouse-archive-container .thehouse-archive-inner {width:60%; margin: 0 auto;}
.thehouse-archive-container .thehouse-archive-list {
   padding:0;
   display: flex;
   justify-content: flex-start;

   flex-wrap: wrap;
}
.thehouse-archive-container .thehouse-archive-list .thehouse-archive-leaf {text-align: center; width:30%; margin-right:5%;}
.thehouse-archive-container .thehouse-archive-list .thehouse-archive-leaf:last-child{margin-right: 0;}

/* サムネイル */
.thehouse-archive-container .thehouse-archive-list .thehouse-archive-leaf .thehouse-archive-thumbnail img {
   width:100%;
   height:300px;
   object-fit: cover;
   border-radius: 3px;
}
/* タイトル */
.thehouse-archive-container .thehouse-archive-list .thehouse-archive-leaf .thehouse-archive-title {
   margin:20px 0 6px;
}
.thehouse-archive-container .thehouse-archive-list .thehouse-archive-leaf .thehouse-archive-title h2 {
   font-family: YuGothic;
   font-size: 15px;
   font-style: normal;
   font-weight: normal;
   line-height: normal;
   margin:0;
}
/* 所在地 */
.thehouse-archive-container .thehouse-archive-list .thehouse-archive-leaf .thehouse-archive-location p {
   font-family: YuGothic;
   font-size: 13px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   margin:0;
}
/* 竣工 */
.thehouse-archive-container .thehouse-archive-list .thehouse-archive-leaf .thehouse-archive-completion-date p {
   font-family: YuGothic;
   font-size: 13px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   margin:0;
}

/* ページネーション */
.pagination-box {text-align: center; margin-top:170px}
.pagination-box .page-numbers {
   background-color: #9EADBD;
   width:44px;
   height:44px;
   display: inline-block;
   align-content: center;
   color: #fff;
}
.page-numbers + .page-numbers {
   margin-left: 22px;
}
.pagination-box .page-numbers:visited{
   color: #fff;
   text-decoration: none;
}
/* 現在のページ番号 */
.pagination-box .page-numbers.current {
   background-color: #00A0E9;
}
/* 前/次ページの矢印 */
.pagination-box .page-numbers.prev, .pagination-box .page-numbers.next {
   background-color: #1F3037;
}

/* end.PC */


/* SP */

@media (max-width:599px){ 

   .thehouse-archive-container .thehouse-archive-inner {width:90%; margin: 0 auto;}

   .thehouse-archive-container .thehouse-archive-list {display: block;}

   .thehouse-archive-container .thehouse-archive-list .thehouse-archive-leaf {width: 100%; margin-bottom:60px;}
   /* 日付 */
   .thehouse-archive-container .thehouse-archive-list .thehouse-archive-item .thehouse-archive-time {margin-right:14px;}
  

}
/* end.SP */