@charset "utf-8";


/*---------------------------------------------------------------------------------------
	大枠設定
----------------------------------------------------------------------------------------*/

body{
	font-family: source-han-sans-japanese, sans-serif;
	color:#111;
	text-align:center;
}
#wrapper{
	background: #17458F;
	overflow: hidden;
}
.switch{}
a{ color:#17458F; text-decoration:none; -webkit-transition: all .2s; transition: all .2s;}
a:hover{ color:#999; text-decoration:none;}
img.imgalpha{ -webkit-transition: all .2s; transition: all .2s;}
/* font */
.gothic{ font-family: source-han-sans-japanese, sans-serif;}
.mincho{ font-family: source-han-serif-japanese, serif;}
.times{ font-family: "Times New Roman", Times, "serif";}
/* txt */
.white{ color: #fff;}
.blue{ color: #2B4176;}
.underline{ text-decoration: underline;}
/* bg */
.bg-gray{ background: #F7F7F7;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:768px){
	.clear-sp{ clear: both;}
}


/*---------------------------------------------------------------------------------------
	header
----------------------------------------------------------------------------------------*/

header{
	position: absolute;
	left: 0;
	top: 0;
	width: 220px;
	min-height: 100vh;
	overflow: hidden;
}
header h1{
	padding: 30px 0 20px;
}
header ul li a{
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	text-align: left;
	padding: 13px 10px 13px 25px;
}
header ul li.members a{ background: #673E0D;}
header ul li:nth-child(1).members a{ background: #284bbf;}
header ul li:nth-child(2).members a{ background: #2880bf;}
header ul li:nth-child(3).members a{ background: #ed8224;}
header ul li.en a{ background: #5D5D5D;}
header ul li.current a{ background: #042457;}
header ul li.members.current a{ background: #41280A;}
header ul li.en.current a{ background: #2F2A2A;}
header ul li ul li a{
	font-size: 14px;
}
header p{ display: none;}

/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:1000px){
	header{
		position: static;
		width: auto;
		min-height: inherit;
		overflow: auto;
	}
	header h1{
		height: 70px;
		padding: 8px 10px 0;
		text-align: left;
		background: #17458F;
		position: relative;
		z-index: 999999;
	}
	header h1 img{
		height: 52px;
		width: auto;
	}
	header p#header-menu{
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 999999;
		cursor: pointer;
	}
	header p#header-members{
		display: block;
		position: absolute;
		right: 70px;
		top: 0;
		z-index: 999999;
	}
	header nav{
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		opacity: 0;
		padding-top: 70px;
		margin-left: 0;
		background: rgba(23,69,143,.95);
		-webkit-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		box-shadow:0px 0px 5px -2px #333;
		z-index: -1;
	}
	header.open nav{
		opacity: 1;
		z-index: 99999;
	}
}






/*---------------------------------------------------------------------------------------
	footer
----------------------------------------------------------------------------------------*/

footer{
	clear: both;
	color: #fff;
	padding: 0 5% 30px;
	background: url("../images/footer-bg.jpg") no-repeat center;
	background-size: cover;
	overflow: hidden;
}
footer a:hover{
	opacity: .5;
}
footer #footerwrap{
	max-width: 800px;
	margin: 0 auto;
	overflow: hidden;
}
footer #footerwrap #pagetop{
	text-align: right;
	margin-bottom: 30px;
}
footer #footerwrap #pagetop a{
	display: inline-block;
	padding: 0 30px;
	color: #fff;
	line-height: 40px;
	background: #082A60;
}
footer #footerwrap #fnav{
	float: left;
	width: 40%;
	text-align: left;
	overflow: hidden;
}
footer #footerwrap #fnav ul:nth-child(1){
	float: left;
	width: 45%;
}
footer #footerwrap #fnav ul:nth-child(2){
	float: left;
	width: 55%;
}
footer #footerwrap #fnav ul.en{
	float: none;
	width: auto;
}
footer #footerwrap #fnav ul a{
	display: inline-block;
	color: #fff;
	font-weight: 500;
	margin-bottom: 20px;
}
footer #footerwrap #fabout{
	float: right;
	width: 55%;
	line-height: 1.4;
	text-align: left;
	margin-bottom: 80px;
}
footer #footerwrap #fabout dl{
	margin-bottom: 40px;
}
footer #footerwrap #fabout dl dt{
	font-weight: 500;
	margin-bottom: 15px;
}
footer #footerwrap #fabout dl dd{
	font-size: 14px;
}
footer #footerwrap #fabout a{
	color: #fff;
	text-decoration: underline;
}
footer #footerwrap #fabout p{
    font-size: 15px;
	padding: 15px 30px;
	border: 1px solid #fff;
}
footer #footerwrap #copy{
	clear: both;
	font-size: 12px;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:768px){
	footer{
		padding: 0 0 30px;
	}
	footer #footerwrap #pagetop{
		text-align: right;
		margin-bottom: 30px;
	}
	footer #footerwrap #fnav{
		float: none;
		width: auto;
		text-align: left;
		padding: 0 5%;
		margin-bottom: 20px;
	}
	footer #footerwrap #fnav ul{
		width: 50%!important;
	}
	footer #footerwrap #fabout{
		float: none;
		width: auto;
		padding: 0 5%;
		margin-bottom: 30px;
	}
	footer #footerwrap #fabout dl{
		margin-bottom: 30px;
		line-height: 1.8;
	}
	footer #footerwrap #fabout p{
		padding: 15px 20px;
	}
	footer #footerwrap #copy{
		font-size: 10px;
	}
}






/*---------------------------------------------------------------------------------------
	contents
----------------------------------------------------------------------------------------*/

#contents{
	margin-left: 220px;
	background: #fff;
}
#contents .wrap{
	clear: both;
	box-sizing: content-box;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5%;
	padding-right: 5%;
	text-align: left;
}
/* pnav */
#pnav{
	font-size: 14px;
	padding: 15px 0;
}
#pnav li{
	display: inline-block;
}
#pnav li a{
	text-decoration: underline;
}
#pnav li:not(:last-child):after{
	content: "〉";
	padding-left: .5em;
}
/* title */
#pagetitle{
	height: 200px;
	color: #fff;
	font-size: 32px;
	font-weight: normal;
	padding: 55px 3% 0;
}
#pagetitle.en{
	padding: 70px 3% 0;
}
#pagetitle.en2{
	padding: 50px 3% 0;
}
#pagetitle small{
	display: block;
	font-size: 16px;
}
#pagetitle.pagetitle-speech{ background: url("../images/speech-pagetitle.jpg") no-repeat center top; background-size: cover;}
#pagetitle.pagetitle-history{ background: url("../images/history-pagetitle.jpg") no-repeat center top; background-size: cover;}
#pagetitle.pagetitle-member{ background: url("../images/member-pagetitle.jpg") no-repeat center top; background-size: cover;}
#pagetitle.pagetitle-outline{ background: url("../images/outline-pagetitle.jpg") no-repeat center top; background-size: cover;}
#pagetitle.pagetitle-greeting{ background: url("../images/greeting-pagetitle.jpg") no-repeat center top; background-size: cover;}
#pagetitle.pagetitle-about{ background: url("../images/about-pagetitle.jpg") no-repeat center top; background-size: cover;}
#pagetitle.pagetitle-feature{ background: url("../images/feature-pagetitle.jpg") no-repeat center top; background-size: cover;}
#pagetitle.pagetitle-committee{ background: url("../images/committee-pagetitle.jpg") no-repeat center top; background-size: cover;}
#pagetitle.pagetitle-link{ background: url("../images/link-pagetitle.jpg") no-repeat center top; background-size: cover;}

