@charset "UTF-8";
/* ============================================
   iportaliroot.css
   iPortal・iRoot メンテナンス情報一覧ページ専用CSS
   ============================================ */

/* ---------- 共通：色指定（PC/SP問わず適用） ---------- */
.mn_tag {
	display: inline-block;
	margin-right: 10px;
	padding: 2px 12px;
	font-size: 0.78rem;
	font-weight: bold;
	color: #fff;
	border-radius: 10px;
	vertical-align: middle;
}

.mn_tag_iportal {
	background: #2d8fd5; /* iPortalカラー：青系（index.css準拠） */
}

.mn_tag_iroot {
	background: #7cb342; /* iRootカラー：黄緑系（index.css準拠） */
}

/* ---------- PC用 ---------- */
@media print, screen and (min-width: 641px) {

	#mn_pagetitle {
		margin: 10px 0 24px;
		padding-bottom: 16px;
		border-bottom: 2px solid #f3e09f;
	}

	#mn_pagetitle h1 {
		margin-bottom: 8px;
		font-size: 1.6rem;
		font-weight: bold;
	}

	.mn_lead {
		color: #666;
		font-size: 0.95rem;
	}

	#mn_list {
		max-width: 800px;
		margin: 0 auto;
		box-sizing: border-box;
	}

	.mn_news_item {
		box-sizing: border-box;
		margin-bottom: 16px;
		padding: 16px 24px;
		background: #fff;
		border: 1px solid #e8e8e8;
		border-radius: 4px;
	}

	.mn_news_head {
		margin-bottom: 8px;
	}

	.mn_date {
		font-size: 0.85rem;
		color: #888;
		vertical-align: middle;
	}

	.mn_news_title {
		margin-bottom: 6px;
		font-size: 1.05rem;
		font-weight: bold;
	}

	.mn_news_text {
		font-size: 0.9rem;
		line-height: 1.7;
		color: #4a4a3a;
	}

	main {
		display: block;
		margin-bottom: 40px;
	}

}/* /for PC (min-width: 641px) */

/* ---------- SP用 ---------- */
@media only screen and (max-width: 640px) {

	#mn_pagetitle {
		margin: 10px 10px 16px;
		padding-bottom: 12px;
		border-bottom: 2px solid #f3e09f;
	}

	#mn_pagetitle h1 {
		margin-bottom: 6px;
		font-size: 1.3rem;
		font-weight: bold;
	}

	.mn_lead {
		color: #666;
		font-size: 0.85rem;
	}

	#mn_list {
		margin: 0 10px;
	}

	.mn_news_item {
		box-sizing: border-box;
		margin-bottom: 12px;
		padding: 12px 16px;
		background: #fff;
		border: 1px solid #e8e8e8;
		border-radius: 4px;
	}

	.mn_news_head {
		margin-bottom: 6px;
	}

	.mn_tag {
		margin-bottom: 4px;
	}

	.mn_date {
		display: block;
		font-size: 0.78rem;
		color: #888;
	}

	.mn_news_title {
		margin-bottom: 4px;
		font-size: 0.95rem;
		font-weight: bold;
	}

	.mn_news_text {
		font-size: 0.82rem;
		line-height: 1.6;
		color: #4a4a3a;
	}

	main {
		display: block;
		margin-bottom: 30px;
	}

}/* /for SP (max-width: 640px) */