@charset "utf-8";
/*============================================================================
画面の横幅が960pxから（タブレット）
============================================================================*/
@media screen and (min-width: 960px){

.contents-area,
.contents_area{
width:960px;
margin:0px auto;
padding: 0px 10px;
}
/*=====================================================================
header
======================================================================*/
.header .contents_area{
	display:flex;
	justify-content: space-between;
}
.main-menu{
	display:flex;
	justify-content: space-between;
}
/*=====================================================================
header
======================================================================*/
header {
	border-bottom: 1px solid #ccc;
	padding: 10px;
}
.header-title{
	float: left;
	vertical-align: bottom;
	font-size: 200%;
}
header .main-menu li{
	width:100px;

}
header .main-menu a{
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
header .main-menu a:before{
	content:"";
	position:absolute;
	bottom:0;
	background:#222;
	height:4px;
	width:100%;
	transition-duration: 0.3s;
	transform:scaleX(0);
}
header .main-menu a:hover:before{
	transform:scaleX(1);
}
/*---------------------------------

---------------------------------*/
.page_post-index .main {
    padding: 40px 0px;
    /*min-height: 660px;*/
}
.page_post-index .main .page-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 24px;
}


/*============================================================================
個別投稿ページ.page_post
============================================================================*/
.page_post .main .contents-area{
	width:960px;
	margin:0px auto;
	display: flex;
}
.page_post .page-title{
	font-size:36px;
	font-weight:bold;
	margin-bottom: 1em;
}
.page_post .article{
	width:644px;
}
.page_post .main-side{
	width:300px;
	margin-left:16px;
}
.page_post .main-side .ad-box{
margin-bottom:10px;

}

/*============================================================================
記事一覧post
============================================================================*/
.page_post-index .main .contents_area{
	width: 960px;
  margin: 0px auto;
  padding: 0px 10px;
}







/*960last*/
}