@charset 'utf-8';


/* =========================================================
news
========================================================= */
#news{
	position: relative;
}
#news .inner{
	position: relative;
	margin-top: 4.5rem;
	padding-top: 0;
	padding-bottom: 12rem !important;
}
/*
#news .inner > h3{
	max-width: calc(100% - 500px);
	letter-spacing: 0.03em;
	color: #414976;
}
*/
@media only screen and (max-width: 750px){
	#news{
	}
	#news .inner{
		display:         flex;
		display: -webkit-flex;
		-webkit-justify-content: flex-start;
		        justify-content: flex-start;
		        flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		        align-items: flex-start;
		-webkit-align-items: flex-start;
		margin-top: 0;
		padding-bottom: 1.2rem !important;
	}
/*
	#news .inner > h3 {
		width: 100%;
		max-width: 100%;
		margin-bottom: 0.6rem;
		order: 3;
	}
*/
}


/* =========================================================
news_list
========================================================= */
#news_list {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}
#news_list .box{
	position: relative;
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: center;
	-webkit-align-items: center;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
#news_list .box:first-child{
	border-top: 1px solid #ccc;
}
#news_list .box a.link{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-end;
	        justify-content: flex-end;
	        flex-flow: row-reverse nowrap;
	-webkit-flex-flow: row-reverse nowrap;
	        align-items: center;
	-webkit-align-items: center;
	width: 100%;
	position: relative;
	padding: 2.6rem 3rem 2.5rem 1.1rem;
}
#news_list .box a.link::after{
	-webkit-transition-timing-function: linear;
	        transition-timing-function: linear;
	-webkit-transition-duration: 0.1s !important;
	        transition-duration: 0.1s !important;
	-webkit-transition-property: transform;
	        transition-property: transform;
	-webkit-transform: translateX(0);
	        transform: translateX(0);
}
#news_list .box a.link::after{
	font-family: themify;
	font-size: 1.4rem;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	position: absolute;
	top: 50%;
	right: 1rem;
	margin-top: -0.45em;
	content: '\e649';
	text-transform: none;
	color: #414976;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
#news_list .box a.link:hover:after{
	-webkit-transform: translateX(5px);
	        transform: translateX(5px);
}
#news_list .box a.link h3{
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.4em;
}
#news_list .box a.link .date{
	font-size: 1.4rem;
	font-weight: 400;
	width: 7.5rem;
	margin-right: 1.3rem;
}
#news_list p.nodata{
	font-size: 1.8rem;
	padding: 7rem 0 10rem;
	text-align: center;
}
@media only screen and (max-width:750px){
	#news_list {
		max-width: none;
		margin: 0;
	}
	#news_list .box a.link{
		padding: 0.23rem 0.35rem 0.25rem 0.1rem;
	}
	#news_list .box a.link::after{
		font-size: 0.26rem;
		right: 0.06rem;
	}
	#news_list .box a.link:hover:after{
		-webkit-transform: translateX(0.1rem);
		        transform: translateX(0.1rem);
	}
	#news_list .box a.link h3{
		font-size: 0.26rem;
	}
	#news_list .box a.link .date{
		font-size: 0.26rem;
		width: 1.44rem;
		margin-right: 0.2rem;
	}
	#news_list p.nodata{
		font-size: 0.26rem;
		padding: 0.6rem 0 1rem;
	}
}



/* =========================================================
search
========================================================= */
/*
#search{
	width: 280px;
	margin-bottom: 6rem;
}
@media only screen and (max-width: 750px){
	#search {
		width: 100%;
		margin-bottom: 0.3rem;
		order: 1;
	}
}
*/


/* =========================================================
news_item
========================================================= */
/*
#news_item{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	        align-items: stretch;
	-webkit-align-items: stretch;
	width: 100%;
}
#news_item a.news_bloc{
	width: 29.82%;
	max-width: 340px;
	margin-top: 5.5rem;
	margin-right: 5.27%;
}
#news_item a.news_bloc:nth-child(-n+3){
	margin-top: 0;
}
#news_item a.news_bloc:nth-child(3n){
	margin-right: 0;
}
#news_item a.news_bloc .img{
	overflow: hidden;
	width: 100%;
	margin-bottom: 2.4rem;
}
#news_item a.news_bloc .img img{
	width: 100%;
}
#news_item a.news_bloc .txt{
	position: relative;
	width: 100%;
	text-align: left;
}
#news_item a.news_bloc .txt h4{
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.4em;
	width: 100%;
	margin-bottom: 1.2rem;
	text-align: left;
	color: #414976;
}
#news_item a.news_bloc .txt .date{
	font-size: 1em;
	line-height: 1.4em;
	text-align: left;
	color: #414976;
}
#news_item p.nodata{
	font-size: 1.8rem;
	padding: 7rem 0 10rem;
	text-align: center;
}
@media only screen and (max-width: 750px){
	#news_item {
		position: relative;
		margin-top: 0;
		width: 100%;
		order: 4;
	}
	#news_item a.news_bloc{
		width: 45.71%;
		max-width: 100%;
		margin-top: 0.6rem;
		margin-right: 8.58%;
	}
	#news_item a.news_bloc:nth-child(-n+3){
		margin-top: 0.6rem;
	}
	#news_item a.news_bloc:nth-child(3n){
		margin-right: 8.58%;
	}
	#news_item a.news_bloc:nth-child(-n+2){
		margin-top: 0;
	}
	#news_item a.news_bloc:nth-child(2n){
		margin-right: 0;
	}
	#news_item a.news_bloc .img{
		margin-bottom: 0.2rem;
	}
	#news_item a.news_bloc .txt{
		width: 100%;
		text-align: left;
	}
	#news_item a.news_bloc .txt h4{
		font-size: 0.32rem;
		margin-bottom: 0.06rem;
	}
	#news_item a.news_bloc .txt .date{
	}
	#news_item p.nodata{
		font-size: 0.26rem;
		padding: 0.6rem 0 1rem;
	}
}
*/


/* ========================================================================= *
ajax-load-more
/* ========================================================================= */
#ajax-load-more{
	width: 100%;
}
#ajax-load-more .alm-listing{
	width: 100%;
}
#ajax-load-more .alm-listing .alm-reveal{
	display: block;
	width: 100%;
}
#ajax-load-more .alm-listing .alm-reveal .box:first-child{
	border-top:none;
}
#ajax-load-more .alm-btn-wrap{
	width: 100%;
}
#ajax-load-more .btn_ajax{
	margin: 12rem auto 0;
}
@media only screen and (max-width: 750px){
	#ajax-load-more .alm-listing .alm-reveal{
		width: 100%;
	}
	#ajax-load-more .btn_ajax{
		margin: 1rem auto 0;
	}
}
