@charset "utf-8";
/* 【PKOBO-News01】トップページ用
----------------------------------------------------*/
iframe#pkoboNews { width: 100%; border: none; }
.topics { overflow: hidden; }
.topics { border-bottom: #ccc 1px solid; margin-bottom: 10px; }
.topics dt { border-top: #ccc 1px solid; padding-top: 15px; color: #00B3EC; }
.topics dt:first-of-type { border: none; }
.topics dd { padding-top: 5px; padding-bottom: 15px; }
.topics dd a { color: #787574; text-decoration: underline; }

@media (min-width:576px) { /* PC */
.topics dt { width: 200px; float: left; clear: both; }
.topics dd { padding-left: 200px; }
.topics dt,
.topics dd { border-top: #ccc 1px solid; padding-top: 10px; padding-bottom: 10px; font-size: 1.6rem; }
.topics dt,
.topics dd:first-of-type { border: none; }
}

.catName { display: inline-block; padding: 4px 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 1.2rem; line-height: 1; margin: 0 10px; background: #fff; }
.newMark { display: inline-block; border: 1px solid #F00; padding: 1px 4px; font-size: 1.2rem; line-height: 1; background: #F00; color: #fff; border-radius: 4px; }
.comment { display: block; padding: 3px 0; float: left; overflow: hidden; width: 100%; /* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */ }
.thumbNailWrap { display: block; width: 110px; float: left; height: 80px; overflow: hidden; }


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


/* 【PKOBO-News01】詳細ページ用
----------------------------------------------------*/
h2.topicsTitle { line-height: 1.6; letter-spacing: 0; }
.detailText { font-size: 1.6rem; line-height: 2.0; }
#up_ymd { text-align: right; font-size: 1.4rem; margin: 15px 0; padding: 5px 10px; border-top: #ccc 1px dotted; border-bottom: #ccc 1px dotted; }
.detailUpfile { margin: 20px 0; text-align: center; }
.detailUpfile img { max-width: 100%; height: auto; }