.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

#contents article{
	float:none;
	width:auto;
}

#contents article .articleInner{
	padding:10px 30px 30px;
	margin: 0 auto 30px;
}

#contents article .articleInner h1{
	border: none;
	padding: 0;
	margin-bottom: 5px;
}

#contents article .articleInner h1 img{
	max-width: 100%;
	height: auto;
}

#contents article .articleInner .figBlock{
	background: #F7F7F7;
	padding: 30px;
}

#contents article .articleInner .figBlock figure{
	float: left;
	width: 17.05%; // 150
	margin-right: 2.27%; //20
}

#contents article .articleInner .figBlock figure img{
	max-width: 100%;
	height: auto;
}

#contents article .articleInner .figBlock dl{
	float: right;
	width: 79.55%; // 700
}

#contents article .articleInner .figBlock dl dt{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}

#contents article .articleInner .figBlock dl dd p.last{
	margin-bottom: 0;
}

#contents article .articleInner .articleList li{
	margin-bottom: 30px;
}

#contents article .articleInner .articleList li h3{
	background:url(../img/bg.png) no-repeat 100% 100%,-moz-linear-gradient(50% 0% -90deg,rgb(187,23,23) 0%,rgb(145,24,24) 100%);
	background:url(../img/bg.png) no-repeat 100% 100%,-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(187,23,23)),color-stop(1, rgb(145,24,24)));
	background:url(../img/bg.png) no-repeat 100% 100%,-webkit-linear-gradient(-90deg,rgb(187,23,23) 0%,rgb(145,24,24) 100%);
	background:url(../img/bg.png) no-repeat 100% 100%,-o-linear-gradient(-90deg,rgb(187,23,23) 0%,rgb(145,24,24) 100%);
	background:url(../img/bg.png) no-repeat 100% 100%,-ms-linear-gradient(-90deg,rgb(187,23,23) 0%,rgb(145,24,24) 100%);
	background:url(../img/bg.png) no-repeat 100% 100%,linear-gradient(180deg,rgb(187,23,23) 0%,rgb(145,24,24) 100%);
	color: #fff;
	font-size: 22px;
	padding:5px 10px;
	position: relative;
}


#contents article .articleInner .articleList li h3:after {
	content: "";
	position: absolute;
	bottom: -10px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #A84646 transparent transparent transparent;
}

#contents article .articleInner .articleList li h3 span{
	margin-right: 15px;
}

#contents article .articleInner .articleList li .cont a{
	display: block;
}

#contents article .articleInner .articleList li .cont a:hover{
	background: #F7F7F7;
}

#contents article .articleInner .articleList li .cont figure{
	float: left;
	width: 31.91%; // 300
}

#contents article .articleInner .articleList li .cont figure img{
	max-width: 100%;
	height: auto;
}

#contents article .articleInner .articleList li .cont .bl{
	display: block;
	float: right;
	width: 65.43%; // 615
	text-decoration: none;
}

#contents article .articleInner .articleList li .cont .bl .date{
	color: #999;
	font-size: 12px;
	margin-bottom: 20px;
}

#contents article .articleInner .articleList li .cont .bl p{
	color: #333;
	font-size: 15px;
}

#contents article .articleInner .articleList li .cont .bl p.link{
	text-align: right;
	margin-bottom: 0;
	text-decoration: underline;
	color: #D83900;
}




/* タブレット */

@media screen and (max-width:900px){
	#contents article .articleInner{
		padding: 10px;
	}

}

/* スマホ */

@media screen and (max-width:600px){

#contents article .articleInner .articleList li .cont a{
	text-decoration: none;
}

#contents article .articleInner .articleList li h3{
	font-size: 15px;
}

#contents article .articleInner .articleList li .cont figure{
	float: none;
	width: auto;
	margin-bottom: 20px;
	text-align: center;
}


#contents article .articleInner .articleList li .cont .bl{
	display: block;
	float: none;
	width: auto;
}



}