@charset "UTF-8";
.cases { max-width: 1080px; }

/*__________index_____________*/
/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.clearfix { display: inline-block; }

/* for macIE \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

ul#newsList { margin: 0 0 15px; padding: 0; }

ul#newsList li { color: #666; font-size: 12px; margin: 0; padding: 20px 0; list-style-type: none; border-bottom: dashed 1px #000; }

h3.title { margin: 5px 0; line-height: 1.2; font-size: 20px; }

.catName { display: block; color: #9A8B76; }

.comment { display: block; padding: 3px 0; float: left; overflow: hidden; width: 500px; /* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */ }

.thumbNailWrap { display: block; overflow: hidden; }

.thumbNailWrap img { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -o-object-fit: cover; object-fit: cover; width: 200px; height: 150px; }

.thumbNailWrap a:hover img { opacity: 0.7; }

/* Pager style（外部化可） */
.pager { text-align: right; padding: 10px; clear: both; }

/*ページャーボタン*/
.pager a { border: 1px solid #999; border-radius: 5px 5px 5px 5px; color: #333; font-size: 12px; padding: 3px 7px 2px; text-decoration: none; margin: 0 1px; }

/*現在のページのボタン*/
.pager a.current { background: #999; border: 1px solid #999; border-radius: 5px 5px 5px 5px; color: #fff; font-size: 12px; padding: 3px 7px 2px; margin: 0 1px; text-decoration: none; }

.pager a:hover { background: #999; color: #fff; }

.overPagerPattern { padding: 0 2px; }

/* /Pager style */
@media screen and (max-width: 600px) { #newsList { text-align: center; }
  #newsList .thumbNailWrap { margin: auto; } }

/*__________detail_____________*/
#up_ymd { text-align: right; font-size: 13px; margin: 5px 10px; }

.detailBox { padding: 20px 0; border-bottom: dashed 1px #000; }

.detailUpfile { padding: 15px; }

.backORcloseBtn { text-align: center; line-height: 100%; margin: 30px 0; }

.detailUpfile img { max-width: 100%; height: auto; }

.pNav { font-size: 11px; }