@charset "utf-8";

/* --------------------------------------------------------------
ニュース(共通)
-------------------------------------------------------------- */

/* --------------------------------------------------------------
ニュース(PC)
-------------------------------------------------------------- */

@media screen and (min-width:640px){

.news .titleArea {
	background:#c82d2b;
	width:100%;
	color:#fff;
	padding:40px 0 5px 0;
	margin:0 0 10px 0;
	}
	
.news .titleArea h2 {
	width:1000px;
	margin:0 auto;
	}

.news .archive {
	width:1000px;
	margin:0 auto;
	font-size:18px;
	padding:12px 0 10px 0;
	}

.news .archive dl {
	float:right;
	}

.news .archive dt {
	float:left;
	padding:0 10px 0 0;
	}

.news .archive dd {
	float:left;
	padding:0 5px 0 0;
}

.news .archive dd a {
	background:#e0e0e0;
	padding:0 10px;
	}

.news .archive dd.active a {
	background:#00a1cd;
	color:#fff;
	}
	
.news .box4 .mainArea {
margin: 0 0 0 0;
}
  
.news .box4 .mainArea .inner {
  display: flex;
  flex-wrap: wrap;
}

.news .box4 .mainArea dl {
	margin:0 12px 15px 0;
  float: none;
	}

.news .btm {
margin: 0 auto 30px auto;
}

}

/* --------------------------------------------------------------
ニュース(SP)
-------------------------------------------------------------- */

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

.news .archive {
	width:100%;
	font-size:18px;
	padding:12px 0 10px 0;
	display:none;
	}
	
.news .archive dl {
	margin:0 0 0 10px;
	}

.news .archive dt {
	display:block;
	}

.news .archive dd {
	float:left;
	margin:0 5px 0 0;
	width:23%;
}

.news .archive dd a {
	background:#e0e0e0;
	padding:10px 10px;
	display:block;
	margin:0 5px 0 0;
	}

.news .archive dd.active a {
	background:#00a1cd;
	color:#fff;
	}
	
.news .btm {
	display:block;
}
	
	}
	
@media screen and (max-width:320px){
	
	}