@charset "utf-8";

.pageHeader{
	background: url(../img/page_bg.png) no-repeat center top;
}

.pageHeader .inner{
	position: relative;
	width: 980px;
	margin: 0 auto;
}

.pageHeader .oa{
	position: absolute;
	top: 66px;
	left: 387px;
	width: 385px;
}

.pageHeader .oa img{
	width: 100%;
}

.contents{
	position: relative;
	max-width: 980px;
	margin: 0 auto 90px;
	border: 14px solid #e2e2df;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.contents::before{
	content: "";
	position: absolute;
	top: -14px;
	right: -14px;
	display: block;
	width: 130px;
	height: 14px;
	background-color: #1a96f5;
}

.contents::after{
	content: "";
	position: absolute;
	top: 0;
	right: -14px;
	display: block;
	width: 14px;
	height: 257px;
	background-color: #1a96f5;
}

.pageTitle{
	position: absolute;
	top: -74px;
	right: 168px;
	overflow: hidden;
	height: 60px;
	text-indent: 120%;
	white-space: nowrap;
}

.textArea{
	font-size: 18px;
	line-height: 1.5;
}

.textArea p{
	margin: 10px 0;
}

.col2 .mainContents{
	float: left;
	width: 641px;
}

.col2 .sidebar{
	float: right;
	width: 260px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.backnumber{
	padding: 0 10px;
	background-color: #f6fd36;
}

.backnumber p{
	margin: -5px -18px 10px auto;
	text-align: right;
}

.backnumber li{
	margin-bottom: 10px;
}

.backnumber a{
	display: block;
	position: relative;
}

.backnumber a .backnumCover{
	position: absolute;
	top: 0;
	left: 0;
}

.backnumber a:hover .backnumCover{
	display: none;
}

/* 980px以下
==============================*/
@media screen and (max-width: 980px) {
	.pageHeader{
		display: none;
	}

	.contents{
		margin: 38px 5px 5%;
		border: 5px solid #e2e2df;
	}

	.contents::before{
		top: -14px;
		right: -10px;
		width: 70px;
		height: 14px;
	}

	.contents::after{
		top: 0;
		right: -10px;
		width: 10px;
		height: 128px;
	}

	.pageTitle{
		top: -35px;
		right: 0px;
		height: 30px;
	}

	.col2 .mainContents{
		width: 69.8%;
	}

	.col2 .mainContents figure img{
		width: 100%;
	}

	.col2 .sidebar{
		width: 28.3%;
	}

	.backnumber li img{
		width: 100%;
	}
}/* media */

/* 640px以下
==============================*/
@media screen and (max-width: 640px) {
	
	.textArea{
		font-size: 14px;
	}

	.col2 .mainContents{
		float: none;
		width: 100%;
	}

	.col2 .sidebar{
		float: none;
		width: 100%;
	}

	.backnumber p img{
		width: 90px;
	}
	
	.backnumber:after{
		content: "";
		clear: both;
		display: block;
	}
	
	.backnumber li{
		width: 49%;
	}
	
	.backnumber li:nth-child(odd){
		float: left;
	}
	
	.backnumber li:nth-child(even){
		float: right;
	}
}/* media */