@charset "utf-8";
/* CSS Document */

/*セカンドページタイトル
---------------------------------------------------------------------------*/
.bg-news {
	background:url("images/top.jpg") no-repeat;
	background-size:cover;
	background-position:top center;
}

.year-list{
	border-bottom:solid 1px #666;
	padding:40px 0;
	text-align:center;
}
.year-list li{
	list-style-type:none;
	display:inline-block;
	padding:0px 20px;
	border-right:solid 1px #666;
	height:20px;
	line-height:1.5em;
}

.year-list li:last-child{
	border-right:none;
}

/*ニュースリスト
-----------------------------------------------------------------------------*/

#news-box{
	padding:40px 0!important;
}
#news-box dl {
	width:100%;
	border-bottom:dotted 1px #ccc;
	padding:10px 0px;
	clear:both;
	background:none;
}

/*日付設定*/
#news-box dt {
	float: left;	/*左に回り込み*/
	width: 15em;		/*幅*/
	letter-spacing: 0.1em;	/*文字間隔を少しだけ広くとる設定*/
	background:none;
}
/*記事設定*/
#news-box dd {
	padding-left: 18em;	/*左に空ける余白*/

}

.single{
	padding: 20px 5% 20px 5%;					/*ボックス内の余白*/
	border-bottom:solid 1px #ccc;
}

/*h2タグ*/
.single h2 {
	clear: both;
	margin-bottom: 30px!important;	/*見出しの下に空けるスペース*/
	font-size: 20px!important;		/*文字サイズ*/
	color: #000;			/*文字色*/
	padding-left: 20px;	
}
/*h2タグの１文字目への指定*/
.single h2::first-letter {
	border-left: 3px solid #A00007;	/*左の線の幅、線種、色*/
	padding-left: 20px;				/*線と文字の間の余白*/
}
	

/*画面幅1367px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1367px){

}

/*画面幅1025px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1025px){
	
}

/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){
	
}

/*画面幅420px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:420px){

.year-list{
	border-bottom:solid 1px #666;
	padding:20px 0;
	text-align:center;
}
	
#news-box{
	padding:20px 0 40px 0!important;
}
#news-box dl {
	width:100%;
	border-bottom:dotted 1px #ccc;
	padding:10px 0px;
	clear:both;
	background:none;
}

/*日付設定*/
#news-box dt {
	float: left;	/*左に回り込み*/
	width: 100%;		/*幅*/
	letter-spacing: 0.1em;	/*文字間隔を少しだけ広くとる設定*/
	background:none;
}
/*記事設定*/
#news-box dd {
	padding-left: 0em;	/*左に空ける余白*/

}

}