/*
Theme Name: Lightning Child
Template: lightning
Version: 15.29.4
*/

/* ここにCSSを書いていく */




nav.pagination{padding-bottom:150px;}

.works-archive{
	display: flex;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content: flex-start;
}
@media screen and (min-width: 482px) {/*PC*/
.works-archive .works-item{
	width : calc(100% / 4 - 5px) ;
	border:solid 1px #e0e0e0;
	margin:0px 5px 20px 0px;
	padding-bottom:15px!important;
}
}
@media screen and (max-width: 481px)  {/*SP*/
.works-archive .works-item{
	width :100%;
	border:solid 1px #e0e0e0;
	margin-bottom:15px!important;
	padding-bottom:15px!important;
}

.works-thumb{/*アイキャッチ画像*/
	width:92%;
	margin-left:auto!important;
	margin-right:auto!important;
	margin-top:15px!important;
	margin-bottom:5px!important;
}
} 

.item_title h2{
	border-bottom:solid 2px #337ab7!important;
	font-size:1.15em!important;
	margin-top:10px!important;
	margin-bottom:10px!important;
	padding-left:8px!important;
	padding-right:8px!important;
}


.works-post{
	width:92%;
	margin-left:auto!important;
	margin-right:auto!important;
}

.item_name{
	border-top:solid 1px #f0f0f0!important;
	margin-top:10px!important;
	padding-top:10px!important;
}

.item_info i{
	color:#479386;
}


/*========================================
カテゴリの背景色
========================================*/
.item_kategori {
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	margin-top:10px!important;
}
.kategori-label {
	padding: 2px 3px 3px 3px;
	border-radius: 3px;
	font-size: 70%!important;
	color: #fff;
}

/* 個別色指定 */
.kategori-yane-kaishu { background: #e74c3c; } /* 屋根改修 */
.kategori-yane-tosou { background: #3498db; }  /* 屋根塗装 */
.kategori-yane-cover { background: #9b59b6; }  /* 屋根カバー工法 */
.kategori-calking { background: #f39c12; }     /* コーキング */
.kategori-amadoi { background: #1abc9c; }      /* 雨樋交換 */
.kategori-bousui { background: #2ecc71; }      /* 防水工事 */
.kategori-naisou { background: #34495e; }      /* 内装工事 */
.kategori-sonota { background: #7f8c8d; }      /* その他 */


/*========================================

ページネーション

========================================*/

/*記事が2行になったら適用させる
.nav_link{margin-bottom:-180px!important}*/


/* ページネーション全体 */
.nav_link .navigation.pagination {
  text-align: center;
  margin: 40px 0;
}

/* ページ番号の並び */
.nav_link .navigation.pagination .nav-links {
  display: inline-flex;
  gap: 6px;
  flex-wrap: wrap;
}

/* 共通スタイル */
.nav_link .navigation.pagination .page-numbers {
  display: inline-block;
  min-width: 40px;
  padding: 8px 12px;
  border: 1px solid #337ab7;
  color: #337ab7;
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  border-radius: 4px;
  transition: all 0.2s ease;
}

/* ホバー */
.nav_link .navigation.pagination .page-numbers:hover {
  background-color: #337ab7;
  color: #fff;
}

/* 現在のページ */
.nav_link .navigation.pagination .page-numbers.current {
  background-color: #337ab7;
  color: #fff;
  font-weight: bold;
  cursor: default;
}

/* 次へ・前へ */
.nav_link .navigation.pagination .page-numbers.next,
.nav_link .navigation.pagination .page-numbers.prev {
  padding: 8px 16px;
}

/*========================================

固定ページの色調整

========================================*/
.tex_white{color:#FFFFFF;}
.box_white{background-color:#FFFFFF;}

.tel_font{
	font-size:1.6em;
	color:#337ab7;
}
.tel_font a{
	font-size:1.2em;
	font-weight:bold;
}
.tel_font a:link{color:#337ab7;}
.tel_font a:visited{color:#337ab7;}
.tel_font a:hover{color:#337ab7;}
.tel_font a:active{color:#337ab7;}



/*========================================

footerお問い合わせ追従

========================================*/
.footer_box{
	background:rgba(0, 0, 0, 0.7);
	width:100%;
	position:fixed;
	right:0px;
	bottom:0px;
	z-index:1000;
}
.footer_contact{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:10px 0px 7px 10px;
}