@charset "UTF-8";
/* CSS Document */
#header_page { height: 450px; position: relative; top: 0; background-image: url("../common/img/bg_header2.jpg"); background-repeat: no-repeat; background-size: cover; width: 100%; }

@media screen and (max-width: 450px) { #header_page { height: 200px; } }
#newsList2 { display: grid; grid-template-columns: 17em 1fr; }
@media only screen and (max-width: 768px) { #newsList2 { grid-template-columns: 1fr; } }
#newsList2 dt { display: flex; align-items: center; border-bottom: 1px solid #999; padding: 1.5em 0.5em; }
@media only screen and (max-width: 768px) { #newsList2 dt { border-bottom: none; padding: 1.5em 0.5em 0; } }
#newsList2 dt .up_ymd { margin-right: 1em; width: 4em; }
#newsList2 dt .newMark { display: block; padding: 3px 1em; font-size: 90%; font-weight: 700; line-height: 1; background: #C7D882; color: #162A41; border-radius: 20px; margin-right: 1em; }
#newsList2 dt .catName { width: 7em; text-align: center; font-size: 0.8em; display: block; }
#newsList2 dt.cat-4 .catName { background: rgba(221, 114, 14, 0.3); }
#newsList2 dt.cat-5 .catName { background: rgba(46, 143, 255, 0.3); }
#newsList2 dd { border-bottom: 1px solid #999; padding: 1.5em 0.5em; }
@media only screen and (max-width: 768px) { #newsList2 dd { padding: 1em 0.5em 1.5em; } }
#newsList2 dd a { color: #707070; text-decoration: underline; }
#newsList2 dd a:hover { color: #039; text-decoration: none; }

/*Newマーク（投稿から10日間表示）*/
/*テキスト抜粋（非表示）*/
.comment { display: block; padding: 3px 0; float: left; overflow: hidden; width: 500px; /* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */ }

/*サムネ（非表示）*/
.thumbNailWrap { display: block; width: 110px; float: left; height: 80px; overflow: hidden; }

@media screen and (max-width: 450px) { #newsList li .title { display: block; } }
/* 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; }