.title1{
	clear: both;
	font-size: 28px;
	font-weight: normal;
	line-height: 1.3;
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
}
.title2{
	clear: both;
	color: #2B3F76;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	padding-left: 15px;
	border-left: 4px solid #ccc;
}
.title3{
	clear: both;
	color: #2B3F76;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.3;
	padding-bottom: 8px;
	border-bottom: 2px dotted #2B3F76;
}
.title4{
	clear: both;
	color: #2B3F76;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.3;
	padding-bottom: 8px;
	border-bottom: 2px solid #2B3F76;
}
.title5{
	clear: both;
	color: #2B3F76;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2;
	padding-bottom: 20px;
}

.title6{
	clear: both;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	padding-bottom: 20px;
	display: flex;
	align-items: center;
}

.title6:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #ccc;
	display: block;
	margin-left: 1.5rem;
}

/* btn */
a.btn1,
a.btn2{
	display: inline-block;
	min-width: 150px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	padding: 0 1.5em;
	background: #2B4276;
}
a.btn1:after{
	content: "▶";
	margin-left: 1em;
}
a.btn2:before{
	content: "◀";
	margin-right: 1em;
}

/* login */
.loginerr{
	padding-top: 40px;
	color: #c00;
	font-weight: bold;
}
.logininput{
	padding: 40px 0 20px;
}
.logininput li{
	margin-bottom: 10px;
}
.logininput li span{
	display: inline-block;
	width: 6em;
	line-height: 40px;
}
.logininput input{
	box-sizing: border-box;
	width: 12em;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	padding: 0 10px;
}
.loginbtn{
	display: inline-block;
	width: 10em;
	font-family: source-han-sans-japanese, sans-serif;
	color: #fff;
	line-height: 2;
	text-align: center;
	background: #666;
}

/* pager */
.pager{
	clear: both;
	text-align: center;
}
.pager li{
	display: inline-block;
	margin: 0 5px;
}
.pager li a{
	display: block;
	line-height: 2;
	width: 2em;
	color: #fff;
	font-size: 16px;
	background: #082A60;
	border: 1px solid #082A60;
}
.pager li.active a{
	color: #082A60;
	background: #fff;
	border: 1px solid #082A60;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:1000px){
	#contents{
		margin-left: 0;
	}
}
@media screen and (max-width:768px){
	/* title */
	#pagetitle{
		height: 150px;
		font-size: 28px;
		padding: 40px 3% 0;
		background-size: auto 150px!important;
	}
	#pagetitle.en,
	#pagetitle.en2{
		height: auto;
		padding: 40px 3%;
		line-height: 1.3;
	}
	#pagetitle small{
		display: block;
		font-size: 14px;
	}
	/* pager */
	.pager li a{
		font-size: 14px;
	}
}
@media screen and (max-width:500px){
	#pagetitle.en,
	#pagetitle.en2{
		font-size: 22px;
	}
}


/*---------------------------------------------------------------------------------------
	/
----------------------------------------------------------------------------------------*/

#top h2{
	background: url("../images/top-mv-bg.jpg") no-repeat center;
	background-size: cover;
}
#top ul.sns{
	float: right;
	height: 45px;
	margin-top: -45px;
	padding: 0 3%;
}
#top ul.sns li{
	float: left;
	max-width: 38px;
}
/* news */
#top #news{
	color: #fff;
	font-size: 14px;
	text-align: left;
	background: url(../images/top-news-bg.svg) no-repeat left top #000;
	overflow: hidden;
}
#top #news h3{
	float: left;
	font-size: 24px;
	font-weight: normal;
	line-height: 65px;
	padding: 0 20px;
	margin-right: 20px;
	position: relative;
	border-top:none!important;
	border-bottom:none!important;
	color:#fff!important;

}
#top #news h3 span{
	position: relative;
}
#top #news dl{
    font-size: 18px;
	padding: 20px 30px;
	overflow: hidden;
}
#top #news dl dt{
	float: left;
	width: 7em;
}
#top #news dl dd{
	overflow: hidden;
}
#top #news dl dd a{
	color: #fff;
}
#top #news dl dd a:hover{
	text-decoration: underline;
}
/* topnav */
#top #topnav{
	clear: both;
	background: #000;
	overflow: hidden;
}
#top #topnav li{
	float: left;
	width: 33.33333%;
	position: relative;
	overflow: hidden;
}
#top #topnav li:nth-child(4),
#top #topnav li:nth-child(8){
	background: #fff;
}
#top #topnav li a{
	display: block;
	color: #fff;
	font-size: 3vw;
}
#top #topnav li:nth-child(4) a,
#top #topnav li:nth-child(8) a{
	color: #000;
}
#top #topnav li a span{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	z-index: 2;
}
#top #topnav .en li a span{ font-size: 2vw;}
#top #topnav li a span small{
	display: block;
	font-size: 1.2vw;
}
#top #topnav li a span small:before{
	display: block;
	content: "";
	width: 15%;
	height: 1px;
	background: #ccc;
	margin: 0 auto 3%;
}
#top #topnav li:nth-child(4) a span small:before,
#top #topnav li:nth-child(8) a span small:before{
	background: #000;
}
#top #topnav li a img{
	transition-duration: 0.5s;
}
#top #topnav li a:hover img{
	opacity: .6;
	transform: scale(1.2);
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:1000px){
	#top #topnav li a{
		font-size: 4.5vw;
	}
	#top #topnav .en li a span{ font-size: 2.6vw;}
	#top #topnav li a span small{
		font-size: 1.8vw;
	}
	#top #topnav li a span small:before{
		width: 20%;
		margin: 0 auto 5%;
	}
}
@media screen and (max-width:768px){
	#top h2{
		background-size: 100% auto!important;
	}
	#top ul.sns{
		height: 40px;
		margin-top: -40px;
		padding: 0 1%;
		width: 25%;
	}
	#top ul.sns li{
		float: left;
		width: 33.33333%;
	}
}
@media screen and (max-width:500px){
	/* news */
	#top #news dl dt{
		float: none;
	}
	/* topnav */
	#top #topnav li{
		float: none;
		width: auto;
	}
	#top #topnav li a{
		font-size: 38px;
	}
	#top #topnav .en li a span{ font-size: 6vw;}
	#top #topnav li a span small{
		font-size: 14px;
	}
	#top #topnav li a span small:before{
		width: 46px;
		margin: 0 auto 15px;
	}
	#top #topnav li a img{
		margin: -30% auto;
	}
}






/*---------------------------------------------------------------------------------------
	speech
----------------------------------------------------------------------------------------*/

#speech{
}
#speech h3{
	color: #2B3F76;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	padding-left: 15px;
	margin-bottom: 30px;
	border-left: 5px solid #ccc;
}
























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

.flex-area {
	display: flex;
}

.flex-area.fsb  {
	justify-content: space-between;
}

.flex-area.fwp  {
	flex-wrap: wrap;
}
.w150 {
	width: 180px;
}
.h180{
	height: 180px;
}
.w50p {
	width: 50%;
}
.times span {
	font-family: source-han-serif-japanese, serif;
	margin-left: 2px;
	margin-right: 2px;

}
.mb140 {
	margin-bottom: 140px;
}



/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:768px){
	.flex-area {
	display: block;
}
.mb140 {
	margin-bottom: 70px;
}
.w50p {
	width: 100%;
}

}



/*---------------------------------------------------------------------------------------
	list-common
----------------------------------------------------------------------------------------*/
p.list-cont01-read{ 
	text-align: right;
	margin-top: -55px;
	font-size: 16px;
	margin-bottom: 30px;
}
ul.list-table01{
	/*display: flex;
	justify-content: space-between;
	flex-wrap: wrap;*/
	text-align: left;
}

