/* ==================================================================
   最新のおしらせ  [ckd_news]  （v1.17.0）
   ------------------------------------------------------------------
   ★固定ページ側の .ckd-now-* とは**別の名前**にしています。

     同じ名前にすると、同じことを言うCSSが2か所（固定ページの <style> と
     このファイル）にでき、片方だけ直される日が来ます。
     ★どちらが効いているかも、読む順で決まります。

   ★色は、いまのページと同じ見え方になるように選んであります。
     tools/check-news-look.js が、実際に描いてコントラストと
     はみ出しを測ります（写しただけでは、当たっているか分かりません）。
   ================================================================== */

.ckd-news-sec{margin:0 0 44px}
.ckd-news-sec:last-child{margin-bottom:0}

/* 節の見出し（おしらせ①／いま、お願いしていること など） */
.ckd-news-h{
	font-size:1rem;
	font-weight:700;
	color:#4a5a3c;
	margin:0 0 18px;
	border-left:4px solid #c8a63a;
	padding-left:15px;
	letter-spacing:.1em;
	line-height:1.4;
}

/* 中身の箱 */
.ckd-news-card{
	background:#f7f7f4;
	border:1px solid #e4e4de;
	border-radius:8px;
	padding:16px 20px;
	color:#3f3f3d;
	/* ★長いURLや英単語で、箱からはみ出さないように。
	   　 URLは実際に貼られます。狭い画面で横に伸びると、ページごと横スクロールします。 */
	overflow-wrap:break-word;
	word-break:break-word;
}

/* 2件目から先は、間をあけます（★<br> を手で入れなくてよいように） */
.ckd-news-item + .ckd-news-item{margin-top:26px}

/* 小見出し */
.ckd-news-t{
	margin:0 0 12px;
	font-weight:700;
	font-size:.95rem;
	color:#2f2f2d;
	line-height:1.5;
}

/* 本文（空行で段落に分かれます） */
.ckd-news-body p{
	font-size:.95rem;
	line-height:1.75;
	color:#3f3f3d;
	margin:0 0 .85em;
}
.ckd-news-body p:last-child{margin-bottom:0}

/* リンク
   ★「≫ 」はここで付けます。書く人が打つ文字ではありません。
   　 文字として持たせると、「≫」を書いた日に2つ並びます。 */
.ckd-news-link{font-size:.85rem;margin:12px 0 0}
.ckd-news-link a{color:#5c6b4a;text-decoration:none;font-weight:700}
.ckd-news-link a::before{content:"\226B\00A0"}
.ckd-news-link a:hover{text-decoration:underline}