/* column_article_sidemenu.css */
@charset "UTF-8";


.col2 .sideArea{
	width:3rem!important;
}
.col2 .sideArea *{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
.col2 .sideArea h2{
	font-size:16px;
	font-weight:bold;
	font-family: "Oswald",Roboto, "Noto Sans JP", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	margin-bottom:30px;
}
.col2 .sideArea #goArticleArchiveBlock{
	display: flex;
	justify-content: center;
	margin-top: 3.0em;
}

/* ================= */
.sideArea #articleList{
	display:block;
}
.sideArea ul#articleList > li{
	display:block;
	list-style:none;
	padding-bottom:15px;
	border-bottom: 1px dotted #666666;
	margin-bottom:15px;
}
.sideArea ul#articleList > li:nth-child(n + 8){/* !!! */
	display:none;
}
.sideArea ul#articleList > li a.articleUnit{
	display:block;
	width:100%;
	padding: 0rem 0rem .0rem 0rem;
}
.sideArea ul#articleList > li a.articleUnit .imgArea{
	display:none;
}
.sideArea ul#articleList > li a.articleUnit .imgArea img{
	display:none;
}
.sideArea ul#articleList > li a.articleUnit .textArea{
	display:block;
}
.sideArea ul#articleList > li a.articleUnit .textArea .dateArea{
}
.sideArea ul#articleList > li a.articleUnit .textArea .dateArea p.volumeNum{
	font-family: "Oswald", sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:1em;
	display:inline-block;
	padding: 3px;
	border:solid 1px #999999;
}
.sideArea ul#articleList > li a.articleUnit .textArea .dateArea p.releaseDate{
	display:none;
}
.sideArea ul#articleList > li a.articleUnit .textArea p.titleText{
	font-size:16px;
	letter-spacing:0.01em;
	line-height:1.5em;
	padding: .1rem 0rem 0rem 0rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;      /* 垂直方向に配置 */
	overflow: hidden;                  /* 溢れた部分を隠す */
	text-overflow: ellipsis;           /* 溢れた部分に「...」を表示 */
	-webkit-line-clamp: 3;             /* 最大行数を3行に設定 */
}
.sideArea ul#articleList > li a.articleUnit .textArea p.discriptionText{
	display:none;
}
.sideArea ul#articleList > li a.articleUnit .textArea .tagList{
	display:none;
}
.sideArea ul#articleList > li a.articleUnit .textArea .tagList li{
	display:none;
}
.sideArea ul#articleList > li a.articleUnit .textArea p.readmoreText{
	display:none;
}

/* OVER WRITE */
@media print, screen and (min-width: 981px) {
	.subpageMainArea .col2 .sideArea {
		margin: 0 0 0 0;
		order: 1;
		width: 3.5rem;
		padding-right: 0.5rem;
	}
}
@media print, screen and (max-width: 980px) {
	.column > .subpageMainArea > .col2 > .sideArea {
		width: auto!important;
	}
	.col2 .sideArea #goArticleArchiveBlock{
		margin-bottom: 3.0em;
	}
}










































/* ===================================================================== */
/* スマホ用 */
/* ===================================================================== */
@media screen and (max-width: 980px) {
	.sideArea #latestArticle a.articleUnit{
		display:block;
	}
	.sideArea #latestArticle a.articleUnit img{
		width:100%;
	}
	.sideArea #latestArticle a.articleUnit .textArea{
		display:block;
		width:100%;
	}
	.sideArea #articleList{
		display:block;
	}
	.sideArea ul#articleList > li{
		display:block;
		width:100%;
	}

}