ul.list-table01 li{
    width: 23%;
    margin-right: 2.66%;
	margin-bottom: 12px;
	font-size: 16px;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	float: left;
}
ul.list-table01 li:nth-child(4n){
	margin-right: 0;
}

ul.list-table01 li a{
	display: block;
	font-size: 22px;
	line-height: 40px;
	font-style: italic;
}

ul.list-table01 li a span{
	font-family: source-han-serif-japanese, serif;
	margin-left: 2px;
	margin-right: 2px;
}

ul.list-table01 li a:hover,
ul.list-table01 li.current a{
	background-color: #797979;
	color:#fff;
}


ul.list-table01 li a:before{
	content: url(../images/icon_speechlist01.png);
	display: inline-block;
	margin-right: 25px;
    margin-left: 10px;
}

ul.photolist{
	overflow: hidden;
}
ul.photolist li{
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 20px;
}
ul.photolist li:nth-child(4n){ margin-right: 0;}
ul.photolist li img{ margin-bottom: 5px;}

ol.list-number{
	counter-reset:item;
}
ol.list-number li{
	padding-left: 1.3em;
	position: relative;
}
ol.list-number li:before {
	position: absolute;
	left: 0;
	top: 0;
	counter-increment: item;
	content: counter(item)'.';
}

table.list-cont01{
	width: 100%;
	border-top:solid 1px #ccc;
}
table.list-cont01 th {
	background-color: #F5F5F5;
	line-height: 40px;
	color: #2B4276;
	text-align: center;
	border-bottom: solid 1px #CCCCCC;
}
table.list-cont01 td {
	padding:10px;
	border-bottom: solid 1px #CCCCCC;
	font-size: 16px;
	text-align: center;
}
table.list-cont01 tr td:first-child {
    text-align: left;
}

table.list-cont02{
	border-top:solid 1px #ccc;
}
table.list-cont02 th {
	padding: 10px 20px;
	background-color: #F5F5F5;
	color: #2B4276;
	text-align: center;
	border-bottom: solid 1px #CCCCCC;
	vertical-align: middle;
}
table.list-cont02 th br {
	display: none;
}
table.list-cont02 td {
	padding: 10px 20px;
	border-bottom: solid 1px #CCCCCC;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:768px){
	p.list-cont01-read{ 
		text-align: left;
		margin-top: 0;
	}


	ul.list-table01{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	ul.list-table01 li{
		margin-right: 0;
		width: 48%;
	}
	ul.list-table01 li:nth-child(5n){
		margin-right: 0;
	}

	ul.list-table01 th{
		display:none;
	}
	ul.list-table01 td {
		display: block;
		text-align: left;
		padding-left: 0;
		padding-right: 0;
	}
	ul.list-table01 td:before{
		display: inline-block; 
		width: 40%;
		background-color: #F5F5F5;
		color: #2B4276;
		text-align: center;
		border-bottom: solid 1px #CCCCCC;
		margin-right: 10px;
	}

	ul.photolist li{
		width: 32%;
		margin-right: 2%;
		font-size: 14px;
	}
	ul.photolist li:nth-child(4n){ margin-right: 2%;}
	ul.photolist li:nth-child(3n){ margin-right: 0;}


	table.list-cont01 th{
		display:none;
	}
	table.list-cont01 td {
		display: block;
		text-align: left;
		padding-left: 0;
		padding-right: 0;
	}
	table.list-cont01 td:before{
		display: inline-block; 
		width: 40%;
		background-color: #F5F5F5;
		color: #2B4276;
		text-align: center;
		border-bottom: solid 1px #CCCCCC;
		margin-right: 10px;
	}
	
	table.list-cont02{
		width: 100%;
	}
	table.list-cont02 th {
		padding: 14px 5px;
		font-size: 14px;
		line-height: 1.3;
	}
	table.list-cont02 td {
		padding: 10px 5px;
		font-size: 14px;
	}
}
@media screen and (max-width:500px){
	ul.photolist li{
		width: 48%;
		margin-right: 4%;
	}
	ul.photolist li:nth-child(4n){ margin-right: 4%;}
	ul.photolist li:nth-child(3n){ margin-right: 4%;}
	ul.photolist li:nth-child(2n){ margin-right: 0;}
	
	table.list-cont02{
		font-size: 12px;
	}
	table.list-cont02 th {
		width: 4em;
		padding: 14px 0;
	}
	table.list-cont02 th br {
		display: inline;
	}
	table.list-cont02 td {
		font-size: 12px;
	}
	table.list-cont01 td{
		font-size: 14px;
	}
}






/*---------------------------------------------------------------------------------------
	speech
----------------------------------------------------------------------------------------*/

#speech{
}
#speech h3{
	color: #2B3F76;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	padding-left: 15px;
	margin-bottom: 30px;
	border-left: 5px solid #ccc;
}

#speech .flex-area figure{
	width: 265px;
	 flex-shrink: 0;
	 margin-right: 30px;
}
#speech .flex-area .txt-area{
	width: auto;
}
#speech .flex-area figure img{
	width: 100%;
	height: auto;
}


#speech .flex-area .txt-area h4.chosha{
	border-bottom: solid 1px #17458F;
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-size: 24px;
	line-height: 1;
}



#speech .flex-area .txt-area h4.chosha span{
	font-size: 16px;
}

#speech .flex-area .txt-area h4.chosha span.yakushoku{
	display: block;
	margin-bottom:20px;
}

#speech .flex-area .txt-area p{
	font-size: 14px;
}

#speech .wrap h4.title4{
	font-size: 20px;
	color:#2B4076;
	border-bottom: solid 2px #2B4276;
	margin-top: 50px;
	margin-bottom: 35px;
	line-height: 1;
	padding-bottom: 10px;
}

#speech .flex-area figure.w150h180 {
	width: 150px;
	height: 180px;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:768px){

#speech .flex-area figure{
	width: 100%;
	 margin-right: 0;
	 margin-bottom: 20px;
}
#speech .flex-area figure.w150h180 {
    width: 100%;
    height: auto;
}

#speech .flex-area .txt-area h4.chosha strong {
    display: inline-block;
}

#speech .flex-area .txt-area h4.chosha{
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#speech .flex-area .txt-area h4.chosha span.yakushoku{
	margin-bottom:10px;
}

}


/*---------------------------------------------------------------------------------------
	speech-list
----------------------------------------------------------------------------------------*/

#speech-list{
}

#speech-list table.list-cont01{
	border-top:none;
}
#speech-list table.list-cont01 td:nth-of-type(3){
	text-align: left;
}
#speech-list table.list-cont01 td:nth-of-type(1),
#speech-list table.list-cont01 td:nth-of-type(2){
	white-space: nowrap;
}
#speech-list table.list-cont01 td:nth-of-type(4){
	min-width: 8em;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:768px){

#speech-list table.list-cont01 td:nth-child(3){
	text-align: center;

}
#speech-list table.list-cont01 td:nth-child(4){
	margin-bottom: 50px;

}


#speech-list table.list-cont01 td:nth-child(1):before{
	content:"例会日";

}

#speech-list table.list-cont01 td:nth-child(2):before{
	content:"回　数";

}

#speech-list table.list-cont01 td:nth-child(3):before{
	content:"題　名";
	display: block;

}

#speech-list table.list-cont01 td:nth-child(4):before{
	content:"卓話者（敬称略）";

}


}


/*---------------------------------------------------------------------------------------
	history-list
----------------------------------------------------------------------------------------*/
#history-list{
}

