@charset "utf-8";
/* =================================================================================
 news
================================================================================= */
.wrapCnt{margin-bottom: 30px;}

.articleLst li {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #6f624e;
    word-wrap: break-word;
}

.articleLst li:last-child {margin-bottom: 0;}

.articleLst .thumb {
	display: block;
    width: 100%;
    margin-bottom: 10px;
}

.thumb img{width: 100%;}

.articleLst .artInfo {
    display: block;
    margin-left: 0;
}

.articleLst .artInfo .time {
    display: inline-block;
    color: #999;
    font-size: 12px;
    vertical-align: top;
}

.articleLst .artInfo .category {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    vertical-align: top;
}

.articleLst .artTtl {
    display: block;
    margin: 10px 0 5px;
    font-weight: bold;
}

.articleLst .artIntro {font-size: 12px;}


/* sideAres */
#side img{width: 100%;}

#side .cmnCnt{margin-bottom: 30px;}

#side .infoLst li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #6f624e;
}

#side .infoLst li:last-child {
	margin-bottom: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #6f624e;
}

#side .infoLst .date {
    display: block;
    margin-bottom: 5px;
}

@media only screen and (min-width:640px){
	.wrapCnt{margin-bottom: 50px;}
	.wrapCnt a:hover{opacity: .8;}
	
	#side {
		width: 300px;
		float: right;
	}
	
	#mainCnt {
		width: 800px;
		float: left;
	}
	
	.articleLst li:after {
		display: block;
		height: 0;
		clear: both;
		content: "";
	}
	
	.articleLst .thumb {
		float: left;
		width: 150px;
		margin-bottom: 0;
		transition: all .8s;
	}

	.articleLst .thumb:hover{opacity: .8;}
	
	.articleLst .artTtl {margin: 0 0 5px;}
	
	.articleLst .artInfo {margin-left: 170px;}
	
	/* sideAres */
	#side .infoLst li {
		margin-bottom: 10px;
		padding-bottom: 10px;
		font-size: 14px;
	}
	
	#side .infoLst .date {margin-bottom: 5px;}
}


/* 記事詳細 */
.articleWrap {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #6f624e;
}
/*
.articleWrap .category {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #6f624e;
	font-size: 14px;
}*/

.articleWrap .date {
	margin-bottom: 20px;
	font-size: 14px;
	color: #999;
}
/*
.articleWrap .articleTxt {
	margin-bottom: 20px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #6f624e;
}*/

.articleTxt .articleImgWrap{text-align: center;}

.articleTxt img{max-width: 100%;}


/* SNS */
.snsArea .item {
    display: inline-block;
    height: 70px;
    margin-right: 10px;
    vertical-align: bottom;
    overflow: hidden;
}

/* 関連記事 */
.relatedWrap {
	margin-bottom: 30px;
	border-bottom: 1px solid #7e7e7e;
}

.relatedLst li {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px dotted #7e7e7e;
    word-wrap: break-word;
}

.relatedLst li:first-child {padding: 0 0 10px;}
.relatedLst li:last-child {border-bottom: 0;}

.relatedLst li:after {
    display: block;
	height: 0;
    clear: both;
	content: "";
}

.relatedLst a {display: block;}

.relatedLst .thumb {
    display: block;
    width: 80px;
    float: left;
}

.relatedLst .artInfo {
    display: block;
    margin-left: 90px;
}

.relatedLst .artInfo .time {
    display: inline-block;
    color: #999;
    font-size: 12px;
    vertical-align: top;
}

.relatedLst .artInfo .category {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    vertical-align: top;
}

.relatedLst .artIntro {
    color: #7e7e7e;
    font-size: 12px;
}

@media only screen and (min-width:640px){
	.relatedWrap{margin-bottom: 0;}
}



/* EOF */