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

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

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

#contents article .articleInner{
	padding: 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 h2{
	color: #B30000;
	background: none;
	border-bottom: #B30000 1px solid;
	padding: 0;
	font-size: 26px;
}

#contents article .articleInner p{
	font-size: 14px;
}

#contents article .articleInner .articleList{
	margin-top: 40px;
	margin-bottom: 90px;
}

#contents article .articleInner .articleList section{
	border: #F0F0E1 10px solid;
	margin-bottom: 20px;
}

#contents article .articleInner .articleList section a{
	display: block;
	padding: 20px;
}

#contents article .articleInner .articleList section a:hover{
	background: #F0F0E1;
}

#contents article .articleInner .articleList section figure{
	float: left;
	width: 29.55%; /* 260px */
	margin-bottom: 0;
}

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

#contents article .articleInner .articleList section .cont{
	float: right;
	width: 68.18%; /* 600px */
	margin-bottom: 0;
}

#contents article .articleInner .articleList section .cont h3{
	background: #B40000 url(../img/bg_h3.png) no-repeat 100% 0;
	color: #fff;
	font-size: 22px;
	padding:7px 10px;
	margin-bottom: 10px;
}

#contents article .articleInner .articleList section a:hover .cont h3{
	background: #B40000 url(../img/bg_h3_o.png) no-repeat 100% 0;
}

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

#contents article .articleInner .articleList section .cont dl dt,
#contents article .articleInner .articleList section .cont dl dd{
	display: inline-block;
	vertical-align: middle;
}

#contents article .articleInner .articleList section .cont dl dt{
	color: #fff;
	padding: 0 3px;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	margin-right: 5px;
}

#contents article .articleInner .articleList section .cont dl dt.icon01{
	background: #1A6600;
}

#contents article .articleInner .articleList section .cont dl dt.icon02{
	background: #FF8000;
}

#contents article .articleInner .articleList section .cont dl dt.icon03{
	background: #00A3D9;
}
#contents article .articleInner .articleList section .cont dl dd{
	margin-right: 15px;
	font-size: 14px;
}

#contents article .articleInner .articleList section .cont p{
	margin-bottom: 0;
}

#contents article .articleInner .razona{
	margin-bottom: 60px;
}

#contents article .articleInner .razona h3{
	text-align: center;
}

#contents article .articleInner .razona .block{
	background: #F7F7F7;
	margin: 0 90px;
	padding: 20px;
}

#contents article .articleInner .razona .block figure{
	float: left;
	width: 121px;
	margin-bottom: 0;
}

#contents article .articleInner .razona .block .cont{
	float: right;
	width: 575px;
	margin-bottom: 0;
}

#contents article .articleInner .razona .block .cont h4{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 15px;
}

#contents article .articleInner .razona .block .cont p{
	margin-bottom: 15px;
}

#contents article .articleInner .razona .block .cont p.link{
	margin-bottom: 0!important;
	text-align: right;
}

#contents article .articleInner .sahou{
	border: #F0F0E0 10px solid;
}

#contents article .articleInner .sahou .inner{
	border: #fff 10px solid;
	background: #F0F0E0;
	margin-bottom: 0;
	padding: 30px 50px 10px;
}

#contents article .articleInner .sahou .inner h4{
	text-align: center;
	margin-bottom: 40px;
}

#contents article .articleInner .sahou .inner .cf dl{
	float: left;
	width: 25.09%;
	padding-left: 9.86%;
	background: url(../img/bg-sahou.png) no-repeat 0 144px;
	margin-bottom: 0;
	margin-left: 10px;
}

#contents article .articleInner .sahou .inner .cf dl.first{
	background: none;
	padding-left: 0;
	margin-left: 0;
}

#contents article .articleInner .sahou .inner .cf dl dt.ttlTxt{
	display: none;
}

#contents article .articleInner .sahou .inner .cf dl dt{
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
}

#contents article .articleInner .sahou .inner .cf dl dt span{
	color: #B60000;
}

#contents article .articleInner .sahou .inner .cf dl dt img{
		max-width: 100%;
		height: auto;
}

#contents article .articleInner .sahou .inner .cf dl dd figure{
	margin-bottom: 30px;
}

#contents article .articleInner .sahou .inner .cf dl dd figure img{
		max-width: 100%;
		height: auto;
}

/* タブレット */

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

	#contents article .articleInner .razona h3{
		margin: 0 20px 20px;
	}

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

	#contents article .articleInner .razona .block figure{
		float: none;
		text-align: center;
		width: auto;
		margin-bottom: 15px;
	}

	#contents article .articleInner .razona .block .cont{
		width: auto;
		float: none;
	}

	#contents article .articleInner .razona .block .cont h4{
		text-align: center;
	}

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

	#contents article .articleInner .sahou .inner .cf dl{
		float: none;
		width: auto;
		padding-left: 0;
		background: url(../img/bg-sahou_smp.png) no-repeat 50% 0;
		margin-bottom: 20px;
		margin-left: 0;
		padding-top: 40px;
		background-size: 17px 35px;
		-webkit-background-size: 17px 35px;
	}

	#contents article .articleInner .sahou .inner .cf dl.first{
		padding-top: 0;
	}

	#contents article .articleInner .sahou .inner .cf dl dt.ttlPC{
		display: none;
	}

	#contents article .articleInner .sahou .inner .cf dl dt.ttlTxt{
		display: block;
		text-align: center;
	}

	#contents article .articleInner .sahou .inner .cf dl dd figure{
		text-align: center;
	}



}

/* スマホ */

@media screen and (max-width:600px){
	#contents article .articleInner .articleList section a{
		text-decoration: none;
	}
	#contents article .articleInner .articleList section figure{
		float: none;
		margin-bottom: 15px;
		width: auto;
	}

	#contents article .articleInner .articleList section figure img{
		width: 100%;
	}

	#contents article .articleInner .articleList section .cont{
		float: none;
		width: auto;
		margin-bottom: 0;
	}

	#contents article .articleInner .razona .block{
		margin: 0 10px;
	}

	#contents article .articleInner .sahou{
		border: #F0F0E0 5px solid;
	}

	#contents article .articleInner .sahou .inner{
		border: #fff 5px solid;
		background: #F0F0E0;
		margin-bottom: 0;
		padding: 15px 15px 0;
	}

	#contents article .articleInner .sahou .inner h4{
		margin-bottom: 10px;
	}

}