/*******************************************
*
* css for お知らせ
* ver 01
*
********************************************/
@charset "UTF-8";


#topImage {
	background-image: url("../images/ttlbg/news.png")
}


/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	/*h2.copyTxt{
		padding:0 20px;
	}


	#contentBody > .innerFrame{
		padding:0 0;
	}*/

}


/* ==========================================================
*
* お知らせ一覧
*
========================================================== */

dl.dateList{
	width:1000px;
	margin:0 auto 40px;
}


/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	dl.dateList{
		width:100%;
		margin:0 auto 40px;
	}

}


/*------------------------------------------
 アーカイブリスト
 ------------------------------------------*/
#archiveList{
	display:block;
	overflow:hidden;
	width:1000px;
	margin:0 auto;
	text-align:center;
	/*padding:0.5em 0;
	margin:30px 0 15px;*/
}

#archiveList > ul{
	display:block;
	overflow:hidden;
	letter-spacing: -.4em;
}

#archiveList > ul > li{
	display:inline-block;
	overflow: hidden;
	letter-spacing:normal;
	padding:5px 5px;
}

#archiveList > ul > li > a{
	display:block;
	overflow: hidden;
	min-width:10em;
	position:relative;
	color:#000000;

	text-align:center;
	padding:0.5em 1em;
	font-size:1.8rem;
	line-height:125%;
	border:1px solid #333333;
}


#archiveList li > a:hover{
	text-decoration:none;
	color:#ffffff;
	background-color:#000000;
}

#archiveList li > a:after{
	display:inline-block;
	content: "\e902";
	color:#fa0046;
	position:absolute;
    top:50%;
    right:1em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

#archiveList li.current > a{
	pointer-events:none;
	color:#ffffff;
	background-color:#000000;
}

.n2020 #archiveList a[href$="/2020/"],
.n2019 #archiveList a[href$="/2019/"],
.n2018 #archiveList a[href$="/2018/"],
.n2017 #archiveList a[href$="/2017/"],
.n2016 #archiveList a[href$="/2016/"]{
	pointer-events:none;
	color:#ffffff;
	background-color:#000000;
}


/* for SP ---------------------------------*/
@media screen and ( max-width:896px) {

	#archiveList{
		padding:0 20px;
		width:100%;
	}

	#archiveList > ul > li{
		width:50%;
	}

	#archiveList > ul > li > a{
		font-size:1.6rem;
		padding:0.5em 0.25em;
	}

	#archiveList li > a:after{
		display:block;
		content: "\e901";
		color:#fa0046;
		position:relative;
	    top:auto;
	    right:auto;
	    transform:none;
	    -webkit-transform:none;
	}
}



/* ==========================================================
*
* お知らせ 詳細
*
========================================================== */


/* for SP --------------------------*/
@media screen and ( max-width:896px) {


}