#history-list table.list-cont01{
	border-top:solid 1px #ccc;
}

#history-list table.list-cont01 th {
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
}

#history-list table.list-cont01 td {
	text-align: left;
	padding-left: 10px;
}

#history-list table.list-cont01 td:first-child {
	font-family: source-han-serif-japanese, serif;
	color:#2B4276;
	width: 180px;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:768px){

#history-list table.list-cont01 td{
	display: flex;

}

#history-list table.list-cont01 td:first-child {
	width: auto;
}

#history-list table.list-cont01 td:nth-child(3){
	margin-bottom: 30px;

}

#history-list table.list-cont01 td:before{
	width: 20%;

}
#history-list table.list-cont01 td:nth-child(1):before{
	content:"年度";

}

#history-list table.list-cont01 td:nth-child(2):before{
	content:"会長";

}

#history-list table.list-cont01 td:nth-child(3):before{
	content:"幹事";
}


}


/*---------------------------------------------------------------------------------------
	chronology
----------------------------------------------------------------------------------------*/



#chronology table.list-cont01{
	border-top:solid 1px #ccc;
}
#chronology table.list-cont01 th {
	padding-left: 10px;
	font-weight: bold;
}
#chronology table.list-cont01 td {
	text-align: left;
	border-left: solid 1px #ccc;
	 position: static;

}

#chronology table.list-cont01 td:first-child,
#chronology table.list-cont01 td:nth-child(2) {
	font-family: source-han-serif-japanese, serif;
	color:#2B4276;
}
#chronology table.list-cont01 tr > td:nth-last-of-type(3){
	border-left: none;
}
#chronology table.list-cont01 tr > td:nth-last-of-type(2),
#chronology table.list-cont01 tr > td:nth-last-of-type(3){
	white-space: nowrap;
}
#chronology table.list-cont01 td.tuki,
#chronology table.list-cont01 td.naiyo {
	border-left: solid 1px #ccc;
}
#chronology table.list-cont01 td:last-child {
	font-family: source-han-sans-japanese, sans-serif;
	color: #000;
}
#chronology table.list-cont01 td a {
	text-decoration: underline;
    font-weight: bold;
}

#chronology-cont .imgleft,
#chronology-cont .imgright{
    clear: both;
    overflow: hidden;
}
#chronology-cont .imgright p{
    float: left;
    width: 70%;
}
#chronology-cont .imgright figure{
    float: right;
    width: 27%;
    text-align: center;
}
#chronology-cont .imgleft p{
    float: right;
    width: 70%;
}
#chronology-cont .imgright figure{
    float: left;
    width: 27%;
    text-align: center;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:768px){
#chronology table.list-cont01 td{
	display: flex;
	border-left: none;

}

#chronology table.list-cont01 td.tuki,
#chronology table.list-cont01 td.naiyo {
	border-left: none;
}

#chronology table.list-cont01 td:first-child {
	width: auto;
}

#chronology table.list-cont01 td:nth-child(3){
	margin-bottom: 30px;

}

#chronology table.list-cont01 td:before{
	width: 20%;

}
#chronology table.list-cont01 td:nth-child(1):before{
	content:"年度";

}

#chronology table.list-cont01 td:nth-child(2):before,
#chronology table.list-cont01 td.tuki:before{
	content:"月";

}

#chronology table.list-cont01 td:nth-child(3):before,
#chronology table.list-cont01 td.naiyo:before{
	content:"内容";
}

#chronology-cont .imgright p,
#chronology-cont .imgleft p{
    float: none;
    width: 100%;
}
#chronology-cont .imgright figure,
#chronology-cont .imgright figure{
    float: none;
    width: 100%;
    margin-bottom: 30px;
}

.spmb0 {
	margin-bottom: 0!important;
}

.spmb30 {
	margin-bottom: 30px!important;
}


}




/*---------------------------------------------------------------------------------------
	member-newsletter
----------------------------------------------------------------------------------------*/

#member-newsletter{
}

#member-newsletter p.list-cont01-read{ 
	margin-top: -40px;
	margin-bottom: 13px;
}

#member-newsletter table.list-cont01{
	border-top:none;
}

#member-newsletter table.list-cont01 a{
	text-decoration: underline;
}

#member-newsletter table.list-cont01 tr:nth-child(odd){
	background-color: #F5F5F5;
}
#member-newsletter table.list-cont01 tr > td:first-child{
	width: 6em; 
}
#member-newsletter table.list-cont01 tr > td:nth-child(2){
	width: 6em;
}
#member-newsletter table.list-cont01 td:last-child{
	text-align: left;
}
#member-newsletter table.list-cont01 td dl{
	clear: both;
	overflow: hidden;
	border-bottom: solid 1px #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
}
#member-newsletter table.list-cont01 td dl:last-of-type{
	border-bottom: none;
	margin-bottom: 0;
}
#member-newsletter table.list-cont01 td dl dt{
	position: absolute;
	left: 0;
	top: 0;
	width: 6.5em;
}
#member-newsletter table.list-cont01 td dl dd{
	padding-left: 7.5em;
	overflow: hidden;
	position: relative;
}
#member-newsletter table.list-cont01 td dl dd:before{
	position: absolute;
	left: 6.5em;
	top: 0;
	content: "・";
}
#member-newsletter table.list-cont01 td dl:first-child dd span.number{
	display: block;
	float: left;
	width: 6em;
}
#member-newsletter table.list-cont01 td dl:first-child dd span.title{
	display: block;
	overflow: hidden;
}
.ml6rem {
	margin-left: 6.5rem;
}
#member-newsletter table.list-cont01 tr.tokubetsu {
	background-color: #C2B012;
}


/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:768px){
	#member-newsletter p.list-cont01-read {
		margin-top: 0;
	}


	#member-newsletter table.list-cont01 tr > td:first-child{
		width: auto; 
	}
	#member-newsletter table.list-cont01 tr > td:nth-child(2){
		width: auto;
	}
	#member-newsletter table.list-cont01 td dl{
		clear: both;
		overflow: hidden;
		border-bottom: solid 1px #ccc;
		margin-bottom: 10px;
		padding-bottom: 10px;
		position: relative;
	}
	#member-newsletter table.list-cont01 td dl:last-of-type{
		border-bottom: none;
		margin-bottom: 0;
	}
	#member-newsletter table.list-cont01 td dl dt{
		position: static;
	}
	#member-newsletter table.list-cont01 td dl dd{
		clear: both;
		padding-left: 1em;
		overflow: hidden;
		position: relative;
	}
	#member-newsletter table.list-cont01 td dl dd:before{
		left: 0;
	}
	#member-newsletter table.list-cont01 td dl:first-child dd span.title{
		clear: both;
	}


	#member-newsletter table.list-cont01 td.tuki,
	#member-newsletter table.list-cont01 td.naiyo {
		border-left: none;
	}

	#member-newsletter table.list-cont01 td:first-child {
		width: auto;
	}

	#member-newsletter table.list-cont01 td:nth-child(3){
		margin-bottom: 50px;
		display: block;
		overflow: hidden;

	}

	#member-newsletter table.list-cont01 td:before{
		width: 5em;

	}
	#member-newsletter table.list-cont01 td:nth-child(1):before{
		content:"例会日";
	}

	#member-newsletter table.list-cont01 td:nth-child(2):before,
	#member-newsletter table.list-cont01 td.tuki:before{
		content:"会報No.";

	}

	#member-newsletter table.list-cont01 td:nth-child(3):before,
	#member-newsletter table.list-cont01 td.naiyo:before{
		content:"主な記事";
		float: left;
		margin-right: 0!important;
	}

	#member-newsletter table.list-cont01 td dl{
		clear: right;
		float: right;
		width: calc(100% - 5em);
		padding-left: 10px;
		overflow: hidden;
	}
	#member-newsletter table.list-cont01 td dl,
	#member-newsletter table.list-cont01 td dl dt,
	#member-newsletter table.list-cont01 td dl dd,
	#member-newsletter table.list-cont01 td:last-child{
		display: block;
	}
	#member-newsletter table.list-cont01 td dl dt {
		border-bottom: none;
		font-weight: bold;
		margin-bottom: 0;
		margin-top: 0;
		padding-bottom: 0;
	}

	#member-newsletter table.list-cont01 tr:nth-child(odd) {
		background-color: #fff;
	}

	#member-newsletter table.list-cont01 tr.tokubetsu {
		border:solid 2px #C2B012;
		 background-color: #fff;
		 padding: 10px;
	}

	#member-newsletter table.list-cont01 tr.tokubetsu td:before {
		 margin-left: 10px;
	}

	#member-newsletter table.list-cont01 tr.tokubetsu td:nth-child(3) {
		margin-bottom: 0;
	}

	#member-newsletter table.list-cont01 tr.tokubetsu td:nth-child(3):before {
		box-sizing: border-box;
		display: block;
		width: auto;
	}
}

