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

page-blog.css　ブログ用css

********************************************************************************/

/*######################################################################
 一覧
######################################################################*/
/*============================================================
 メインビジュアル
*============================================================*/
#page-blog-list #mainvisual {
}

/*============================================================
 セクション共通
*============================================================*/
#page-blog-list .section {
}


/*######################################################################
 詳細
######################################################################*/
#page-blog #sec-post .inner {
	max-width: var(--common-inner-max-width-sm);
}

#page-blog #mainvisual {
	padding-bottom: 24px;
}
#page-blog #mainvisual .post-info {
	margin-top: 24px;
	gap: 16px;
	align-items: center;
}
#page-blog #mainvisual .post-info .date {
	font-size: 14px;
}
#page-blog #mainvisual .post-info .cat {
	font-size: 12px;
	line-height: 1.8;
	padding: 0 8px;
	background: #908B86;
}

/*============================================================
 導線
*============================================================*/
#page-blog #sec-conductor {
	margin-top: 80px;
}
#page-blog #sec-conductor .inner {
	max-width: var(--common-inner-max-width-sm);
}

#page-blog #sec-conductor .outer-link {
	gap: 64px;
	margin-bottom: 80px;
}
#page-blog #sec-conductor .outer-link .copy {
	gap: 32px;
	margin-bottom: 0;
}
#page-blog #sec-conductor .outer-link .copy p {
	font-weight: bold;
	letter-spacing: 0.04em;
	margin-bottom: 0;
}
#page-blog #sec-conductor .outer-link .url-copy-clipbord {
	cursor: pointer;
}
#page-blog #sec-conductor .outer-link .sns {
	gap: 24px;
}
#page-blog #sec-conductor .outer-link .sns a {
	margin-bottom: 0;
}

/*============================================================
 関連する記事
*============================================================*/
#page-blog #sec-related-post .sec-title {
	text-align: center;
}
#page-blog #sec-related-post .parts-btn {
	margin: 0 auto;
}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1128px) {
    /*######################################################################
     一覧
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/


    /*######################################################################
     詳細
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/

}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*######################################################################
     一覧
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/


    /*######################################################################
     詳細
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/

}