@charset "UTF-8";
/* CSS Document */

/* ブログ外形 */
.areaBlog{
	
}

.areaBlog_mainCol{
	width:640px;	
}

.areaBlog_subCol{
	width:195px;
}

/* メイン */

.areaBlog_entry{
	margin:0 0 50px;
}

.areaBlog_entryTitleWrap{
	position:relative;
	z-index:1;	
}

.areaBlog_entryTitle{
	background:#666;
	line-height:1.2;
	font-size:18px;
	padding:14px 15px;
}

.mainContents-colorGreen .areaBlog_entryTitle{
	background-color:#DCF5AE;
	color:#008532;	
}

.mainContents-colorLightGreen .areaBlog_entryTitle{
	background-color:#FFF0BD;
	color:#FF8000;	
}

.mainContents-colorMandarin .areaBlog_entryTitle{
	background-color:#FFECA5;
	color:#FF8300;
}

.mainContents-colorLightPurple .areaBlog_entryTitle{
	background-color:#FFFFAB;
	color:#0052C5;
}


.areaBlog_entryCategory{
	background:#02A2DB;
	color:#fff;
	line-height:30px;
	height:30px;
	font-size:15px;
	font-weight:bold;
	padding:0 20px;
	border-radius:15px;	
	position:absolute;
	z-index:1;
	top:0;
	bottom:0;
	margin:auto 0;
	right:15px;
}

.areaBlog_entryUpdate{
	font-size:13px;
	text-align:right;
	display:block;
	margin:8px 0 0;
	padding:0 6px 0 0;
}

.areaBlog_entryBody{
	margin:15px 0 0;
	font-size:14px;	
}

.areaBlog_entryBody img{
	max-width:100%;
	height:auto;	
}

.areaBlog_entryBody:after{
	content:"";
	display:block;
	clear:both;	
}

/* ナビゲーション */
.areaBlog_navi{
	margin:0 0 50px;
}

.areaBlog_naviTitle{
	line-height:40px;
	background:#999;
	color:#fff;
	padding:0 10px;
	border-radius:3px;
}

.mainContents-colorGreen .areaBlog_naviTitle{
	background-color:#00833A;
}

.mainContents-colorLightGreen .areaBlog_naviTitle{
	background-color:#6CCD00;
}

.mainContents-colorMandarin .areaBlog_naviTitle{
	background-color:#FF8000;
}

.mainContents-colorLightPurple .areaBlog_naviTitle{
	background-color:#9896FF;
	color:#fff;
}

.mainContents-color .areaBlog_naviTitle{
	background-color:#FF8000;
}

.areaBlog_naviList a{
	position:relative;
	z-index:1;
	display:block;
	color:#004EC8;
	line-height:1.2;
	padding:11px 10px 11px 23px;
	text-decoration:none;
	border-bottom:1px solid #ccc;
	-webkit-transition:background-color 0.3s;
	transition:background-color 0.3s;
	font-size:13px;
}

.areaBlog_naviList a:hover{
	background-color:#eee;	
}

.mainContents-colorGreen .areaBlog_naviList a:hover{
	background-color:#EFFADB;
}

.mainContents-colorLightGreen .areaBlog_naviList a:hover{
	background-color:#E9F7D9;
}

.areaBlog_naviList a:after{
	content:"";
	display:block;
	position:absolute;
	left:5px;
	top:50%;
	z-index:1;
	width:6px;
	height:6px;
	border:2px solid #333;
	margin-top:-4px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	border-bottom:none;
	border-left:none;
	border-radius:2px;
}

.is-ltIE8 .areaBlog_naviList a:after{
	display:none;	
}

.mainContents-colorGreen .areaBlog_naviList a:after{
	border-top-color:#00BE00;	
	border-right-color:#00BE00;	
}

.mainContents-colorLightGreen .areaBlog_naviList a:after{
	border-top-color:#00BE00;	
	border-right-color:#00BE00;	
}

.mainContents-colorMandarin .areaBlog_naviList a:after{
	border-top-color:#00BE00;	
	border-right-color:#00BE00;	
}


.areaBlog_naviSelect{
	margin:15px 0 0;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* タブレット以下設定 */
@media screen and (max-width:939px){
	/* ブログ外形 */	
	.areaBlog_mainCol{
		width:72%;	
	}
	
	.areaBlog_subCol{
		width:26%;
	}

	/* メイン */
	
	.areaBlog_entry{
		margin:0 0 40px;
	}
	
	.areaBlog_entryTitle{
		font-size:16px;
		padding:10px;
		margin:0 0 5px;
	}
	
	.areaBlog_entryCategory{	
		margin:10px 0 0;
		height:auto;
		line-height:26px;
		font-size:13px;
		display:inline-block;
		position:static;
	}
	
	.areaBlog_entryUpdate{
		font-size:12px;
		margin:0px 0 0;
		padding:0;
	}

	.areaBlog_entryBody{
		margin:10px 0 0;
		font-size:inherit;	
	}
	
	/* ナビゲーション */
	.areaBlog_navi{
		margin:0 0 40px;
	}
	
	.areaBlog_naviTitle{
		line-height:30px;
		font-size:13px;
	}
	
	.areaBlog_naviList a{
		padding-top:10px;
		padding-bottom:10px;
		padding-right:0;
		line-height:1.3;
		font-size:13px;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
}

/* スマホ設定 */
@media screen and (max-width:639px){
	.pankuzu_list_textWrap{
		max-width:150px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		display:inline-block;
		vertical-align:middle;
	}	
	
		/* ブログ外形 */	
	.areaBlog_mainCol{
		width:100%;
		float:none;	
	}
	
	.areaBlog_subCol{
		width:100%;
		float:none;
	}

	/* メイン */
	
	.areaBlog_entry{
		margin:0 0 40px;
	}
	
	.areaBlog_entryTitle{
		font-size:14px;
	}
	
	.areaBlog_entryCategory{	
		line-height:20px;
		font-size:11px;
	}
	
	.areaBlog_entryUpdate{
		font-size:11px;
	}

	
	/* ナビゲーション */
	.areaBlog_navi{
		margin:0 0 20px;
	}
	
	.areaBlog_naviTitle{
		font-size:14px;
	}
	
	.areaBlog_naviList a{
		font-size:14px;
	}
}