/*---------------------------------------------------------------------------------------
	member-report
----------------------------------------------------------------------------------------*/

#member-report{
}

#member-report p.list-cont01-read{ 
	margin-top: -40px;
	margin-bottom: 13px;
	margin-bottom: 50px;
}

#member-report ul.plan-list{ 
	margin-top: -40px;
	margin-bottom: 13px;
}


#member-report ul.plan-list li:after{ 
	content: url(../images/icon_plan01.png);
	position: absolute;
	right: 10px;
}

#member-report ul.plan-list li.sec:after{ 
	top: 50%;
}

#member-report ul.plan-list li{ 
	border-left: solid 5px #2B4076;
	background-color: #EDEFF4;
	padding-left: 25px;
	color:#2B4076;
	font-weight: bold; 
	border-bottom: solid 1px #fff;
	padding: 10px 30px;
	position: relative;
}

#member-report ul.plan-list li.sec{ 
	border-left: none;
	background-color: #F5F5F5;
	padding-left: 25px;
	color:#000;
	font-weight: normal;
	padding-left: 120px;
}

#member-report ul.plan-list li.sec a{ 
	color: #000;
	margin-left: -3.5rem;
}

#member-report ul.plan-list li a,
#member-report ul.plan-list li.sec a span{ 
	color:#2B4076;
}




/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:768px){
#member-report p.list-cont01-read {
	margin-top: 0;
}

#member-report ul.plan-list li span{ 
	display: block;
	width: 100%;
}

#member-report ul.plan-list li.sec{ 

	padding-left: 20px;
}

#member-report ul.plan-list li{ 
	padding: 10px 10px;
}

#member-report ul.plan-list li.sec a {
    margin-left: 0;
}

}



/*---------------------------------------------------------------------------------------
	member-plan
----------------------------------------------------------------------------------------*/

#member-plan{
}

#member-plan p.list-cont01-read{ 
	margin-top: -40px;
	margin-bottom: 13px;
	margin-bottom: 50px;
}

#member-plan ul.plan-list{ 
	margin-top: -40px;
	margin-bottom: 13px;
}

#member-plan ul.plan-list li{ 
	background-color: #F5F5F5;
	border-bottom: solid 1px #fff;
	padding: 10px 30px;
	position: relative;
}

#member-plan ul.plan-list li:after{ 
	content: url(../images/icon_plan01.png);
	position: absolute;
	right: 10px;
}

#member-plan ul.plan-list li.blb{ 
	border-left: solid 5px #2B4076;
	background-color: #EDEFF4;
	padding-left: 25px;
}

#member-plan ul.plan-list li span{ 
	display: inline-block;
	width: 50%;
}




/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:768px){
#member-plan p.list-cont01-read {
	margin-top: 0;
}

#member-plan ul.plan-list li span{ 
	display: block;
	width: 100%;
}



}




/*---------------------------------------------------------------------------------------
	member-blog
----------------------------------------------------------------------------------------*/

#member-blog{
}

#member-blog .title4,h3{
	font-size: 24px;
	border-top:solid 2px #2B4276;
	border-bottom:solid 2px #2B4276;
	color:#2B4276;
	font-weight:bold;
	line-height: 1.1;
	padding: 10px 0;
	margin-bottom: 5px;
}

#member-blog h4{
	font-size: 20px;
	color:#2B4276;
	font-weight: bold;
	margin-bottom: 20px;
}

#member-blog h5 {
	font-size: 16px;
	font-weight: normal;
}

#member-blog .flex-area.jcc {
	justify-content: center;

}
#member-blog  .area-l {
	width: 95%;
	text-align: right;
}
#member-blog .cont-area {
	text-align: left;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 30px;
    padding-left: 30px;

}
#member-blog aside {
	background-color: #F0F0F0;
	text-align: left;
	width: 30%;
}

#member-blog aside .wrap h3 {
	font-size: 20px;
}

#member-blog aside .wrap ul {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: solid 1px #CCCCCC;
	width: 175px;
}

#member-blog aside .wrap ul:last-child {
	border-bottom: none;
}

#member-blog aside .wrap ul li:before {
	content: ">";
	margin-right: 5px;

}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:768px){
#member-blog .area-l,
#member-blog aside {
	width: auto;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 1%;
}

#member-blog .area-l .cont-area {
	margin-right: 0;
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;

}


#member-blog .flex-area.spf {
	display: flex;
}

#member-blog aside .wrap ul {
	margin-bottom: 15px;
	padding-bottom: 15px;
	width: auto;
}

}


/*---------------------------------------------------------------------------------------
	member-news
----------------------------------------------------------------------------------------*/
#member-news{
}

#member-news iframe{
	width: 100%;
}


/*---------------------------------------------------------------------------------------
	outline
----------------------------------------------------------------------------------------*/
#outline h4.title2 a{
    border-bottom: solid 1px #2B3F76;
    color: #2B3F76;
}
.outline-namelist{
	max-width: 600px;
}
.outline-namelist ul{
	display: inline-block;
	width: 33%;
	max-width: 12em;
	vertical-align: top;
}
.outline-namelist ul li{
}



/*---------------------------------------------------------------------------------------
	outline-meeting
----------------------------------------------------------------------------------------*/
#outline-meeting{
}

#outline-meeting .flex-area.flex-cap figure{
	width: 180px;
	flex-shrink: 0;
	text-align: center;
}

#outline-meeting .flex-area.flex-cap figure figcaption{
	font-size: 13px;
	text-align: center;
}

#outline-meeting .flex-area.flex-cap figure figcaption span{
	font-weight: bold;
	display: block;
}

dl.meetingplace,
dl.meetingplace dd,
dl.meetingplace2,
dl.meetingplace2 dd{
	overflow: hidden;
}
dl.meetingplace dt{
	float: left;
	width: 9em;
}
dl.meetingplace2 dt{
	float: left;
	width: 13em;
}

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

#outline-meeting .flex-area.flex-photo2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#outline-meeting .flex-area.flex-photo2 li {
	width: 30%;
}
#outline-meeting .flex-area.flex-photo2 figure img {
	width: 100%;
	height: auto;

}
#outline-meeting .flex-area.flex-cap figure {
	margin-top: 20px;
	text-align: center;
	width: 100%;
}
#outline-meeting .flex-area .mr40{
	margin-right: 0;
}

#outline-meeting .ml20{
	margin-left: 0;
}
}

