
/*
home
--------------------------*/
/*ホームメイン*/
.reportBox {
	width: 710px;
	padding: 15px 0 0;
	margin-top: 15px;
	border-top: 1px dashed #ccc;
}
	.reportBox:last-child {
		padding-bottom: 15px;
		border-bottom: 1px dashed #ccc;
	}

.reportBox img {
	float: left;
}
.reportCont {
	width: 510px;
	float: right;
}
	.reportCont .date {
		font-weight: bold;
		color: #F06400;
		font-size: 1em;
	}
	.reportCont h3 {
		font-weight: bold;
		margin: 5px 0;
	}
	.reportCont p {
		font-size: 0.9em;
	}
	.readmore {
		text-align: right;
		margin-top: 5px;
	}

/*ホームサブ*/	

.aboutlionsBox {
	padding: 10px;
	margin-bottom: 30px;
}
	.aboutlionsBox p {
		font-size: 0.9em;
	}
.btn_moreread {
	display: block;
	width: 8em;
	padding: 2px 5px;
	background: #FF7500;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
	text-decoration: none;
	float: right;
}

.side_officeBox {
	padding: 10px;
	margin-bottom: 30px;
	font-size: 0.9em;
}
	.side_officeBox ul {
		margin: 10px 0 0;
	}
	.side_officeBox li {
		text-indent: -1em;
		padding-left: 1em;
	}
	

/*.dl_reikai {
	margin: 10px 10px 10px;
	font-size: 0.9em;
}
	.dl_reikai dt {
		color: #727171;
		padding-top: 3px;
	}
	.dl_reikai dd {
		color: #036EB1;
		font-weight: bold;
		border-bottom: 1px dotted #ccc;
		padding-bottom: 3px;
	}

.dl_reikai {
	margin: 10px 10px 10px;
	font-size: 0.9em;
}
	.dl_reikai dt {
		clear: left;
		float: left;
		color: #036EB1;
		font-weight: bold;
		padding: 2px 0 3px 1em;
	}
	.dl_reikai dd {
		color: #036EB1;
		font-weight: bold;
		border-bottom: 1px dotted #ccc;
		padding: 2px 0 3px 6em;
	}*/


/*
ご紹介
--------------------------*/

.messageBox {
	display: flex;
	align-items: flex-start;
}
.messageBox img {
	margin-right: 20px;
}
.messageBox div {
	width: 620px;
}


.tbl_soshiki01 {
	width: 90%;
	margin: 30px auto;
}
	.tbl_soshiki01 th,
	.tbl_soshiki01 td {
		padding: 5px 10px;
		border: 1px solid #aaa;
		vertical-align: middle;
	}
	.tbl_soshiki01 th {
		width: 120px;
		text-align: center;
		background: #DAF2F4;
		font-weight: bold;
	}
	.tbl_soshiki01 caption {
		text-align: left;
		margin: 0 0 10px;
		font-size: 1.1em;
		font-weight: bold;
	}

.tbl_soshiki02 {
	width: 90%;
	margin: 30px auto;
}
	.tbl_soshiki02 th,
	.tbl_soshiki02 td {
		padding: 5px 10px;
		border: 1px solid #aaa;
		vertical-align: middle;
		text-align: center;
	}
	.tbl_soshiki02 th {
		background: #DAF2F4;
		font-weight: bold;
	}
	.tbl_soshiki02 caption {
		text-align: left;
		margin: 0 0 10px;
		font-size: 1.1em;
		font-weight: bold;
	}
	
