@charset 'utf-8';

/* common
------------------------------------------------ */
#page_title { background-image: url(../../img/news/title_bg.jpg); }

/* news
------------------------------------------------ */
.news__sort { margin-bottom: 30px; }

.news__sort select {
	height: 40px;
	padding: 0 13px;
	font-size: 1.6rem;
	border: 1px solid #ced4da;
	border-radius: 5px;
}

.news__sort option { background: #f0f0f0; }

.news__sort--name {
	margin-bottom: 5px;
	display: block;
	font-size: 1.4rem;
}

.news__sort--date {
	margin-right: 20px;
	display: inline-block;
	vertical-align: top;
}

.news__sort--date .date--select { width: 120px; }

.news__sort--cat {
	display: inline-block;
	vertical-align: top;
}

.news__sort--cat .cat--select { width: 220px; }

.news__list {
	margin-bottom: 55px;
	border-bottom: 1px solid #ccc;
}

.news__item {
	padding: 30px 3%;
	border-top: 1px solid #ccc;
}

.news__item--title {
	display: table;
	padding-bottom: 3px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #03579e;
	border-bottom: 1px solid #03579e;
}

.news__item p {
	font-size: 1.4rem;
	line-height: 1.85;
	color: #666;
}

.news__item--date {
	margin-right: 20px;
	display: inline-block;
	font-size: 1.6rem;
	vertical-align: middle;
}

.news__item--cat {
	padding: 0 14px;
	display: inline-block;
	font-size: 1.2rem;
	background: #e1e1e1;
	vertical-align: middle;
}

.news__pagination { text-align: center; }

.news__pagination li {
	margin: 5px;
	display: inline-block;
	background: url(../../img/share/contact_submit_btn.png) repeat;
	/* -webkit-clip-path: polygon(80% 0, 100% 50%, 80% 100%, 20% 100%, 0 50%, 20% 0);
	clip-path: polygon(80% 0, 100% 50%, 80% 100%, 20% 100%, 0 50%, 20% 0); */
}

.news__pagination li.next,
.news__pagination li.prev { /* -webkit-clip-path: polygon(95% 0, 100% 50%, 95% 100%, 5% 100%, 0 50%, 5% 0);
	clip-path: polygon(95% 0, 100% 50%, 95% 100%, 5% 100%, 0 50%, 5% 0); */
}

.news__pagination li a,
.news__pagination li span {
	display: block;
	padding: 6px 10px;
	min-width: 50px;
	font-size: 1.6rem;
	text-align: center;
	color: #fff;
}

.news__pagination li.next a,
.news__pagination li.prev a { width: 200px; }

.news__pagination li.current { background: #e8e8e8; }

.news__pagination li.current span { color: #000; }

.wp-pagenavi { text-align: center; }

.wp-pagenavi span,
.wp-pagenavi a {
	margin: 5px;
	display: inline-block;
	background: url(../../img/share/contact_submit_btn.png) repeat;
	padding: 6px 10px;
	min-width: 50px;
	font-size: 1.6rem;
	text-align: center;
	color: #fff;
}


.wp-pagenavi .nextpostslink,
.wp-pagenavi .first { width: 200px; }

.wp-pagenavi .current {
	background: #e8e8e8;
	color: #000;
}

.news__detail--pht {
	margin-bottom: 30px;
	text-align: center;
}

.news__detail--content {
	margin-top: 20px;
	margin-bottom: 35px;
	padding: 35px 3% 20px;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	font-size: 1.6rem;
	line-height: 1.87;
	color: #666;
}

.news__detail--content p { margin-bottom: 30px; }

.news__detail--cat {
	float: left;
	margin-left: 3%;
	padding: 1px 12px;
	display: inline-block;
	font-size: 1.2rem;
	vertical-align: top;
	background: #e1e1e1;
}

.news__detail--date {
	float: right;
	margin-right: 3%;
	display: inline-block;
	font-size: 1.6rem;
	vertical-align: top;
}

.sort-btn {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 1%;
}

.sort-btn input {
	height: 40px;
	padding: 0 13px;
	font-size: 1.6rem;
	border: 1px solid #ced4da;
	border-radius: 5px;
	background-color: #fafafa;
	cursor: pointer;
}

@media screen and (max-width: 1000px) and (min-width: 769px) {
}

@media screen and (max-width: 768px) {

	.news__sort select {
		font-size: 1.2rem;
		padding: 0 10px;
	}

	.news__sort--name {
		font-size: 1.2rem;
		padding-right: 2%;
		display: inline-block;
	}

	.news__sort--date,
	.news__sort--cat {
		margin-right: 0;
		white-space: nowrap;
		padding-right: 4%;
	}

	.news__sort--date .date--select,
	.news__sort--cat .cat--select {
		width: auto;
		display: inline-block;
	}


	.sort-btn {
		clear: both;
		padding-top: 4%;
		display: block;
	}

	.sort-btn input {
		font-size: 14px;
		width: 99%;
	}

	.news__item--date { font-size: 1.4rem; }

	.news__item--title { font-size: 1.4rem; }

	.news__item p { font-size: 1.2rem; }

	.news__pagination li { margin: 0 2px 10px; }

	.news__pagination li.next a,
	 .news__pagination li.prev a { width: 100px; }

	.news__pagination li a,
	.news__pagination li span {
		padding: 3px 5px;
		min-width: 30px;
		font-size: 1rem
	}

	.news__detail--content { padding: 35px 10px 20px; }

	.news__detail--content p { font-size: 1.2rem; }
	
	/* add 231026 */
	.news__detail--content li { font-size: 1.2rem; }
	
	/* add 231101 */
	.news__detail--content a {
		overflow-wrap: break-word;
		word-break: break-word;
	}

	.news__detail--cat { margin-left: 10px; }

	.news__detail--date {
		margin-right: 10px;
		font-size: 1.4rem;
	}

	.wp-pagenavi span,
	.wp-pagenavi a {
		padding: 3px 5px;
		min-width: 30px;
		font-size: 1rem
	}

	.wp-pagenavi .nextpostslink,
	.wp-pagenavi .first { width: 100px; }

}