@charset "utf-8";
/* CSS Document */
/*================================================
* style.css
================================================*/
.p-news_list_view {
    padding: 5px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.p-news_list_view:focus {
    outline: none;
}
.p-news__lists {
    margin-bottom: 40px;
}
.p-news__list {
	display: flex;
	flex-wrap: wrap;
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
}
.p-news__list_date {
	width: 120px;
}
.p-news__list_title {
	width: calc(100% - 120px);
	margin-bottom: 20px;
}
.p-news__list_title a {
	color: #333;
}
.p-news__for_detail_btn {
	color: #333;
	background-color: #f1f1f1;
	text-decoration: none;
	padding: 10px 20px;
}
.p-news__for_detail_btn:after {
	content: url(../img/btn_arrow.png);
}
.p-news__for_detail_btn:hover {
	color: #ffffff;
	background-color: #444444;
}
.p-news__for_detail_btn:hover:after {
	content: url(../img/btn_arrow_on.png);
}

.c-pager__wrap {
    display: flex;
    color: #797979;
	justify-content: center;
	margin-bottom: 50px;
}
.c-pager__false {
    color: #bababa;
    cursor: default;
}
.c-pager__false:hover {
    text-decoration: underline;
}
.c-pager__true {
    color: #797979;
}
.c-pager__prev {
    margin-right: 20px;
}
.c-pager__back {
    margin-left: 20px;
}
.c-page_back {
	padding: 8px 10px;
	border: 1px solid #797979;
	color: #797979;
	text-decoration: none;
}
.c-page_back:hover {
	background-color: #797979;
	color: #ffffff;
}

.hide {
    /* 表示の切り替えに使用する */
    display: none;
}

@media only screen and (max-width: 640px) {
	.p-top_news {
		margin-bottom: 40px;
	}
	.p-news__title {
		margin-right: 20px;
	}
	.p-news__lists {
		display: block;
	}
	.p-news__list_title {
		width: 100%;
		margin-bottom: 20px;
	}
}