.officeBox {
	width: 90%;
	margin: 30px auto 20px;
	padding: 20px 30px;
	background: #eee;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
	.officeBox h4 {
		font-weight: bold;
		margin-bottom: 10px;
	}
	.officeBox dl {
		margin-left: 1em;
	}
		.officeBox dt {
			clear: left;
			float: left;
		}
		.officeBox dd {
			padding: 0 0 5px 6em;
		}	
	
	
	
	
	
	
/*
メンバー紹介
--------------------------*/
	
.tbl_members {
	width: 90%;
	margin: 30px auto;
}
	.tbl_members th,
	.tbl_members td {
		padding: 5px 10px;
		border: 1px solid #aaa;
		vertical-align: middle;
		text-align: left;
	}
	.tbl_members th {
		background: #DAF2F4;
		font-weight: bold;
		text-align: center;
	}
	
	
	
	


/*
沿革
--------------------------*/

.dl_history {
	margin: 30px 0;
}
.dl_history dt {
	clear: left;
	float: left;
	font-weight: bold;
	padding: 10px 0 10px 1em;
}
.dl_history dd {
	padding: 10px 0 10px 16em;
	border-bottom: 1px dashed #ccc;
}



/*
入会案内
--------------------------*/

.admissionBox01 {
	width: 90%;
	margin: 20px auto 200px;
	padding: 20px;
	background: #eee;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.admissionBox01 dt {
	clear: left;
	float: left;
}
.admissionBox01 dd {
	padding-left: 6em;
}


/*
例会予定
--------------------------*/

.tbl_meeting01 {
	/*width: 90%;*/
	margin: 30px auto;
}
	.tbl_meeting01 th,
	.tbl_meeting01 td {
		padding: 3px 7px;
		border: 1px solid #aaa;
		vertical-align: middle;
		font-size: 0.9em;
	}
	.tbl_meeting01 th {
		text-align: center;
		background: #DAF2F4;
	}
	.tbl_meeting01 .td_date {
		text-align: center;
		background: #f5f5f5;
	}
	.tbl_meeting01 td.center {
		text-align: center;
	}



/*
年間スケジュール
--------------------------*/

.tbl_schedule {
	width: 90%;
	margin: 30px auto;
}
	.tbl_schedule th,
	.tbl_schedule td {
		padding: 5px 10px;
		border: 1px solid #aaa;
		vertical-align: middle;
	}
	.tbl_schedule th {
		text-align: center;
		background: #DAF2F4;
	}


/*
活動実績
--------------------------*/

.tbl_achievementList {
	width: 90%;
	margin: 30px auto;
}
	.tbl_achievementList th,
	.tbl_achievementList td {
		padding: 5px 10px;
		border: 1px solid #aaa;
		vertical-align: middle;
	}
	.tbl_achievementList th {
		text-align: center;
		background: #DAF2F4;
	}


.newstoparea {
	border-bottom:1px dotted #ccc;
	padding-top:20px;
	padding-bottom:30px;
}
	
	.newstoparea .hiduke {
		font-weight:bold;
	}
	.newstoparea .title {
		padding-bottom:1em;
		color:#64974e;
		font-size:1.1em;
	}
		.newstoparea .title a {
			color:#64974e;
		}
		.newstoparea .title a:hover {
			text-decoration:none;
		}
	
	img.no_gif {
		visibility:hidden;
	}


.newsimgboxa {
	width:230px;
	float:left;
	margin-left:10px;
	margin-top:15px;
}


.pagenation {
	padding-top:5px;
	text-align:center;
}




/*
リンク
--------------------------*/

.ul_link {
	width: 95%;
	margin: 30px auto;
}
.ul_link li {
	padding: 15px;
	border-bottom: 1px dashed #ccc;
}



/*
アクティビティ
--------------------------*/

.photoBox {
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;

	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;

	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;

}

.photoBox figure {
	width: 250px;
	margin-bottom: 30px;
	text-align: center;
}
.photoBox figure img {
	display: inline-block;
}
.photoBox figcaption {
	padding-top: 5px;
}


/*
福岡太陽ライオンズのあゆみ
--------------------------*/

.certificate {
	width: 500px;
	margin: 0 auto;
}
.certificate img {
	width: 100%;
}
.anv_list {
	width: 500px;
	margin: 0 auto;
}
.anv_dl {
	display: flex;
	justify-content: space-between;
}
.anv_dl dt,
.anv_dl dd{
	display: inline-block;
}
/*.anv_dl .anv_dot {
	width: auto;
	background-image: radial-gradient(#0d1f66 9%, transparent 9%);
      background-size: 15px 15px;
}*/
.anv_h3 {
	display: block;
	text-align: center;
	width: 500px;
	margin: 50px auto 0;
	padding: 5px 50px;
	border-top: 5px solid #F06400;
	border-bottom: 5px solid #F06400;
}
.anv_h3 span {
	font-size: 20px;
	font-weight: bold;
	
}
.anv_h3 span::before {
	
}
.anv_content {
	width: 600px;
	margin: 0 auto;
}
.anv_grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 40px;
	margin: 0 auto;
}
.anv_grid img {
	width: 100%;
}
.anv_grid img.w170{
	width:170px;
	margin:0 auto;
}
.anv_grid figcaption {
	text-align: center;
}
.anv_grid_cnt {
	width: 250px;
}
.anv_grid_cnt figure:first-child {
	height: 230px;
}
.anv_head {
	width: 700px;
	margin: 0 auto 30px;
}
.anv_head img {
	width: 100%;	
}
.anv_head.top_head {
	margin-top: 30px;
}
.anv_head a {
	transition: 0.3s;
}
.anv_head a:hover {
	filter: brightness(85%) contrast(120%);
}
.shikishidai {
	width: 600px;
}
.shikishidai img {
	width: 100%;
}