@charset "utf-8";
/* 【PKOBO-News01】トップページ用
----------------------------------------------------*/
.topics { width: 100%; }

.topics dl { border-top: var(--mainColor) 1px solid; border-bottom: var(--mainColor) 1px solid; }
.topics dt { width: 14em; border-top: var(--mainColor) 1px solid; padding-top: .5em; float: left; clear: both; }
.topics dd { padding-left: 14em; }
.topics dt,
.topics dd { border-bottom: var(--mainColor) 1px solid; padding: 1.5em 3em; }
.topics dt,
.topics dd:last-of-type { border: none; }

@media (min-width: 768px) { /* PC */

}

@media (max-width: 767px) { /* SP */
.topics dt { float: none; padding: .7em 0 0; }
.topics dd { padding: .3em 0 .5em; }
}

.topics__flex { display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: #ccc 1px solid; }
.topics__flex__20 { width: 20%; }
.topics__flex__30 { width: 30%; margin-top: 3em; }
.topics__flex__75 { width: 75%; margin-top: 1em; }
@media (max-width: 767px) { /* SP */
.topics__flex__20,
.topics__flex__30,
.topics__flex__75 { width: 100%; }
}

.topics__title a { color: #000; }
.topics__title { margin: .4em 0; line-height: 1.5; }
.topics__data { color: var(--mainColor); }
.topics__comment { font-size: 1.4rem; 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; }
.topics__new { font-size: 1.2rem; display: inline-block; border: 1px solid #F00; padding: .3em .5em; border-radius: 2px; line-height: 1; background: #F00; margin: 0 0 0 .5em; color: #fff; }
.topics__category { font-size: 1.3rem; display: inline-block; border: 1px solid var(--mainColor); 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;}

.topics__button { text-align: center; width: 80%; margin: auto; border: var(--mainColor) 1px solid; margin-top: 3em; }
.topics__button a { text-align: center; color: var(--mainColor); display: block; padding: 1em; }
.topics__button a:hover { background: var(--mainColor); color: #fff; transition: .3s; }

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


/* 【PKOBO-News01】詳細ページ用
----------------------------------------------------*/
.topics__detail { width: min(100%, 800px); margin-inline: auto; }
.topics__detail__title { font-size: 2.4rem; line-height: 1.6; letter-spacing: 0; }
.topics__detail__data { text-align: right; font-size: 1.6rem; margin: 1em 0; padding: .5em; border-top: #ccc 1px dotted; border-bottom: #ccc 1px dotted; }
.topics__detail__text { font-size: 1.6rem; line-height: 2.0; }
.topics__detail__upfile { margin: 2em 0; text-align: center; }
.topics__detail__upfile img { max-width: 100%; height: auto; }