@charset "UTF-8";

/* -------------------------- */
/* content */
/* -------------------------- */

#searchBox {
	margin-bottom: 65px;
}
	#searchBox .contentInner {
	}
		#searchBox .contentInner p {
			float: left;
			padding: 22px 20px 0 20px;
			color: #8fc43d;
			font-size: 1.3em;
			font-family: 'Roboto', sans-serif;
			letter-spacing: 1px;
		}
		#searchBox .contentInner .selectForm {
			float: left;
			padding: 13px 0;
			font-size: 1.4em;
		}
		#searchBox .contentInner .selectForm select {
			appearance: none;
			-webkit-appearance: none;
			-moz-appearance: none;
			background: none transparent;
			text-indent: 0.01px;
			text-overflow: "";
			height: 32px;
			padding: 4px 50px 4px 10px;
			border: 1px solid #d1d1d1;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			text-indent: .01px;
			background: #fff url(../images/ico/icon_select.gif) no-repeat right;
		}
		#searchBox .contentInner .selectForm select::-ms-expand {
			display: none;
		}


/* information */
#information {
	padding-bottom: 80px;
}
	#information .infoList {
		clear: both;
		overflow: hidden;
		border-bottom: 1px dashed #dddddd;
	}
		#information .infoList a {
			display: block;
			overflow: hidden;
			padding: 30px 0;
			color: #323232;
		}
		#information .infoList:first-child a {
			padding-top: 0;
		}
			#information .infoList a figure {
				float: left;
				width: 16%;
				line-height: 0;
			}
				#information .infoList a figure img {
					width: 100%;
					height: auto;
				}
			#information .infoList a .txtBox {
				float: right;
				width: 81%;
			}
			#information .infoList a .category ,
			#information .infoMore .titleBox .category {
				float: left;
				width: 150px;
				margin: 0 20px 17px 0;
				padding: 4px 0 3px 0;
				border-radius: 3px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				text-align: center;
				color: #fff;
				font-size: 1.4em;
			}
				#information .stats01 { background-color: #debb43;}
				#information .stats02 { background-color: #e09e80;}
				#information .stats03 { background-color: #7ebfd4;}
				#information .stats04 { background-color: #ea98b3;}
			#information .infoList a .date ,
			#information .infoMore .titleBox .date {
				float: left;
				margin: 3px 0 14px 0;
				padding-bottom: 8px;
				text-align: center;
				font-size: 1.4em;
			}
			#information .infoList a h2 {
				clear: both;
				margin-bottom: 15px;
				padding-bottom: 10px;
				text-align: justify;
				font-size: 1.6em;
				line-height: 1.4em;
			}
		#information .infoList a:hover {
			text-decoration: none;
		}
			#information .infoList a:hover figure {
				opacity: 0.7;
			}
			#information .infoList a:hover h2 {
				color: #de7a43;
			}

	/* members More */
	#information .infoMore {
		overflow: hidden;
	}
		#information .infoMore .titleBox {
			border-top: 1px solid #ddd;
			border-bottom: 3px solid #f1f1f1;
		}
			#information .infoMore .titleBox .category {
				margin: 15px 20px 15px 15px;
			}
			#information .infoMore .titleBox .date {
				margin: 18px 0 0 0;
			}
			#information .infoMore .titleBox h2 {
				padding: 20px 10px;
				border-top: 1px dashed #ddd;
				border-bottom: 1px solid #ddd;
				clear: both;
				font-size: 2.6em;
				line-height: 1.4em;
			}
			
		#information .infoMore .entryBox {
			overflow: hidden;
			padding: 50px 0;
			border-bottom: 1px dashed #ddd;
			font-size: 1.7em;
			line-height: 1.8em;
		}
				


/* ================================================================================================================================================================================== */
/* mobile */
/* ================================================================================================================================================================================== */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* max-768 */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width:481px) and (max-width:768px) {


/* -------------------------- */
/* content */
/* -------------------------- */



}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* max-480 */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width:320px) and (max-width:480px) {

/* -------------------------- */
/* content */
/* -------------------------- */

#information {
	padding-bottom: 40px;
}
	#information .infoList {
		border-bottom: 1px solid #dddddd;
	}
		#information .infoList a {
			padding: 15px 0;
		}
			#information .infoList a figure {
				width: 33%;
			}
			#information .infoList a .txtBox {
				width: 63%;
			}
			#information .infoList a .category {
				float: none;
				width: auto;
				margin: 0 0 10px 0;
				padding: 2px 0 1px 0;
				font-size: 1.2em;
			}
			#information .infoList a .date {
				float: none;
				margin: 0 0 10px 0;
				padding-bottom: 8px;
				border-bottom: 1px dashed #ddd;
				font-size: 1.2em;
			}
			#information .infoList a h2 {
				margin-bottom: 0;
				padding-bottom: 0;
				font-size: 1.4em;
				line-height: 1.4em;
			}
	
	/* members More */
	#information .infoMore {
	}
		#information .infoMore .titleBox {
		}
			#information .infoMore .titleBox .category {
				float: none;
				width: auto;
				margin: 10px 10px;
				padding: 2px 0 1px 0;
			}
			#information .infoMore .titleBox .date {
				float: none;
				margin: 10px;
			}
			#information .infoMore .titleBox h2 {
				padding: 10px;
				font-size: 2.0em;
			}
			
		#information .infoMore .entryBox {
			padding: 30px 0;
			font-size: 1.4em;
			line-height: 1.6em;
		}


}