/*スマホ用*/   
.TopImageArea{
	position:relative;
	background-image: url("../images/site_top.jpg") ;
	width:100%;
	height:650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: local;

}

/*
.TopImageArea img{
	vertical-align:top;
	width:100%;
}
*/
.TopImageArea p{
	position:absolute;
	width:100%;
  	text-align:center;
	z-index:2;
	font-size:23px;
	color:#fff;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%) ;
	
}

.ImageBackArea{
	position:relative;
	width:100%;
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:250px;
	background-size: cover;
	-webkit-animation: gradientAnimation 25s ease infinite;
	animation:gradientAnimation 25s ease infinite;
}


.ContentsExplainTitle{
	position:absolute;
	width:100%;
  	text-align:center;
	z-index:2;
	font-size:20px;
	color:#fff;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%) ;
	
}	
.ContentsExplainTitle span{
	font-size:15px;
	font-weight:normal;
	color:#fff;
}


.ContentsExplain{
	width:90%;
	margin:0 auto;
	padding:15% 0 5%;
	text-align:left;
	font-size:13px;
	line-height:20px;
	height:85px;
	letter-spacing:0.1em;
}


.ContentsTitle{
	font-size:25px;
	width:100%;
	padding:10% 0;	
	text-align:center;
	margin:auto;
	text-align:center;
}	
.MoreLink_1{
	display:block;
	width:50%;
	margin:0 auto ;
	text-align:center;
	font-size:15px;
	line-height:15px;
	padding:15px 0;
	background:#6ac836;
	border:1px solid #6ac836;
	color:#fff;	
	
}

.MoreLin_1k:hover {
	opacity:1;
}

.MoreLink_2{
	display:block;
	width:50%;
	margin:0 auto ;
	text-align:center;
	font-size:15px;
	line-height:15px;
	padding:15px 0;
	background:#2F4565;
	border:1px solid #2F4565;
	color:#fff;	
	
}

.MoreLin_2k:hover {
	opacity:1;
}

.MoreLink_3{
	display:block;
	width:50%;
	margin:0 auto ;
	text-align:center;
	font-size:15px;
	line-height:15px;
	padding:15px 0;
	background:#55bcdd;
	border:1px solid #55bcdd;
	color:#fff;	
	
}

.MoreLin_3k:hover {
	opacity:1;
}

.MoreLink_4{
	display:block;
	width:50%;
	margin:0 auto ;
	text-align:center;
	font-size:15px;
	line-height:15px;
	padding:15px 0;
	background:rgba(255, 0, 161, 1);
	border:1px solid rgba(255, 0, 161, 1);
	color:#fff;	
	
}

.MoreLin_4k:hover {
	opacity:1;
}

.ContentsContainer{
	width:100%;
	background-color: #f7f7f7;
	text-align:center;
//	margin-top:2%;	
	padding-bottom:20px;
}
/*
.NewsArea{
	width:100%;
	margin:0 auto;
	text-align:left;
	margin-bottom:5px;	
}

.NewsArea ul{
	width:100%;
	font-size:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	
}

.NewsArea li{
	display:inline-block;
	width:100%;
//	max-width:320px;
	background-color:#fff;
	vertical-align:top;
	text-align:center;
	margin-top:0px;
//	margin-bottom:10px;		
	padding-bottom:10px;		
	
}
.NewsArea li img{
	width:100%;
}

.NewsArea li:first-child {
	margin-right:0%;
}
.NewsArea li:last-child {
	margin-left:0%;
}

.NewsArea li p{
	text-align:left;
	width:95%;
	margin:0 auto;
}

.Newsdate{
	padding-top:10px;
	padding-bottom:10px;	
	font-size:13px;
	font-weight:bolder;	
}

.NewsTitle{
	padding-top:10px;
	padding-bottom:10px;	
	font-size:18px;
	font-weight:bold;
	border-bottom:solid 1px #eee;
}
.NewsText{
	padding-top:5px;
	padding-bottom:10px;	
	font-size:14px;

}
*/