/*---------------------------------------------------------------------------------------
	outline-banner
----------------------------------------------------------------------------------------*/
#outline-banner{
}

#outline-banner .flex-area figure{
	width: 175px;
	flex-shrink: 0;
	text-align: center;
}

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

#outline-banner .flex-area .mr50 {
	margin-right: 0;
}

#outline-banner .flex-area figure{
	width: 100%;
	margin-top: 20px;
}

}

/*---------------------------------------------------------------------------------------
	outline-osaka39rc
----------------------------------------------------------------------------------------*/
#outline-osaka39rc{
}

#outline-osaka39rc dl{
	display: flex;
	flex-wrap: wrap;
	max-width: 500px;
	border-top: solid 1px #CCCCCC;
}

#outline-osaka39rc dl dt{
	border-bottom: solid 1px #CCCCCC;
	line-height: 40px;
	width: 40%;
	text-align: center;
	color: #2B3F76;
	font-weight: bold;
}

#outline-osaka39rc dl dd{
	border-bottom: solid 1px #CCCCCC;
	line-height: 40px;
	width: 60%;
	text-align: left;
}

#outline-osaka39rc dl dd span{
	width: 8rem;
    display: inline-block;
}


/*---------------------------------------------------------------------------------------
	greeting
----------------------------------------------------------------------------------------*/
#greeting{
}

#greeting .flex-area figure{ 
	width: 300px;
	flex-shrink: 0;
}

#greeting .flex-area h5{ 
	font-weight: normal;
}

#greeting .flex-area h5 strong{ 
	font-size: 24px;
	display: block;
	margin-top: 15px;
	margin-bottom: 10px;
	line-height: 1;
}

#greeting .flex-area .txt-area p{ 
	font-size: 14px;
}

@media screen and (max-width:768px){
	#greeting .flex-area figure{ 
	margin-bottom: 20px;
	text-align: center;
	width: 100%;
}

#greeting .flex-area figure.mr30{ 
	margin-right: 0;
}

}

/*---------------------------------------------------------------------------------------
	about
----------------------------------------------------------------------------------------*/
#about{
}

#about h4.title2 a{ 
	border-bottom: solid 1px #2B3F76;
	color:#2B3F76;
} 
#about h4.title2 a:hover{ 
	opacity: 0.8;
}

/*---------------------------------------------------------------------------------------
	about-network
----------------------------------------------------------------------------------------*/
#about-network{
}

#about-network ul{ 
	margin-left: 20px;
} 

#about-network ul li{ 
	margin-left: 2.5rem;
	text-indent: -2.5rem;
}

@media screen and (max-width:768px){
	#about-network ul{ 
	margin-left: 0;
}
}


/*---------------------------------------------------------------------------------------
	about-test
----------------------------------------------------------------------------------------*/
#about-test{
}

#about-test .flex-area figure{ 
	width: 220px;
	flex-shrink: 0;
} 

#about-test .flex-area figure figcaption{ 
	font-size: 14px;
	text-align: center;
}


@media screen and (max-width:768px){
	#about-test .flex-area figure{ 
	width: 100%;
	flex-shrink: 0;
	text-align: center;
	margin-bottom: 20px;
} 

#about-test .ml20{ 
	margin-left: 0;
}
	}


/*---------------------------------------------------------------------------------------
	feature
----------------------------------------------------------------------------------------*/
#feature{
}

#feature .flex-area li { 
	display: flex;
	width: 50%;
	align-items: center;
	margin-bottom: 15px;
} 

#feature .flex-area li a { 
	font-size: 18px;
	color: #2B3F76;
	font-weight: bold;
	border-bottom: solid 1px #2B3F76;
	margin-left: 10px;

}
#feature .flex-area li figure{ 
	flex-shrink: 0;
} 



@media screen and (max-width:768px){
#feature .flex-area{ 
	display: flex;
	justify-content: space-between;
}

#feature .flex-area li{ 
	width: 45%;
} 
#feature .flex-area li a{ 
	line-height: 1.2;
} 

}



/*---------------------------------------------------------------------------------------
	feature-hobby
----------------------------------------------------------------------------------------*/
#feature-hobby{
}

#feature-hobby table { 
	width: 100%;
	border-top: solid 1px #ccc;
} 
#feature-hobby table th { 
	color: #2B4276;
	text-align: center;
	background-color: #F5F5F5;
	line-height: 40px;
	font-weight: bold;
	border-bottom: solid 1px #ccc;
} 

#feature-hobby table td { 
	border-bottom: solid 1px #ccc;
	padding:15px;
	vertical-align: middle;
}
#feature-hobby table td.bdl { 
	border-left: solid 1px #ccc;
}



@media screen and (max-width:768px){
	#feature-hobby table td { 
	padding:5px;
}

	}

/*---------------------------------------------------------------------------------------
	feature-health
----------------------------------------------------------------------------------------*/
#feature-health{
}

 

#feature-health figure figcaption { 
	font-size: 14px;
} 


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


}

/*---------------------------------------------------------------------------------------
	feature-box
----------------------------------------------------------------------------------------*/
#feature-box{
}

#feature-box .flex-area figure { 
	flex-shrink: 0;
} 

#feature-box .flex-area figure figcaption { 
	text-align: center;
	font-size: 14px;
} 


@media screen and (max-width:768px){
#feature-box .flex-area .mr40 { 
	margin-right: 0;
} 

#feature-box .flex-area figure { 
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

}


/*---------------------------------------------------------------------------------------
	feature-overseas
----------------------------------------------------------------------------------------*/
#feature-overseas{
}

#feature-overseas ul.section-nav { 
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
} 

#feature-overseas ul.section-nav li { 
	width: 50%;
	position: relative;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding: 10px;
	line-height: 1;
	text-align: center;
	box-sizing: border-box;
}
#feature-overseas ul.section-nav li:after { 
	content: url(../../common/images/icon_overseas01.png);
	display: block;
	position: absolute;
	right: 1px;
	bottom: 1px;

}
#feature-overseas ul.section-nav li:first-child { 
	border-right:solid 1px #ccc;
}


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


}

/*---------------------------------------------------------------------------------------
	feature-secretariat
----------------------------------------------------------------------------------------*/
#feature-secretariat{
}

@media screen and (max-width:768px){
#feature-secretariat .ml20{
	margin-left: 0;
}

}

/*---------------------------------------------------------------------------------------
	feature-tablemeeting
----------------------------------------------------------------------------------------*/
#feature-tablemeeting{
}

#feature-tablemeeting .flex-area figure { 
	flex-shrink: 0;
} 

 


@media screen and (max-width:768px){
#feature-tablemeeting .flex-area .mr40 { 
	margin-right: 0;
} 

#feature-tablemeeting .flex-area figure { 
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

}


/*---------------------------------------------------------------------------------------
	committee
----------------------------------------------------------------------------------------*/
#committee{
}

#committee table { 
	width: 100%;
}

#committee table th { 
	background-color: #F5F5F5;
	border-bottom: solid 1px #ccc;
	width: 40%;
	padding: 10px 20px;
	color: #2B4076;
	font-weight: bold;
} 

#committee table th span { 
	font-weight: normal;
	font-size: 14px;
	margin-left: 0.5rem;
}

#committee table td { 
	border-bottom: solid 1px #ccc;
	padding: 10px 20px;
}

 


@media screen and (max-width:768px){
#feature-tablemeeting .flex-area .mr40 { 
	margin-right: 0;
} 

#feature-tablemeeting .flex-area figure { 
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

}

/*---------------------------------------------------------------------------------------
	link
----------------------------------------------------------------------------------------*/
#link{
}

