/**
 *	TOPページ：お知らせ
 */

/* 画面幅601px以上の設定 ----------------------*/

#new dl {
	padding: 0px 20px;		/*上下、左右へのブロック内の余白*/
	margin-bottom: 20px;	/*ブロックの下(外側)に空ける余白*/
    height: 300px;
    overflow: auto;
}
/*日付設定*/
#new dt {
	float: left;
	width: 9em;
	letter-spacing: 0.1em;
    padding: 1em 0 1em 0;
}
/*記事設定*/
#new dd {
    padding: 1em 0 1em 9em;    
	width: 100%;
	border-bottom: 1px solid #D3C1A3;	/*下線の幅、線種、色*/
	margin-bottom: 1em;
}
#new dd strong {
	color: #A570D7;
	font-weight: bold;
	font-size: 1.1;
}
#newinfo{
    height: 350px;
	overflow: scroll;
	overflow-x: hidden;
	margin-bottom: 20px;/*下余白をつけるかどうか任意*/  

}

/* NEWアイコン -------------------------------*/

.newicon {
	background: #F00;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 70%;
	line-height: 1.5;
	padding: 3px 7px;
	border-radius: 2px;
	margin: 0 5px 0 0;
	vertical-align: text-top;
}

/* 画面幅600px以下の設定 ----------------------*/

@media screen and (max-width:600px){
	#new dl {
	    height: 480px;
	}
}

/* 画面幅480px以下の設定 ----------------------*/

@media screen and (max-width:480px){
	#new dl {
		padding-left: 10px;
		padding-right: 10px;
	}
	/*日付設定*/
	#new dt {
		float: unset;
		width: 100%;
		padding-bottom: 0 !important;
	}
	/*記事設定*/
	#new dd {
	    padding: 0.5em 0 1em 0;
		width: 100%;
	}
}