@charset "UTF-8";

/* ▼▼▼ トピックス
=====================================*/
.article {
	border-bottom: 1px dotted #262626;
	padding-bottom: 30px;
	margin-bottom: 30px;
	clear: both;
	overflow: hidden;
	}
	.article h2 {
		margin-bottom: 5px;
		font-size: 20px;
		font-weight: normal;
		overflow: hidden;
		}
	.article .date {
		margin-bottom: 20px;
		color: #B7B4B8;
		font-size: 14px;
		}
		.article .photo {
			float: left;
			width: 31%;
			margin-right: 4%;
			}
        .article .photo2 {
			float: left;
			width: 30%;
			margin-right: 3%;
			}
 .article .photo3 {
			float: left;
			width: 20%;
			margin-right: 5%;
			}
				
.pagenav {
	width: 300px;
	padding: 60px 0 0;
	margin: 0 auto;
	line-height: 30px;
	position: relative;
	overflow: hidden;
	}
.detail .pagenav {
	width: 100%;
	padding: 30px 0 0;
	}	
	.pagenav ol {
		width: 190px;
		margin: 0 auto;
		overflow: hidden;
		}
		.pagenav ol li {
			float: left;
			width: 30px;
			background: #1F2B8E;
			border: 1px solid #ccc;
			margin-right: 10px;
			color: #fff;
			text-align: center;
			}
		.pagenav ol li:last-child {margin-right: 0;}
			.pagenav ol li a {
				display: block;
				background: #ccc;
				}
			.pagenav ol li a:hover {
				background: none;
				color: #fff;
				text-decoration: none;
				}
	.pagenav .prev,
	.pagenav .next {
		position: absolute;
		top: 60px;
		left: 0;
		}
	.pagenav .next {
		left: inherit;
		right: 0;
		}
	.pagenav .prev:before {
		content: "<";
		margin-right: 5px;
		color: #1F2B8E;
		}
	.pagenav .next:after {
		content: ">";
		margin-left: 5px;
		color: #1F2B8E;
		}
	.pagenav .back {
		width: 270px;
		margin: 0 auto;
		}
					

/* ▼▼▼ 480px
=====================================*/
@media screen and (max-width: 480px) {

h1.title {width: 134px;}

.article {
	padding-bottom: 20px;
	margin: 0 15px 25px;
	}
	.article h2 {
		margin-bottom: 0;
		font-size: 18px;
		}
	.article .date {
		margin-bottom: 10px;
		}
		.article .photo {
			float: none;
			width: 100%;
			margin: 0 0 10px 0;
			}	
	　　.article .photo2 {
			float: none;
			width: 50%;
			margin: 0 0 10px 0;
			}	
						
.pagenav {
	padding: 50px 0 0;
	}
.detail .pagenav {
	padding: 15px 0 0;
	}	
	.pagenav ol {
		width: 240px;
		line-height: 40px;
		}
		.pagenav ol li {
			width: 40px;
			}
	.pagenav .prev,
	.pagenav .next {
		top: 10px;
		left: 30px;
		}	
	.pagenav .next {
		left: inherit;
		right: 30px;
		}	
	.pagenav .prev:before {
		content: "<";
		margin-right: 5px;
		color: #1F2B8E;
		}
	.pagenav .next:after {
		content: ">";
		margin-left: 5px;
		color: #1F2B8E;
		}
	.pagenav .back {
		width: 210px;
		}	
									
}