@charset "utf-8";

#keyvisual { width: 900px; margin: 0 auto; margin-top: 20px; border:1px solid #ccc; box-sizing:border-box; box-shadow:rgba(161, 161, 161, 0.7) 0px 0px 7px 3px;}
#keyvisual img{ width: 100%;}
@media screen and (max-width: 960px) {
#keyvisual { width: 96%; margin-right: 2%; margin-left: 2%;}
}

/*ニュース
========================================================*/
#news {
	 width: 1000px;
	 margin: 0 auto; 
	margin-top: 20px;
}
#news li {
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
}
#news  li:not(:last-child)  {
	border-bottom: 1px dotted #999;
}
#news li figure { width: 30%;}
#news li figure  img { width: 100%;}
#news li div {width: 67%; }
#news li h3{ font-weight: bold; margin-bottom: 10px; }
.end { color: #C30;}
@media screen and (max-width: 768px) {
	#news {
		 width: 96%; 
	}
	#news li {
		display: block;
	}
	#news li figure { width: 70%; margin: 0 auto;}
	#news li div {width: 100%; margin-top: 20px;}
}
/*about
========================================================*/
#aboutbox {background : -webkit-linear-gradient(top, #fef9f6,#fadabc);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fef9f6, endcolorstr=#fadabc))";
zoom: 1;
-pie-background : linear-gradient(to bottom, #fef9f6, #fadabc);
background : linear-gradient(to bottom, #fef9f6, #fadabc);}
#aboutbox-inner { width: 1000px;  margin: 0 auto; padding: 20px 0; position: relative;}
#aboutbox-img { position: absolute; bottom: 0; left: 0;}
#aboutbox-txt { width: 700px; float: right;}
@media screen and (max-width: 960px) {
#aboutbox-inner { width: 96%; margin: 0 2%;}
#aboutbox-txt { width:60%;  }
}
@media screen and (max-width: 800px) {
	#aboutbox-txt { width:100%; float:none; }
	#aboutbox-img { display:none}
}