﻿
/* お知らせ
------------------------------------------------------------*/
.news_line {
	background: rgba(0,0,0,0.02); /*背景色。0,0,0は黒のことで0.02は色が2%出た状態。*/
	border-radius: 10px; /*角を丸くする指定*/
	overflow: hidden;
	/*margin-bottom: 4rem;*/ /*ブロックの下に空けるスペース。4文字分。*/
}

	/*奇数行目を背景色を少し濃くする。全体同じ色がよければここの数行は削除。*/
	.news_line dt:nth-of-type(odd),
	.news_line dd:nth-of-type(odd) {
		background: rgba(0,0,0,0.04);
	}

	/*日付(dt)設定*/
	.news_line dt {
		padding: 1rem 1rem 0; /*dt内の余白。上、左右、下への順番。*/
	}

	/*記事(dd)設定*/
	.news_line dd {
		padding: 1rem; /*dd内の余白*/
		padding-top: 0;
		margin: 0;
		line-height: 2;
	}

	/*ブロック内のspan。日付の横のアイコン的な部分の共通設定*/
	.news_line dt span.date {
		font-size: 0.9rem;
		font-weight: normal;
	}

	/*ブロック内のspan。日付の横のアイコン的な部分の共通設定*/
	.news_line dt span.category {
		display: inline-block;
		text-align: center;
		line-height: 1.8; /*行間（アイコンの高さ）*/
		border-radius: 3px; /*角を丸くする指定*/
		padding: 0 0.5rem; /*上下、左右へのブロック内の余白*/
		width: 8rem; /*幅。8文字分。*/
		transform: scale(0.8); /*80%のサイズに縮小*/
		background: #fff; /*背景色*/
		color: #777; /*文字色*/
		border: 1px solid #999; /*枠線の幅、線種、色*/
	}

	/*icon-bg1*/
	.news_line .icon-bg1 {
		background: #a5873d; /*背景色。css冒頭で指定しているprimary-colorを読み込みます*/
		color: #fff; /*文字色。css冒頭で指定しているprimary-inverse-colorを読み込みます*/
		border-color: transparent; /*枠線を出したくないので透明にする*/
	}

/*画面幅700px以上の追加指定*/
@media screen and (min-width:700px) {

	/*ブロック全体*/
	.news_line {
		display: grid; /*gridを使う指定*/
		grid-template-columns: auto 1fr; /*横並びの指定。日付とアイコン部分の幅は自動で、内容が入るブロックは残り幅一杯とる。*/
	}

		/*日付(dt)設定*/
		.news_line dt {
			padding: 1rem 0 1rem 2rem; /*dt内の余白。上、右、下、左への順番。*/
		}

		/*記事(dd)設定*/
		.news_line dd {
			padding: 1rem 2rem 1rem 0; /*dd内の余白。上、右、下、左への順番。*/
		}
}

a.news_detail {
	color: #212529 !important;
}

	a.news_detail:before {
		content: "▶ ";
	}

.title_pdf {
	text-decoration: none !important;
	color: #212529;
}
	a.news_detail:hover {
		text-decoration: none;
	}

	.title_pdf:after,
	a.news_detail.pdf:after,
	a.news_detail.word:after,
	a.news_detail.excel:after {
		font-weight: normal;
		margin-left: 0.8em;
		font-size: 0.65rem;
		padding: 1px 5px;
	}

	.title_pdf:after,
	a.news_detail.pdf:after {
		content: "PDF";
		border: 1px solid #d81139 !important;
		color: #d81139;
	}

	a.news_detail.word:after {
		content: "WORD";
		border: 1px solid #4f657e !important;
		color: #4f657e;
	}

	a.news_detail.excel:after {
		content: "EXCEL";
		border: 1px solid #4f7c51 !important;
		color: #4f7c51;
	}

/*
-------------------------------------------------------*/
.inline {
	display: inline;
}

.inline_prev_next {
	display: inline-block;
	width: 100%;
	font-size: 0.85rem;
}

	.inline_prev_next::after {
		clear: both;
	}
