@charset "UTF-8";

/*****************************************************************************
 news 
 *****************************************************************************/

.news-category {
	display: flex;
	align-items: center;
	max-width: 880px;
	margin: -40px auto 0;
	padding: 16px 30px;
	background: #ffffff;
}
.news-category p{
	margin-right: 60px;
	margin-left: 60px;
}
.news-category form{
	padding: 0 0 0 40px;
	position: relative;
	flex:1;
}
.news-category form::before{
	content: "";
	display: block;
	width: 1px;
	height: 29px;
	/*height: 100%;*/
	position: absolute;
	top:50%;
	left: 0;
	transform: translateY(-50%);
	background: #b9a978;
}
.news-category form select{
	width: 100%;
	font-size: 1.6rem;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent;
	vertical-align: middle;
	color: inherit;
	line-height: 1.5;
	/*margin-top: -8px;*/
	cursor: pointer;
	font-family: 'Noto Sans JP', sans-serif;
	padding: 12px;
	position: relative;
}
.news-category form select::-ms-expand {
    display: none;
}
.news-category form::after{
	content: "";
	display: inline-block;
	width: 10px;
	height: 6px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background:url(/assets/img/news/arrow-select.png) no-repeat right center;
	background-size: 100% 100%;
}
@media screen and (max-width: 900px) {
.news-category {
	padding: 10px 20px 0;
}	
.news-category p{
	margin-right: 30px;
	margin-left: 30px;
}
.news-category form{
	padding: 0 0 0 20px;
}
.news-category form select{
	padding: 12px;
}
}
@media screen and (max-width: 500px) {
.news-category {
	display: block;
	padding: 20px;
}
.news-category p{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
	text-align: center;
}
.news-category form{
	padding: 0;
}
.news-category form::before{
	width: 100%;
	height: 1px;
	position: absolute;
	top:0;
	left: 0;
	transform: translate(0);
}
.news-category form select{
	width: 100%;
}
.news-category form::after{
}
}

.news {
	max-width: 1100px;
	margin: 0 auto;
}
.newsList{
	margin: 50px auto;
	background: #ffffff;
}
.newsList__item{
	display: flex;
	padding: 40px 70px 40px 40px;
	border-top: 1px solid #f4f4f6;
	border-bottom: 1px solid #f4f4f6;
}
.newsList__item:hover{
	cursor: pointer;
}
.newsList__item-img{
	width: 275px;
	height: 200px;
	overflow: hidden;
	margin-right: 40px;
	transition: all .4s cubic-bezier(0.3,0.4,0.1,1);
}
.newsList__item-img img{
	width: 100%;
}
.newsList__item:hover .newsList__item-img{
	opacity: 0.6;
}
.newsList__item-txt{
	flex: 1;
	padding: 25px 0;
}
.newsList__item-class{
	display: flex;
}
.newsList__item-date a,
.newsList__item-cate a,
.newsList__item-title a,
.newsList__item-body a{
	transition: all .4s cubic-bezier(0.3,0.4,0.1,1);
}
.newsList__item-date a,
.newsList__item-title a,
.newsList__item-body a{
	color: #333333;
}
.newsList__item:hover .newsList__item-date a,
.newsList__item:hover .newsList__item-title a,
.newsList__item:hover .newsList__item-body a{
	color: #96854e;
}
.newsList__item-date{
	margin-top: 6px;
	margin-right: 12px;
	margin-bottom: 15px;
	font-size: 1.8rem;
	line-height: 1;
}
.newsList__item-cate{
	margin-bottom: 15px;
}
.newsList__item-cate a{
	padding: 4px 30px 5px;
	font-size: 1.4rem;
	border: 1px solid #ab9d71;
	border-radius: 15px;
	line-height: 1.5;
	color: #ffffff;
	text-align: center;
	background: #ab9d71;
}
.newsList__item:hover .newsList__item-cate a{
	color: #ab9d71;
	background: #ffffff;
}
.newsList__item-title{
	font-size: 2.3rem;
	line-height: 1.75;
}
.newsList__item-body{
	font-size: 1.6rem;
	line-height: 1.75;
	margin-top: 10px;
}
@media screen and (max-width: 900px) {
.newsList{
	margin: 30px auto;
}
.newsList__item{
	padding: 30px 60px 30px 30px;
}
.newsList__item-img{
	width: 220px;
	margin-right: 30px;
}
.newsList__item-txt{
	padding: 15px 0;
}
.newsList__item-class{
	display: block;
}
}
@media screen and (max-width: 640px) {
.newsList__item{
	display: block;
	padding: 30px;
}
.newsList__item-img{
	width: 100%;
	max-width: 400px;
	margin: 0 auto 30px;
}
.newsList__item-txt{
	padding: 15px 0 0;
}
}


page-nav {
margin: 130px 0;
}
@media screen and (max-width: 500px) {
.page-nav {
margin: 50px 0;
}
}
.page-nav ul {
display: flex;
justify-content: center;
margin-left: -5px;
}
.page-nav li {
width: 40px;
height: 40px;
padding-left: 5px;
font-size: 1.4rem;
}
.page-nav li a,
.page-nav li span {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
box-sizing: border-box;
}
.page-nav li a {
color: #333333;
background: #ffffff;
transition: .6s;
}
.page-nav li a:hover {
color: #ffffff;
background: #a79357;
}
.page-nav li span {
background: #96854e;
color: #ffffff;
}
.page-nav .link_before,
.page-nav .link_next {
background: transparent;
line-height: 0;
}
.page-nav .link_before:hover,
.page-nav .link_next:hover {
background: transparent;
}
.page-nav .link_before:hover img,
.page-nav .link_next:hover img{
	opacity: 0.6;
}



/* 個別記事 */
.newsEntry-wrapper{
	margin: 0 auto;
	padding: 50px 0;
}
.newsEntry{
	padding: 70px 105px;
	background: #ffffff;
}
/*
.newsEntry-img{
	margin: 40px auto 70px;
	text-align: center;
}
*/
.newsEntry-class{
	display: flex;
}
.newsEntry-date{
	margin-top: 6px;
	margin-right: 12px;
	margin-bottom: 15px;
	font-size: 1.8rem;
	line-height: 1;
}
.newsEntry-cate{
	margin-bottom: 15px;
}
.newsEntry-cate span{
	padding: 4px 30px 5px;
	font-size: 1.4rem;
	border: 1px solid #ab9d71;
	border-radius: 15px;
	line-height: 1.5;
	color: #ffffff;
	text-align: center;
	background: #ab9d71;
}
.newsEntry-title{
	font-size: 2.3rem;
	line-height: 1.75;
	padding-bottom: 30px;
	border-bottom: 4px solid #f4f4f6;
	margin-bottom: 40px;
}
.newsEntry-body{
	font-size: 1.6rem;
	line-height: 1.75;
	margin-top: 10px;
}
.newsEntry-body p{
	margin-bottom: 25px;
}
@media screen and (max-width: 900px) {
.newsEntry-wrapper{
	padding: 30px 0;
}
.newsEntry{
	padding: 45px 35px;
}
}
@media screen and (max-width: 640px) {
.newsEntry-wrapper{
	
}
.newsEntry{
	/*padding: 30px 15px;*/
	padding: 20px;
}
}


.news-btn {
width: 100%;
max-width: 300px;
margin: 0 auto;
text-align: center;
}
.news-btn a {
background: #ffffff;
border: 1px solid #96854e;
border-radius: 30px;
padding: 20px 0;
color: #96854e;
display: block;
}
@media screen and (max-width: 500px) {
.news-btn a {
padding: 15px 0;
}
}