/*メインエリアの背景色*/
body{
	background-color: #ffffff;/*好みの色に変更*/
}

.keni-header_wrap{
	background-color: #ffffff;/*好みの色に変更*/
}

body, input, textarea {
    font-family: Noto, "Hiragino Sans", Helvetica, Arial, sans-serif;
}

body {
    color: #333333;
}
body, input, textarea {
    font-family: Noto, "Hiragino Sans", Helvetica, Arial, sans-serif;
}
/*行間*/
.keni-main {
    letter-spacing: .05em;
    font-size: 2.2rem;
    line-height: 2.0em;
}
/*改行したときの行間*/
.article-body p {
    margin-bottom: 0.3em;
}
CSSCopy
 

2行目：

*サイト全体の横幅とサイドバーをカスタマイズ*/
@media (min-width : 768px){ /*横幅768px以上*/
.col2 .keni-header_outer,
.col2 .keni-gnav_outer,
.col2 .keni-mv_outer,
.col2 .archive_title_wrap,
.col2 .keni-main_outer,
.col2 .catch-area,
.col2 .keni-breadcrumb-list_outer,
.col2 .keni-footer_outer,
.col2 .keni-copyright,
.col2 .keni-sep-conts_outer,
.col2 .keni-footer-panel_outer{
max-width: 850px;
}

.col2 .keni-sub{
width: 320px; /*サイドバーの横幅*/
}
.col2 .keni-main{
margin-right: –320px; /*メインコンテンツ右側の余白*/
padding-right: 320px;
}
.keni-sub .keni-section_wrap, .keni-footer .keni-section_wrap {
margin-left: 20px; /*サイドバー左側の余白*/
}
.keni-section_wrap {
margin: 0px; /*サイト全体の余白*/
}

}/*横幅768px以上*/


/*リンクカードの外枠*/
.keni-link-card_wrap{
	position: relative;
	padding: 34px 15px 15px 60px; /*外枠と内部との余白*/
	border-radius: 0; /*丸みを無しに変更*/
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); /*リンクカードの影*/
}
/*リンクカードURL*/
.keni-link-card_url a{
	color: #ffc06e;
}
/*リンクカード擬似*/
.keni-link-card_wrap:before{
	position: absolute;
	top: 5px; /*上からの位置*/
	left: 65px; /*左からの位置*/
	padding: 0 10px; /*「上下・左右」余白*/
	content: "あわせて読みたい"; /*好きなコメントに変更出来ます*/
	background-color: #ff4c4c; /*背景色*/
	border-radius: 8px; /*枠の丸み*/
	color: #fff; /*文字色*/
	font-size: 14px; /*文字の大きさ*/
	font-weight: bold; /*太文字*/
	line-height: 24px; /*行間*/
}

.keni-link-card_wrap:after{
	position: absolute;
	top: 0; /*上からの位置*/
	left: 0; /*左からの位置*/
	display: flex; /*フレックスで中身のアイコンを移動可能にする*/
	height: 100%; /*枠の高さ*/
	padding: 0 15px; /*「上下・左右」余白*/
	background-color: #e8f7f7; /*背景色*/
	line-height: 25px; /*行間*/
	-webkit-justify-content: center; /*上下の中央寄せ*/
	justify-content: center; /*上下の中央寄せ*/
	-webkit-align-items: center; /*左右の中央寄せ*/
	align-items: center; /*左右の中央寄せ*/
	font-family: "Font Awesome 5 Free"; /*WEBアイコンの種類*/
	content: "\f138"; /*好みのアイコンの番号*/
	font-weight:900; /*freeは900指定で表示可能に*/
	font-size: 25px; /*アイコンの大きさ*/
	color: #00858a; /*アイコンの色*/
}