@charset "utf-8";
/* イベント情報　ニュースページ用 */

html,body{ /*width:100%; overflow: auto; background:#222222;*/ }
 
/**/
#cts-title{ width:100%; padding:15px 0; background:#eeeeee;}
#cts-title > .inner{ width:100%; margin:0 auto; }
#cts-title > .inner > h2{ text-align:center;}
#cts-title > .inner > h2 img{ width:60%; max-width:300px;}
/**/
#contents{}/*包括*/
#contents > .inner{ padding:15px 0; background:#ffffff; }


article{ width:94%; margin:0 /*3% */; padding:15px 3%; border-bottom:1px dashed #cccccc; }
/*article > a{ width:98%; height:100%; padding:15px 1%; display: block; overflow: hidden; }*/

article /*> a */> div.update{
	width:100px;
	height:15px;
	line-height:15px;
	text-align: center;
	letter-spacing: 0.04em;
	font-size:82%;
	color:#ffffff;
	background:#6a9e7B/*#0563FF*/;
	border-radius:3px;
}

article /*> a */> h3{ 
	padding:4px 0;
	line-height:1.1em;
	letter-spacing: 0.04em;
	word-break : break-all;
	color:#3399ff;
}

article /*> a */> div.thum{
	margin-right:2.5%;
	width:20%; height:100%; 
	position: relative; overflow: hidden;
	float:left;
}
article /*> a */> div.thum:after{	
	content:"";
    display: block;
    padding-top: 150%;
}
article /*> a */> div.thum > img { position: absolute; top:0; left:0; }

article /*> a */> div.tex{
	width:77.5%;
	max-height:143px;
	overflow: hidden;
	line-height:1.3em; 
	font-size:90%;
	text-align: justify;
	text-justify: distribute;
	color:#777777;
	float:left;
}

article /*> a */> div.shop{
	clear: both;
	padding:5px 0; 
}

article /*> a */> div.link{
	float: right;
	width:120px;
	height:20px;
	line-height:20px;
	text-align: center;
	font-size:85%;
	background: #cccccc;
}

article /*> a */> div.link > a{width:100%;height:100%; display: block;}