@charset "UTF-8";

#title h2::before {
    content:url(../common/img/news.png);
    display:inline-block;
    transform-origin:bottom left;
}
#newsList {
    width:100%;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}

#newsList li {
    width:45%;
    display:flex;
    justify-content:space-between;
    margin-top:60px;
}
#newsList li:nth-of-type(1),
#newsList li:nth-of-type(2) {
    margin-top:0;
}
.image {
    width:30%;
}
.image img {
    height:120px;
    object-fit:cover;
}
.textWrap {
    width:60%;
}

.newMark {
    color:#FFF;
    background-color:#ff4b4b;
    padding:5px;
}
.catName {
    background-color:#fbfcd2;
    padding:5px;
}
.title {
    display:inline-block;
    margin-top:10px;
}
#newsdetail > div {
	padding:20px;
	margin-bottom:20px;
	background-color:#ffa251;
}
#newsdetail h2 {
	color:#FFF;
	margin-bottom:0;
}
section {
	margin-top:0;
}
#newsdetail #up_ymd {
	margin-top:10px;
}
#detail {
	margin:40px 0 80px;
}
.detailUpfile {
	margin-top:80px;
}
.backORcloseBtn {
}

/* Pager style（外部化可） */
.pager{
	text-align:right;
	padding:10px;
	clear:both;
}
/*ページャーボタン*/
.pager a{
    border:1px solid #999;
    border-radius: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;
    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 ;	
}


@media (max-width: 768px){
	#newsList {
		display:block;
	}
	#newsWrap #newsList li {
		width:100%;
		margin-top:40px;
	}
	.image {
		width:35%;
	}
	.clearfix::after {
		content:none;
	}
}