@charset "UTF-8";

/* #topimg メイン画像 */
#news h1 { padding: 80px 0 50px; background: url(../images/bg_pattern1.png) no-repeat right top; background-size: 75%; }

/*  #news  */
#news article h2 { font-size:1.5rem; text-align: left; margin-bottom: 1em; padding: 0; background: none; color: var(--root-colorG); }
#news article { border-bottom: #666 solid 1px;padding-bottom: 3em; }
#news article p { margin-bottom: 1em; }
#news article .more_link { text-align: right; }
#news article .more_link .btn_link::after { content: '≫'; margin-left: 0.5em; }
#news article .content { margin-top: 2em; }
#news article .content,
#news article .more { font-size: 120%; }

#pagenav { justify-content: center; }
.pagination-link, .pagination-next, .pagination-previous {
  border-color: var(--root-color6);
  background-color: var(--root-color6);
  cursor: pointer;
}
.pagination-link a,
.pagination-next a,
.pagination-previous a,
.pagination-link a.current_page_number { color: #000; }
.pagination-link a:hover,
.pagination-next a:hover,
.pagination-previous a:hover,
.pagination-link a.current_page_number:hover { text-decoration: none; }

.pagination-link:hover,
.pagination-next:hover,
.pagination-previous:hover,
.pagination-link:has(.current_page_number) { background-color: #fff; text-decoration: none; }
.pagination-link:has(.current_page_number):hover { border-color: var(--root-color6); background-color: var(--root-color6); }

.pagination-next::after { content: '≫'; margin-left: 0.5em; }
.pagination-previous::before { content: '≪'; margin-right: 0.5em; }
.ellipsis {
    width: 12em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pagination-list li { cursor: pointer; }

@media screen and (min-width: 769px){
	.pagination-list {
		order: 2;
		flex-grow: inherit;
		flex-shrink: inherit;
		justify-content: inherit;
	}
	.pagination-previous { order: 1; }
	.pagination-link { order: 2; }
}
@media screen and (max-width: 768px){
	.pagination-next, .pagination-previous { flex-grow: inherit; }
}
