@charset "utf-8";
/* 【PKOBO-News01】トップページ用
----------------------------------------------------*/
/*お知らせ一覧*/
.topics dt { padding-top: .8em; padding-bottom: .8em; float: left; }
.topics dd { border-bottom: var(--color-gray-light) 1px solid; padding-top: .8em; padding-bottom: .8em; }
.topics dd:last-of-type { border: none; }
@media (max-width: 767px) { /* SP */
.topics dt { float: none; padding: .7em 0 0; }
.topics dd { padding: .3em 0 .5em; }
}

.topics__title { margin: .4em 0; line-height: 1.5; }
.topics__data {}
.topics__comment { font-size: var(--16px); line-height: 1.5; word-break: break-all; margin-bottom: .5em; }
.topics__thumb { display: block; width: 100%; height: auto; overflow: hidden; margin: 1em 0; text-align: center; aspect-ratio: 4 / 3; object-fit: cover; }
.topics__thumb img { width: 100%; }
.topics__new { font-size: var(--14px); display: inline-block; border: 1px solid red; padding: .3em .5em; border-radius: 2px; line-height: 1; background: red; margin: 0 0 0 .5em; color: #fff; }
.topics__category { font-size: var(--14px);; display: inline-block; border: var(--color-gray-light) 1px solid; padding: .3em .5em; border-radius: 2px; line-height: 1; background: #fff; margin: 0 1em 0 0; }
.cat-0 .topics__category { background: #eee; }
.cat-1 .topics__category { background: #eee; }

/* 【PKOBO-News01】詳細ページ用
----------------------------------------------------*/
.topics__detail { width: min(100% - 3em, 800px); margin-inline: auto; padding-top: 4em; padding-bottom: 3em; }
.detail__title { font-size: var(--25px); line-height: 1.6; letter-spacing: 0; }
.detail__data { font-size: var(--16px); text-align: right; margin: 1em 0; padding: .5em; border-top: var(--color-gray-light) 1px dotted; border-bottom: var(--color-gray-light) 1px dotted; }
.detail__text { font-size: var(--16px); line-height: 2.0; }
.detail__upfile { margin: 2em 0; text-align: center; }
.detail__upfile img { max-width: 100%; height: auto; }

/* 【PKOBO-News01】ページャー用
----------------------------------------------------*/
.pager { text-align: right; padding: .5em; clear: both; }
/* ページャーボタン */
.pager a { font-size: var(--14px);; border: var(--color-gray-dark) 1px solid; border-radius: 2px; color: #333; padding: .3em .5em; text-decoration: none; margin: 0 .2em; }
/* 現在のページのボタン */
.pager a.current { background: var(--color-gray-dark); border: var(--color-gray-dark) 1px solid; border-radius: 2px; color: #fff; padding: .3em .5em; margin: 0 .2em; text-decoration: none; }
.pager a:hover { font-size: var(--14px);; background: var(--color-gray-dark); color: #fff; }
.overPagerPattern { padding: 0 .3em; }