/* CSS Document */
/* margin{上右下左}*/


/***************** ニュース（行事・事業案内） ****************/
section.news{
	display:block;
	clear:left;
	border-bottom: 1px solid gray;
	font-size: 90%;
	overflow:hidden;
}
.news div{
	margin-top: 20px;
	float:left;
}
.news div:first-child{
	width: 80px;
	margin-right: 10px;
	font-size: 90%;
	border: 2px; solid gray;
}
/* 分類 */
.news div > span{
	color: white;
	text-align:center;
	padding: 1px 0;
	display:block;
	font-weight:600;
}
/* タイトル */
.news div h3{
	margin: 0;
}
/* 本文 */
.news div p{
	padding: 5px;
	width: 570px;
}
.news div p > span{
	display:block;
	margin-bottom: 10px;
}
.news div p > a{
	margin: 0 10px;
}

.news_color1{ background-color: #248DC6; }
.news_color2{ background-color: #1D9D90; }
.news_color3{ background-color: #5D5D5D; }
.news_color4{ background-color: #CC9999; }

/***************** 活動報告 ****************/
section.report{
	display:block;
	padding-top: 20px;
	clear:left;
}

section.report img{
	float:left;
	margin-right: 10px;
	width: 210px;
	height: auto;
	margin-top: 5px;
}
section.report hr{
	clear:left;
	border: 1px 0 0 0 solid gray;
}
.news_color1{ background-color: #248DC6; }
.news_color2{ background-color: #1D9D90; }
.news_color3{ background-color: #CC9999; }
.news_color4{ background-color: #5D5D5D; }

section.report div{
	font-size:16px;
	font-weight:600;
}
/* 日付 */
section.report div:nth-of-type(1) {
	float:left;
	margin-right: 10px;
}
section.report div:nth-of-type(1):first-letter{
	color: #248DC6;
	margin-right: 5px;
}

/* 分類 */
section.report div:nth-of-type(2) {
	float:left;
	width: 100px;
	text-align:center;
	margin-right: 5px;
	color: white;
}
/* タイトル */
section.report h3 {
	float:left;
	margin: 0px;
	width: 430px;

}
/* 本文 */
section.report div:nth-of-type(3) {
	clear:left;
	padding: 10px 0;
	margin: 10px 0;
	font-size: 12px;
	font-weight: normal;
	overflow:hidden;
}



/***************** バックナンバー ****************/

/* タップ部分下地 */
div.backNumber{
	background-color:#D2E6F0;
	cursor:pointer;
	margin: 5px 10px;
}
div.backNumber > li{
	padding: 5px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
}
div.backNumber > li span{
	display:block;
	border-bottom:3px solid #6CA1BE;
	padding: 5px 15px;
}
/* 展開部分下地 */
div.backNumber ul{
	background-color:#F2F2F2;
	cursor: default;
	margin: 0px;
	padding: 0px 0px 5px 20px;
}
div.backNumber ul li{
	margin: 0px;
	padding: 0px 10px 0px 10px;	
}

/* 展開部項目 */
div.backNumber ul li span{
	width: 450px;
	display:inline-block;
	padding: 5px;
}
div.backNumber ul li span:first-child{
	width: 145px;
}

/* 展開部最上段 */
div.backNumber ul li:first-child{
	padding: 0px;
}
div.backNumber ul li:first-child span{
	background-color:#898989;
	font-weight: 600;
	color: white !important;
	margin-top: 10px;
	text-align:center;
}
div.backNumber ul li:first-child span:first-child{
	background-color:#474747;
}





@media (max-width:640px){
	

/***************** ニュース（行事・事業案内） ****************/
/* 本文 */
.news div p{
	width: auto;
}


/***************** ニュース（行事・事業案内） ****************/
/* タイトル */
section.report h3 {
	width: 100%;
	margin: 10px 0;
}


/***************** バックナンバー ****************/

/* 展開部分下地 */
div.backNumber ul{
	padding: 0px 5px 5px 5px;
}
div.backNumber ul li{
	padding: 0px 0px 0px 5px;	
}
/* 展開部項目 */
div.backNumber ul li span{
	width: 100%;
	display:inline-block;
	padding: 3px 0px;
}

}

@media (max-width:320px){
	
/***************** ニュース（行事・事業案内） ****************/
.news div{
	float:none;
}

/***************** 活動報告 ****************/
section.report img{
	float: none;
	display:block;
	margin: 0 auto 10px;
}

/* タイトル */
section.report h3 {
	margin: 5px 0;
	width: 100%;
}

/* 本文 */
section.report div:nth-of-type(3) {
	padding: 5px 0;

}




}