@charset "utf-8";

#topimg{
	background: url(/branch/img/topimg.jpg) center 0 repeat-x;
	background-size: cover;
}
.bulletin{
	display: flex;
	flex-wrap: wrap;
	padding: 0 10px;
}
.meeting{
	width: 30%;
}
.news{
	width: 70%;
}
@media(max-width: 767.98px){
.meeting,
.news{
	width: 100%;
}
}
.news ul{
	list-style: none;
}
.news ul li{
	padding: 0.75em 0.5em 0.25em;
	border-bottom: 1px solid #CCC;
}
.news li.ppr{
	padding-left: 1.75em;
	background: url(/img/paper.gif) 0.6em 1.15em no-repeat;
}
.album{
	display: flex;
	flex-wrap: wrap;
}
.album div{
	width: 10%;
	padding: 5px;
	text-align: center;
}
@media(max-width: 991.98px){
.album div{
	width: 20%;
}
}
@media(max-width: 767.98px){
.album div{
	width: 25%;
}
}
@media(max-width: 575.98px){
.album div{
	width: 33.33%;
}
}
@media(max-width: 479.98px){
.album div{
	width: 50%;
}
}
.album-gp{
	display: flex;
	flex-wrap: wrap;
}
.album-gp div{
	width: 33.33%;
	padding: 5px 5px 10px;
	text-align: center;
}
.album-gp div p{
	font-size: 0.9em;
}
@media(max-width: 767.98px){
.album-gp div{
	width: 100%;
}
}
.tbl-ad{
	max-width: 1000px;
	margin: 0 auto;
	border: 2px solid #CCC;
}
.tbl-ad th,
.tbl-ad td{
	border: 1px solid #CCC;
}
.tbl-ad th,
.tbl-ad td{
	padding: 0.5em 1em;
}
.tbl-ad th{
	background-color: #FFFAE5;
}
@media(max-width: 767.98px){
.tbl-ad{
	font-size: 0.9rem;
}
}
@media(max-width: 575.98px){
.tbl-ad{
	font-size: 0.8rem;
}
}
#btn-list{
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
}