/* 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 { width: 100%; margin: 0; box-sizing: border-box; }
/* リスト */
ul#newsList li { width: 100%; text-align: left; line-height: 0; margin: 0 0 16px 0; padding: 16px; border-radius: 10px; display: inline-block; list-style-type: none; box-sizing: border-box; }
/* 日付 */
.up_ymd { color: #6fba2c; font-size: 17px; font-weight: 400; line-height: 1; text-align: left; font-family: 'Roboto Condensed', sans-serif; padding: 0; margin: 0 3px 3px 0; display: inline-block; white-space: nowrap; box-sizing: border-box; }
/* タイトル */
.title { color: #595959; font-size: 15px; font-weight: 700; text-align: left; line-height: 1.4; margin: 0 3px 0 0; display: inline-block; box-sizing: border-box; transition: 0.4s; }
.title:hover { opacity: 0.6; text-decoration: underline; }
/* カテゴリ表示 */
.catName { height: 22px; font-size: 13px; line-height: 1.4; font-weight: 700; margin: 4px 2px 0 0; padding: 0 4px; background-color: #fff; border: 2px solid; border-radius: 4px; display: inline-block; box-sizing: border-box; }
/* NEWマーク */
.newMark { height: 22px; color: #6fba2c; font-size: 13px; line-height: 1.4; font-weight: 700; margin: 4px 0 0 0; padding: 0 4px; background-color: #fff; border: 2px solid #6fba2c; border-radius: 4px; display: inline-block; box-sizing: border-box; }
/* 本文 */
.comment { color: #595959; font-size: 13px; font-weight: 500; text-align: left; line-height: 1.6; margin: 0; padding: 0; box-sizing: border-box; transition: 0.4s; }
/* リストに画像表示 */
.thumbNailWrap { margin: 8px 0; transition: 0.4s; }
.thumbNailWrap:hover { opacity: 0.6; }
.thumbNailWrap:hover +.comment { opacity: 0.6; }
/* Pager style */
.pager { display: flex; justify-content: flex-end; list-style-type: none; margin: 0; }
/*ページャーボタン*/
.pager a { width: 23px; height: 23px; background-color: #fff; border: 1px solid #6fba2c; color: #6fba2c; font-size: 12px; font-weight: 700; font-family: Roboto, "Droid Sans", 游ゴシック, YuGothic, メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; font-feature-settings: "palt"; text-decoration: none; margin: 0 0 12px 6px; display: flex; justify-content: center; align-items: center; transition: 0.4s; }
/*現在のページのボタン*/
.pager a.current{ width: 23px; height: 23px; border: 1px solid #6fba2c; color: #fff; background-color: #6fba2c; font-size: 12px; font-weight: 700; font-family: Roboto, "Droid Sans", 游ゴシック, YuGothic, メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; font-feature-settings: "palt"; text-decoration: none; margin: 0 0 12px 6px; display: flex; justify-content: center; align-items: center; transition: 0.4s; }
.pager a:hover { background: #6fba2c; color: #fff; }
.overPagerPattern { padding:0 2px; }
/*カテゴリボタン*/
.cat-0 { color: #808080; background-color: #fff; border: 2px solid #808080; box-sizing: border-box; }
.cat-1 { color: #CB4829; background-color: #FBF1EA; border: 2px solid #CB4829; box-sizing: border-box; }
.cat-2 { color: #6fba2c; background-color: #F3F7EE; border: 2px solid #6fba2c; box-sizing: border-box; }