#link h4.title2 a{ 
	border-bottom: solid 1px #2B3F76;
	color:#2B3F76;
} 
#link h4.title2 a:hover{ 
	opacity: 0.8;
}


/*---------------------------------------------------------------------------------------
	member-roster
----------------------------------------------------------------------------------------*/
#member-roster{
}

#member-roster ul.list-table01:after {
	display: block;
	content:"";
	height: 10px;
	clear: both;
}
#member-roster ul.list-table01 li {
	width: 32%;
    margin-right: 2%;
}
#member-roster ul.list-table01 li:nth-child(3n) {
    margin-right: 0;
}
#member-roster ul.list-table01 li a {
	font-size: 16px;
	text-align: center;
	position: relative;
	font-style: normal;
	font-family: source-han-sans-japanese, sans-serif;
}

#member-roster ul.list-table01 li a:before {
    margin-right: 5px;
    margin-left: 5px;
    position:absolute;
    left:0;
    top:0;
}

#member-roster ul.list-table01.roster01 li {
	border-left: solid 4px #CC3300;
}

#member-roster ul.list-table01.roster02 li {
	border-left: solid 4px #2B4076;
}

#member-roster ul.list-table01.roster03 li {
	border-left: solid 4px #C2B012;
}

#member-roster h4.title71 {
	background-color: rgba(204,51,0,0.1);
	line-height: 50px;
	border-left: solid 5px #CC3300;
	padding: 20px 30px;
	line-height: 1;
	font-weight: normal;
}

#member-roster h4.title72 {
	background-color: rgba(43,64,118,0.1);
	line-height: 50px;
	border-left: solid 5px #464646;
	padding: 20px 30px;
	line-height: 1;
	font-weight: normal;
	margin-top: 30px;
}

#member-roster h4.title73 {
	background-color: rgba(194,176,18,0.1);
	line-height: 50px;
	border-left: solid 5px #C2B012;
	padding: 20px 30px;
	line-height: 1;
	font-weight: normal;
	margin-top: 30px;
}

#member-roster ul.roster-list {
	background-color: #F5F5F5;
	padding: 20px 30px;
	text-align: left;
}

#member-roster ul.roster-list::after{
  content:"";
  display: block;
  width:30%;
}

#member-roster ul.roster-list li {
	display: inline-block;
	min-width: 33%;
	white-space: nowrap;
	text-align: left;
	padding-right: 2em;
}
#member-roster ul.roster-list li.pc60 {
	width: 65%;
}

@media screen and (max-width:1200px){
    #member-roster ul.list-table01 li {
        width: 32%;
        margin-right: 2%;
    }
    #member-roster ul.list-table01 li:nth-child(5n){
        margin-right: 2%;
    }
    #member-roster ul.list-table01 li:nth-child(4n){
        margin-right: 2%;
    }
    #member-roster ul.list-table01 li:nth-child(3n){
        margin-right: 0;
    }
}
@media screen and (max-width:768px){

#member-roster ul.list-table01 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#member-roster ul.list-table01 li {
	width: 48%;
	margin-right: 0!important;
}

#member-roster ul.list-table01 li a {
	font-size: 13px;
}
#member-roster ul.list-table01:after {
	display: none;
}
#member-roster ul.roster-list {
	padding: 10px;
}
#member-roster ul.roster-list li {
	min-width: 50%;
	font-size: 13px;
}

#member-roster ul.roster-list li.w100 {
	width: 100%;
}

}

/*---------------------------------------------------------------------------------------
	member-roster-champion
----------------------------------------------------------------------------------------*/
#member-roster-champion{
}

#member-roster-champion table{
	width: 100%;
}


#member-roster-champion table th { 
	background-color: #F5F5F5;
	border-bottom: solid 1px #ccc;
	padding: 10px;
	color: #2B4076;
	text-align: center;
}
#member-roster-champion table td { 
	text-align: center;
	border-bottom: solid 1px #ccc;
	padding: 10px;
}

#member-roster-champion table td:last-child,
 #member-roster-champion table td:nth-last-of-type(2){ 
	text-align: left;
}
#member-roster-champion table td:first-child,
#member-roster-champion table td:nth-of-type(2)  { 
	width: 80px;
	box-sizing: border-box;
	border-right: solid 1px #ccc;
}  
 
#member-roster-champion table td:nth-of-type(2)  { 
	font-family: source-han-serif-japanese, serif;
	color: #2B4076;
	font-size: 18px; 
}

#member-roster-champion table td:nth-of-type(5)  { 
	width: 130px;
}

#member-roster-champion table td.bdtno{ 
	border-top: none;
	visibility: hidden;
}
#member-roster-champion table td.t-center{ 
	text-align: center!important;
}


#member-roster-champion table td.fs14  { 
	font-size: 14px!important;
	color: #000;
	    font-family: source-han-sans-japanese, sans-serif; 
}



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

#member-roster-champion table th{
	display: none;
}

#member-roster-champion table tr:after{
	content: "";
	display: block;
	height: 30px;

}
#member-roster-champion table td {
	display: block;
	text-align: left;
	width: 100%!important;
}
#member-roster-champion table td:before{
	display: inline-block;
	margin-right: 10px;
	padding: 5px 10px;
	background-color: #eee;

}

#member-roster-champion table tr.nen:before{
	content:"開催回";
	display: block;
	background-color:#666;
	text-align: center;
	color: #fff;
}
#member-roster-champion table tr.nen.y1967:before{
	content:"1967";
}
#member-roster-champion table tr.nen.y1968:before{
	content:"1968";
}
#member-roster-champion table tr.nen.y1969:before{
	content:"1969";
}
#member-roster-champion table tr.nen.y1970:before{
	content:"1970";
}
#member-roster-champion table tr.nen.y1971:before{
	content:"1971";
}
#member-roster-champion table tr.nen.y1972:before{
	content:"1972";
}
#member-roster-champion table tr.nen.y1973:before{
	content:"1973";
}
#member-roster-champion table tr.nen.y1974:before{
	content:"1974";
}
#member-roster-champion table tr.nen.y1975:before{
	content:"1975";
}
#member-roster-champion table tr.nen.y1976:before{
	content:"1976";
}
#member-roster-champion table tr.nen.y1977:before{
	content:"1977";
}
#member-roster-champion table tr.nen.y1978:before{
	content:"1978";
}
#member-roster-champion table tr.nen.y1979:before{
	content:"1979";
}
#member-roster-champion table tr.nen.y1980:before{
	content:"1980";
}
#member-roster-champion table tr.nen.y1981:before{
	content:"1981";
}
#member-roster-champion table tr.nen.y1982:before{
	content:"1982";
}
#member-roster-champion table tr.nen.y1983:before{
	content:"1983";
}
#member-roster-champion table tr.nen.y1984:before{
	content:"1984";
}
#member-roster-champion table tr.nen.y1985:before{
	content:"1985";
}
#member-roster-champion table tr.nen.y1986:before{
	content:"1986";
}
#member-roster-champion table tr.nen.y1987:before{
	content:"1987";
}
#member-roster-champion table tr.nen.y1988:before{
	content:"1988";
}
#member-roster-champion table tr.nen.y1989:before{
	content:"1989";
}
#member-roster-champion table tr.nen.y1990:before{
	content:"1990";
}
#member-roster-champion table tr.nen.y1991:before{
	content:"1991";
}
#member-roster-champion table tr.nen.y1992:before{
	content:"1992";
}
#member-roster-champion table tr.nen.y1993:before{
	content:"1993";
}
#member-roster-champion table tr.nen.y1994:before{
	content:"1994";
}
#member-roster-champion table tr.nen.y1995:before{
	content:"1995";
}
#member-roster-champion table tr.nen.y1996:before{
	content:"1996";
}
#member-roster-champion table tr.nen.y1997:before{
	content:"1997";
}
#member-roster-champion table tr.nen.y1998:before{
	content:"1998";
}
#member-roster-champion table tr.nen.y1999:before{
	content:"1999";
}
#member-roster-champion table tr.nen.y2000:before{
	content:"2000";
}
#member-roster-champion table tr.nen.y2001:before{
	content:"2001";
}
#member-roster-champion table tr.nen.y2002:before{
	content:"2002";
}
#member-roster-champion table tr.nen.y2003:before{
	content:"2003";
}
#member-roster-champion table tr.nen.y2004:before{
	content:"2004";
}
#member-roster-champion table tr.nen.y2005:before{
	content:"2005";
}
#member-roster-champion table tr.nen.y2006:before{
	content:"2006";
}
#member-roster-champion table tr.nen.y2007:before{
	content:"2007";
}
#member-roster-champion table tr.nen.y2008:before{
	content:"2008";
}
#member-roster-champion table tr.nen.y2009:before{
	content:"2009";
}
#member-roster-champion table tr.nen.y2010:before{
	content:"2010";
}
#member-roster-champion table tr.nen.y2011:before{
	content:"2011";
}
#member-roster-champion table tr.nen.y2012:before{
	content:"2012";
}
#member-roster-champion table tr.nen.y2013:before{
	content:"2013";
}
#member-roster-champion table tr.nen.y2014:before{
	content:"2014";
}
#member-roster-champion table tr.nen.y2015:before{
	content:"2015";
}
#member-roster-champion table tr.nen.y2016:before{
	content:"2016";
}
#member-roster-champion table tr.nen.y2017:before{
	content:"2017";
}
#member-roster-champion table tr.nen.y2018:before{
	content:"2018";
}
#member-roster-champion table tr.nen.y2019:before{
	content:"2019";
}

