@charset "utf-8";
/* 【PKOBO-News01】トップページ用
----------------------------------------------------*/
iframe#pkoboNews { width: 100%; border: none; }
@media (min-width:576px) { /* PC */
iframe#pkoboNews { width: 73%; }
}

#newsWrap { margin-bottom: 30px; }
.topics { overflow: hidden; }
.topics { border-bottom: #ccc 1px solid; }
.topics dt { border-top: #ccc 1px solid; padding-top: 15px; }
.topics dt:first-of-type { border: none; }
.topics dd { padding-top: 5px; padding-bottom: 15px; }

@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; }
.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】詳細ページ用
----------------------------------------------------*/
.detailText { font-size: 1.6rem; line-height: 1.6; }
#up_ymd { text-align: right; font-size: 1.4rem; margin: 5px 10px 20px; }
.detailUpfile { margin: 25px 0 35px; text-align: center; }
.backORcloseBtn { text-align: center; line-height: 100%; margin-top: 15px; }
.backORcloseBtn a { display: inline-block; padding: 4px 15px; border: 1px solid #aaa; color: #999; border-radius: 6px; text-decoration: none; font-size: 12px; }
.detailUpfile img { max-width: 100%; height: auto; }
.pNav { font-size: 11rem; }