@charset "utf-8";


/*#######################################################*/
/*##                                                   ##*/
/*##  新着情報                                         ##*/
/*##                                                   ##*/
/*#######################################################*/

/*---------------------------------------------------------
カテゴリタイトル
---------------------------------------------------------*/
#news #categoryTtl{
	background-image: url( ../news/img/bg_category_ttl.jpg);
}


/*--------------------------------------------------------

	新着詳細タイトル
	
----------------------------------------------------------*/
.newsTtl{
	margin-bottom: 20px;
}

.newsTtl .hl02{
	border-bottom: #CCCCCC dotted 1px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}
	.newsTtl .hl02 .new{/*NEWマーク*/
		display: inline-block;
		width: 65px;
		margin-left: 10px;
	}

.newsTtl .day{
	text-align: right;
}
	.newsTtl .day span.icon_news01,
	.newsTtl .day span.icon_news02{
		display: inline-block;
		width: 100px;
		height: 20px;
		color: #FFFFFF;
		font-size: 81.3%;
		font-family: 'Noto Sans Japanese', sans-serif;
		text-align: center;
		padding: 0px 0px 1px;
		margin-left: 25px;
		box-sizing: border-box;
		overflow: hidden;
	}
		.newsTtl .day span.icon_news01{/*お知らせ*/
			background-color: #66BBBB;
		}
		.newsTtl .day span.icon_news02{/*重要*/
			background-color: #445566;
		}

	@media screen and (max-width: 640px) {
		.newsTtl .day span.icon_news01,
		.newsTtl .day span.icon_news02{
			display: inline-block;
			width: auto;
			height: 20px;
			font-size: 1.2rem;
			vertical-align: bottom;
			padding: 0px 10px 0px;
			margin-left: 15px;
		}

		.newsTtl .hl02 .new{/*NEWマーク*/
			width: 45px;
			margin-left: 5px;
		}
	}