#member-roster-champion table td:nth-child(1):before{
	content:"開催回";
}

#member-roster-champion table td:nth-child(2){
	display: none;

}

#member-roster-champion table td:nth-child(3):before{
	content:"月";
}
#member-roster-champion table td:nth-child(4):before{
	content:"日";
}
#member-roster-champion table td:nth-child(5):before{
	content:"場所";
}
#member-roster-champion table td:nth-child(6):before{
	content:"優勝者";
	width: 100%;
}
#member-roster-champion table td:nth-child(6){
	border-bottom: none;
	padding-bottom: 0;
}
#member-roster-champion table td:nth-child(7){
	padding-top: 0;
}
#member-roster-champion table td.bdr,
#member-roster-champion table td:first-child  { 
	border-right: none;
}
#member-roster-champion table td.t-center{ 
	text-align: left!important;
}

#member-roster-champion table td.spttlnone:before{ 
	display: none;
}
}


/*---------------------------------------------------------------------------------------
	member-day
----------------------------------------------------------------------------------------*/
#member-day{
}

#member-day p.place{ 
	font-size: 18px;
	font-weight: bold;
	color: #2B3F76;

}

#member-day ul.list-table01:after {
	display: block;
	content:"";
	height: 10px;
	clear: both;
}
#member-day ul.list-table01 li {
	width: 32%;
    margin-right: 2%;
}
#member-day ul.list-table01 li a {
	font-size: 16px;
	text-align: center;
	position: relative;
	font-style: normal;
}

#member-day ul.list-table01 li a:before {
    margin-right: 5px;
    margin-left: 5px;
    position:absolute;
    left:0;
    top:0;
}

#member-day ul.list-table01 li:nth-child(5n) {
    margin-right: 2%;
}
#member-day ul.list-table01 li:nth-child(3n) {
    margin-right: 0;
}

#member-day p strong{ 
	font-weight: bold;
	display: block;

}

#member-day p.pdflink{ 
	text-align: right;
}

#member-day p.pdflink a{ 
	color: #2B3F76;
	border-bottom: solid 1px #2B3F76;
}

#member-day p.pdflink:after{ 
	content: url(../images/icon_day01.png);
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

#member-day dl{ 
	background-color: #F5F5F5;
	padding:30px;
}
#member-day dl dt{ 
	font-weight: bold;
	margin-bottom: 15px;
}

#member-day dl dd{ 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

#member-day dl dd figure{ 
	margin-bottom: 10px;
}

#member-day ul.pdf-list{ 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background-color: #F5F5F5;
	padding:30px;
}

#member-day ul.pdf-list li{ 
	width: 50%;
	margin-bottom: 20px;
}

#member-day ul.pdf-list li a{ 
	color: #2B3F76;
	border-bottom: solid 1px #2B3F76;
	font-weight: bold;
}

#member-day ul.pdf-list li:after{ 
	content: url(../images/icon_day01.png);
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}






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

#member-day ul.pdf-list{ 
	display: block;
}

#member-day ul.pdf-list li{ 
	width: 100%;
}
#member-day ul.list-table01 li {
	width: 48%;
    margin-right: 4%;
}
#member-day ul.list-table01 li:nth-child(5n){
    margin-right: 4%;
}
#member-day ul.list-table01 li:nth-child(2n){
    margin-right: 0;
}

#member-day ul.list-table01 li a {
	line-height: 1;
	padding: 10px 0;
}

#member-day ul.list-table01 li a {
	line-height: 1;
	padding: 10px 0;
}
#member-day ul.list-table01 li a:before {

    top: 10px;
}

}


/*---------------------------------------------------------------------------------------
	member
----------------------------------------------------------------------------------------*/
#member{
}


#member ul.list-table01.fs16 li{ 
	width: 32%;
    margin-right: 2%;
}
#member ul.list-table01.fs16 li:nth-child(4n){
    margin-right: 2%;
}
#member ul.list-table01.fs16 li:nth-child(3n){
    margin-right: 0;
}

#member ul.list-table01.fs16 li a{ 
	font-size: 16px;
	text-align: center;
	position: relative;
	font-style: normal;
}

#member ul.list-table01.fs16 li a:before {
    position: absolute;
    left:0px;
}

#member ul.list-table01.fs16.li3 li:nth-child(3n) {
   margin-right: 0;
}

#member dl{ clear: both; width: 100%;margin-bottom:0px; overflow: hidden;}
#member dl dt{font-size: 90%;margin-right:5px; float: left; width: 5em;}
#member dl dd{float: left;}
#member dl dd a{text-decoration: underline;}
#member .newbox{overflow: scroll; height: 400px;}

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

	#member ul.list-table01.fs16 li{ 
	width: 48%;
	margin-right: 0!important;
	}

#member ul.list-table01.fs16.li3 li{ 
	width: 48%;
	margin-right: 0!important;
	}

#member ul.list-table01.fs16.li3 li a{ 
	line-height: 1;
	padding: 10px 0;
	}
	#member .newbox{overflow: scroll; height: 150px;}
	#member dl{ clear: both;}
	.wp-block-image{width: 100%;}
	.wp-block-image figure{float: none;width: 100%;}
	.wp-block-image figure img{width: 100%;}

	}

.wp-block-image{margin-bottom: 0px!important;}

.under {
  background: linear-gradient(transparent 60%, #a8eaff);
	display: inline-block;
	margin-right: 10px;
}

.wp-block-image figcaption{margin-top: 0;}
.wp-block-image .alignleft{margin-right: 2em;}
header ul li:nth-child(3).members ul.voice_list li a{ background-color:#EC9346;padding:5px 5px 5px 40px!important;}

header ul li:nth-child(3).members.current a{background-color:#ed8224;}