@charset "utf-8";
/* 【PKOBO-News01】トップページ用
----------------------------------------------------*/
iframe#pkoboNews { width: 100%; border: none; }
.topics { overflow: hidden; }
.topics { border-bottom: #50461e 1px solid; margin-bottom: 10px; color: #50461e; }
.topics dt { border-top: #50461e 1px solid; padding-top: 15px; }
.topics dt:first-of-type { border: none; }
.topics dd { padding-top: 5px; padding-bottom: 15px; line-height: 1.3; }
.topics dd a { color: #50461e; font-weight: normal; }

@media (min-width:576px) { /* PC */
.topics dt { width: 15em; float: left; clear: both; }
.topics dd { padding-left: 15em; }
.topics dt,
.topics dd { font-size: 18px; line-height: 1.5; border-top: #50461e 1px solid; padding-top: 1em; padding-bottom: 1em; }
.topics dt,
.topics dd:first-of-type { border: none; }
}

.topics_top { overflow: hidden; }
.topics_top { border-bottom: #fff 1px solid; margin-bottom: 10px; color: #fff; }
.topics_top dt { border-top: #fff 1px solid; padding-top: 15px; }
.topics_top dt:first-of-type { border: none; }
.topics_top dd { padding-top: 5px; padding-bottom: 15px; line-height: 1.3; }
.topics_top dd a { color: #fff; font-weight: normal; }

@media (min-width:576px) { /* PC */
.topics_top dt { width: 15em; float: left; clear: both; }
.topics_top dd { padding-left: 15em; }
.topics_top dt,
.topics_top dd { font-size: 18px; line-height: 1.5; border-top: #fff 1px solid; padding-top: 1em; padding-bottom: 1em; }
.topics_top dt,
.topics_top dd:first-of-type { border: none; }
}

#newsWrap p { line-height: 1.5; }
.topics_margin { margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: #fff 1px solid; }
.topics_title { margin: .4em 0; font-weight: bold; }
.comment { font-size: 1.4rem; display: block; width: 100%; /* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */ }
.catName { font-size: 15px; color: #fff; display: inline-block; padding: .3em .5em; line-height: 1; margin: 0 1em 0 0; }
.cat-0 .catName { background: #3c8232; }
.cat-1 .catName { background: #50461e; }
.newMark { 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; }
.thumbNailWrap { display: block; width: 100%; height: auto; overflow: hidden; margin: .5em 0; }

.topics_button a {
 max-width: 530px;
 text-align: center;
 color: #3c8232;
 background: #fff;
 font-size: 18px;
 font-weight: bold;
 border-radius: 36px;
 padding: .5em 4em;
 margin: 2em auto 0;
 display: block;
 border: 1px solid #3c8232;
}
.topics_button a:hover { color: #fff; background: #3c8232; }


/* 【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】詳細ページ用
----------------------------------------------------*/
.topicsTitle { line-height: 1.6; letter-spacing: 0; }
.detailText { font-size: 1.6rem; line-height: 2.4; }
#up_ymd { text-align: right; font-size: 1.6rem; margin: 1em 0; padding: .5em; border-top: #ccc 1px dotted; border-bottom: #ccc 1px dotted; }
.detailUpfile { margin: 2em 0; text-align: center; }
.detailUpfile img { max-width: 100%; height: auto; }