@charset 'utf-8';

/* ------------------------------
 一覧ページ
------------------------------ */

.column li {
	margin-bottom: 6.896551724137932%;
}

.column li:last-child {
	margin-bottom: 0;
}

.writer {
	float: right;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	#header_wrapper {
		border-bottom: 1px solid #d2d2d2;
	}
	.pager-item {
		float: left;
		clear: none;
		width: 34.48%;
	}
	.pager-num {
		line-height: 12.5vw;
		float: left;
		width: 31.04%;
	}
	.writer {
		width: 16.55172413793103%;
		margin-left: 3.448275862068966%;
	}
	.writer_info p {
		padding-top: 1.724137931034483%;
	}
}

@media screen and (min-width: 900px) {
	.pager-item {
		float: left;
		clear: none;
		width: 190px;
	}
	.pager-num {
		line-height: 40px;
		float: left;
		width: 520px;
	}
	.column {
		overflow: hidden;
	}
	.column li {
		float: left;
		width: 430px;
		margin: 0 40px 40px 0;
	}
	.column li:nth-child(2n) {
		margin-right: 0;
	}
	.column li:nth-child(2n+1) {
		clear: left;
	}
	.bnr_column {
		margin-bottom: 7px;
	}
	.writer {
		width: 48px;
		margin-left: 10px;
	}
	.writer_info p {
		padding-top: 12px;
	}
}


/* 広告 */

.ads li {
	width: 320px;
	margin-right: auto;
	margin-bottom: 6.896551724137932%;
	margin-left: auto;
	text-align: center;
}

.ads li:last-child {
	margin-bottom: 0;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	/* ヘッダ固定バナー用 */
	body {
		/*padding-top: 48%;*/
	}
	#header_wrapper {
		/*top: 75px;*/
	}
	#bnr_fixed {
		display: none;
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 75px;
		background-color: #fff;
	}
	.ads li {
		width: 320px;
		margin: 0 auto 10px;
	}
	.ads li:nth-child(2) {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 900px) {
	.ads li {
		float: left;
		width: 430px;
		margin-right: 40px;
		margin-bottom: 0;
	}
	.ads li:nth-child(2n) {
		margin-right: 0;
	}
	.ads li:nth-child(2n+1) {
		clear: left;
	}
}


/*
--------------------------------------------------------------------------------
 END OF CSS
--------------------------------------------------------------------------------
*/
