@charset "UTF-8";




/*◎769px以上*/
@media screen and (min-width: 769px) {
}

/*◎769〜1240の間の幅*/
@media screen and (min-width: 769px) and (max-width: 1240px){
}

/* ------------------------------------------------------------------------------- */
/* お知らせ */
/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

ul#newsList{
	margin:0 0 15px;
	padding:0;
}
ul#newsList li{
	border-top: solid 1px var(--gray-el);
  padding: 1.8rem 0;
}
ul#newsList li:last-child{border-bottom: solid 1px var(--gray-el);}
.up_ymd{
	color: var(--main-c);
	font-size: var(--font14);
	font-weight: 500;
	margin-right: 0.8rem;
}
/*◎751px以下*/
@media screen and (max-width: 751px) {
.up_ymd{line-height: 2rem;}
}

.title{letter-spacing: 0.15rem;font-weight: 400;}
.title a:hover{opacity: 0.6;}
.catName{
	display:inline-block;
	padding:2px 0.5rem 3px 0.5rem;
	border:1px solid var(--gray-el);
	border-radius:0.2rem;
	font-size:var(--font10);
	margin-right: 0.5rem;
}
.newMark{
	display:inline-block;
	padding:1px 0.5rem 3px 0.5rem;
	font-size:11px;
	line-height:100%;
	background:var(--red);
	color:#fff;
	border-radius:8px;
}
.comment{
	display:block;
	padding:3px 0;
	float:left;
	overflow:hidden;
	width:500px;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}
.thumbNailWrap{
	display:block;
	width:110px;
	float:left;
	height:80px;
	overflow:hidden;
}