@charset "utf-8";

.list_flex {
	display: flex;
	flex-wrap: wrap;
}
.news_img {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #DBCEBE;
	background-color: #DBCEBE;
}
.info_titles {
	background-color: #555555;
	color: white;
	text-align: center;
	position: relative;
	opacity: 90%;
}
.info_naiyos > div {
	position: absolute;
}






/*スマホ～タブレット*/
/*下限960pxに変更のため*/
/*@media screen and (max-width: 849px){*/
@media screen and (max-width: 960px){
	.list_flex {
		/*justify-content: center;*/
		justify-content: end;
		margin: 20px 10px 20px 10px;
	}

	.list_flex > a {
		min-width: 45%;
		max-width: 300px;

		margin-left: 10px;
		margin-bottom: 40px;
	}
	.news_img {
		width: 100%;
    	height: 0;
    	padding-top: calc(300 / 400 * 100%);
	}
	.info_titles {
		width: 120px;
		padding: 5px 5px;
		font-size: 14px;
		/*top: -15px;*/
		top: -23px;
		left: 10px;
	}
	.info_naiyos {
		font-size: 14px;
		position: relative;
		/*top: -10px;*/
		top: -25px;
	}
	.info_hidukes {
		text-align: right;
		position: relative;
		/*top: -30px;*/
		top: -23px;
	}

	#all_range {
		min-height: calc(100vh - 164px);
	}
	/* Edge(Chromium) */
	_:lang(x)::-ms-, #all_range {
		min-height: calc(100vh - 163px);
	}

	*::-ms-backdrop, #all_range {
		min-height: calc(100vh - 163px);
	}



}

@media screen and (max-width: 400px){
	/*
	#news_list .list_flex > a:nth-of-type(1),
	#news_list .list_flex > a:nth-of-type(2) {
		max-width: 920%;
		min-width: 92%;
	}
	*/
	.news_full {
		max-width: 920% !important;
		min-width: 92% !important;
	}

	.news_full {
		max-width: 920% !important;
		min-width: 92% !important;
	}

	#all_range {
		min-height: calc(100vh - 164px);
	}
	/* Edge(Chromium) */
	_:lang(x)::-ms-, #all_range {
		min-height: calc(100vh - 163px);
	}

	*::-ms-backdrop, #all_range {
		min-height: calc(100vh - 163px);
	}
	

}


/*スマホ～タブレット*/
/*画面横向き時のみ適用*/
@media screen and (max-width: 960px) and (orientation: landscape){



}




/*タブレット以上（下限850px)*/
/* @media screen and (min-width: 850px){ */
/*タブレット以上（下限960pxに変更)*/
@media screen and (min-width: 961px){
	#news_list {
		display: flex;
		justify-content: center;
	}
	.list_flex {
		/*width: 1080px;*/
		min-width: 1080px;
		max-width: 1080px;
		margin: 50px 0 20px;
	}

	.list_flex > a {
		min-width: 320px;

		margin-left: 38px;
		margin-bottom: 50px;
	}
	.list_flex > a:not(.news_close) > div:hover {
		opacity:0.7;
		transition-duration: 0.5s;
	}
	.news_close {
		cursor: default;
	}
	.news_img {
		width: 320px;
		height: 240px;
	}
	.info_titles {
		top: -30px;
		left: 20px;
		width: 150px;
		padding: 7px 10px;
		font-size: 16px;
	}
	.info_naiyos {
		font-size: 16px;
		position: relative;
		/*top: -15px;*/
		top: -30px;
	}
	.info_hidukes {
		text-align: right;
		position: relative;
		top: -30px;
	}

	#all_range {
		min-height: calc(100vh - 189px);
	}
	/* Edge(Chromium) */
	_:lang(x)::-ms-, #all_range {
		min-height: calc(100vh - 188px);
	}

	*::-ms-backdrop, #all_range {
		min-height: calc(100vh - 188px);
	}


}