@charset "UTF-8";

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


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

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

/* サムネイル */
.projects-archive-container .projects-archive-list .projects-archive-leaf .projects-archive-thumbnail img {
   width:100%;
   height:300px;
   object-fit: cover;
   border-radius: 3px;
}
/* タイトル */
.projects-archive-container .projects-archive-list .projects-archive-leaf .projects-archive-title {
   margin:20px 0 6px;
}
.projects-archive-container .projects-archive-list .projects-archive-leaf .projects-archive-title h2 {
   font-family: sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   line-height: normal;
   margin:0;
}
/* 所在地 */
.projects-archive-container .projects-archive-list .projects-archive-leaf .projects-archive-location p {
   font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    letter-spacing: 0.02em;
    font-weight: 300;
    line-height: 115%;
    font-style: italic;
    color: #808080;
   margin:0;
}
/* 竣工 */
.projects-archive-container .projects-archive-list .projects-archive-leaf .projects-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){ 

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

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

   .projects-archive-container .projects-archive-list .projects-archive-leaf {width: 100%; margin-bottom:60px;}

   /* 日付 */
   .projects-archive-container .projects-archive-list .projects-archive-item .projects-archive-time {margin-right:14px;}
  

}
/* end.SP */