.articleBox {
	margin-bottom: 40px;
}
.article:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
.articleDetail {
	margin-bottom: 7px;
}
.date {
	margin-bottom:10px;
}
.imgBox {
	margin-bottom: 10px;
}
.detailText {
	margin-bottom:20px;
}
.detailThum {
	margin-bottom:10px;
}
.detailThum:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
.detailThum li{
	width:33%;
	margin-right:1px;
	float: left;
}
.detailThum li:last-child {
	margin-right:0;
}


/*スマホ用*/
@media all and (max-width: 767px) {
.article {
	border-bottom: none!important;
	padding-bottom:0!important;
	margin-bottom:30px!important;
}

}

/*タブレット・PC用*/
@media all and (min-width: 768px) {
.articleBox {
	width: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:60px;
}
.article {
	border: 4px solid #FFFFFF;
	margin-bottom: 60px;
	padding-top: 28px;
	padding-right: 32px;
	padding-left: 32px;
	padding-bottom: 28px;
	box-shadow: rgba(170, 167, 167, 0.65098) 0px 0px 0px 1px;
	-webkit-box-shadow: rgba(170, 167, 167, 0.65098) 0px 0px 0px 1px;
	-moz-box-shadow: rgba(170, 167, 167, 0.65098) 0px 0px 0px 1px;
	background-image: url(../../common/images/bg_article.jpg);
}
.imgBox {
	float:left;
	width:310px;
	margin-right:20px;
	margin-bottom: 0;
}
.detailText {
	margin-bottom: 0px;
	width: auto;
}
.detailThum {
	margin-bottom:0px;
	width:310px;
}
.detailThum li{
	width:auto;
	margin-right:none;
	float: left;
	margin-bottom:10px;
}
.detailThum li:first-child {
	width:310px;
}
.detailThum li:nth-child(2) {
	margin-right:10px;
}
.detailThum li:last-child {
	margin-right:0;
}
}