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

page-blog.css　ブログ用css

********************************************************************************/
/*######################################################################
 一覧
######################################################################*/
/*============================================================
 メインビジュアル
*============================================================*/
#page-blog-list #sec-category {
	margin-bottom: 64px;
}

/*============================================================
 セクション
*============================================================*/
#page-blog-list #sec-post-list {
	margin-bottom: 100px;
}
#page-blog-list #sec-post-list .title {
	font-size: 40px;
	font-weight: bold;
	color: #212121;
	margin-bottom: 24px;
}


/*######################################################################
 詳細
######################################################################*/
/*============================================================
 セクション
*============================================================*/
#page-blog #cat-list {
	gap: 24px;
}

#page-blog #sec-post {
	margin-bottom: 100px;
}

#page-blog #sec-related-post .inner {
	width: 100vw;
    margin-left: calc(50% - 50vw);
	max-width: 100%;
	padding: 0;
}
#page-blog #sec-related-post .item {
	margin: 0 24px;
	width: 300px;
	color: var(--common-color-text);
}


/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1128px) {
    /*######################################################################
     一覧
    ######################################################################*/

    /*######################################################################
     詳細
    ######################################################################*/

}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*######################################################################
     一覧
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
	#page-blog-list #sec-post-list .title {
		font-size: 24px;
		margin-bottom: 16px;
	}

    /*######################################################################
     詳細
    ######################################################################*/

}