#news-wrap{width: 100%; height: 104%;}
#news-list{
	width: 100%;
	height: 100%;
	margin: 0; padding: 0;
	color: dimgray;
	font-size: calc(var(--font-base) * 0.7);
	display: block;
	position: absolute;
	overflow-wrap: break-word;
}
.news-block{
	margin: 0; padding: 0;
	display: block;
	position: absolute;
	width: 100%;
	height: 10%;
	overflow-wrap: break-word;
}
#news-block0{top: 0%;}
#news-block1{top: 10%;}
#news-block2{top: 20%;}
#news-block3{top: 30%;}
#news-block4{top: 40%;}
#news-block5{top: 50%;}
#news-block6{top: 60%;}
#news-block7{top: 70%;}
#news-block8{top: 80%;}
#news-block9{top: 90%;}

.up_ymd{
	display: block;
	position: absolute;
	top: 35%;
	left: 15%;
	transform: translate(-50%,0);
}
.newMark{
	display: block;
	position: absolute;
	top: 20%;
	left: 15%;
	transform: translate(-50%,0);
	border:1px solid steelblue;
	padding:1px 4px;
	font-size:calc(var(--font-base) * 0.5);
	background:steelblue;
	color:#fff;
	border-radius: calc(var(--font-base) * 0.2);
	font-style:italic;
}
.news-title{
	display: block;
	position: absolute;
	text-align: center;
	width: 100%;
	top: 55%;
	left: 15%;
	transform: translate(-50%,0);
	font-size: calc(var(--font-base) * 1.2);
	color: steelblue;
}
.news-summary{
	display: block;
	position: absolute;
	width: 70%; left:30%;
	top:0%; height: 100%;
}
.thumbNailWrap{
	width: calc(var(--content-width) * 0.25);
	height: calc(var(--content-width) * 0.15);
	display: block;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(0,-50%);
	overflow: hidden;
	text-align: center;
}
.thumbNail{
	display: block;
	position: absolute;
	margin: 0; padding: 0;
	width: calc(var(--content-width) * 0.25);
	height: calc(var(--content-width) * 0.15);
	object-fit: cover;
}
.comment{
	display: block;
	position: absolute;
	width: calc(var(--content-width) * 0.30);
	height: calc(var(--content-width) * 0.1);
	top: 50%;
	left: calc(var(--content-width) * 0.30);
	transform: translate(0,-50%);
}

/* Pager style（外部化可） */
.pager{
	text-align:right;
	padding:calc(var(--font-base) * 0.2);
	clear:both;
}
/*ページャーボタン*/
.pager a{
    border: 1px solid dimgray;
    border-radius: calc(var(--font-base) * 0.2);
    color: steelblue;
    font-size: calc(var(--font-base) * 0.8);
    padding:calc(var(--font-base) * 0.2);
    margin: 0 calc(var(--font-base) * 0.1);
    text-decoration: none;
}

/*現在のページのボタン*/
.pager a.current{
    background: dimgray;
    border: 1px solid dimgray;
    color: white;
    padding:calc(var(--font-base) * 0.2);
    margin: 0 calc(var(--font-base) * 0.1);
    text-decoration: none;
}

.pager a:hover{
    background:dimgray;
    color: white;
}

.overPagerPattern{
	padding:0 2px ;
}

/* /Pager style */