@charset "utf-8";

/*--------------------------------------------------------------------------
 共通
---------------------------------------------------------------------------*/
/* スマホ時のフォントサイズ */
body{ -webkit-text-size-adjust:100%; }

.conbox{
	padding:0 10px;
}

/* リンクアイコン用 */
.arrow{
	position:relative;
	display:inline-block;
	padding:0 0 0 16px;
	color:#000;
	vertical-align:middle;
	text-decoration:none;
	font-size:15px;
}
.arrow::before,
.arrow::after{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	content:"";
	vertical-align:middle;
}

/* PDF用のリンクアイコン付 */
a.pdf_link{
	padding-right:24px;
	background:url(../images/icon_link_pdf.gif) 100% 50% no-repeat;
	text-decoration:none;
}
a.pdf_link:hover{ text-decoration:underline; }

/* 組織概要 TEL FAX */
ul.about_tel_fax li{
	margin-right:12px;
	display:inline-block;
}

/* 組織概要 mail */
ul.about_mail{
	margin-top:8px;
}
ul.about_mail li span{
	display:block;
}

/* About関連のテキストに関する記述 */
.about_txt{
	font-size:16px;
	letter-spacing:1.3px;
	line-height:1.5em;
	overflow:hidden;
}
.about_txt a{
	color:#09439f;
	text-decoration:underline;
}
	.about_txt a:hover{
		text-decoration:none;
	}

/*--------------------------------------------------------------------------
  組織概要
---------------------------------------------------------------------------*/
/* 組織概要 テキスト */
.aboutbox{
	padding:0 12px;
	box-sizing:border-box;
}

/* aboutbox内 secbox */
.aboutbox .secbox{ margin-bottom:40px; }

/* dl部分 */
.about_txt dl{
	margin-top:20px;
	padding-left:6px;
	padding-right:6px;
}
.about_txt dl:first-child{ margin:0; }

/* 入れ子のdl部分 */
.about_txt dl dd dl{
	padding-left:0;
	padding-right:0;
}

/* dt dd共通 */
.about_txt dl dd,
.about_txt dl dt{ padding:8px; }

/* dt */
.about_txt dl dt{ background:#eee; }

/* 入れ子のdd */
.about_txt dl dd dd{ font-size:14px; }

/* about内 googlemap */
.aboutbox .secbox .ggrmap iframe{
	width:100%;
	height:330px;
}

/*--------------------------------------------------------------------------
   【理事･監事】【委員会･事務局】
---------------------------------------------------------------------------*/
.commission_box,
.directors_box{
	width:calc(100% - 16px);
	margin-left:auto;
	margin-right:auto;
}

.about_responsiveTab{
	width:100%;
}
.about_responsiveTab thead{
	display:none;
}
.about_responsiveTab tr{
	display:block;
	clear:both;
}
.about_responsiveTab tr:first-child{
	border-top:1px solid #ddd;
}
.about_responsiveTab td{
	display:block;
	position:relative;
	float:left;
	width:100%;
	padding:10px;
	border:1px solid #ddd;
	border-top:none;
}
.about_responsiveTab td:first-child{
	padding:10px;
	background:#eee;
	text-align:center;
}
.about_responsiveTab td:first-child:before{
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	padding:10px;
	background:#eee;
	content:attr(data-label);
	box-sizing:border-box;
}
.directors_box .about_responsiveTab td:nth-of-type(2){
	text-align:center;
}

/* 【委員会･事務局】見出し */
h3.commission_ttl{
	font-size:24px;
	padding-left:4px;
	margin-bottom:10px;
	color:#333;
	border-bottom:6px solid #f2f5fb;
}

/* 【委員会･事務局】セクション */
.commission_box .secbox{
	margin-bottom:50px;
}

/*--------------------------------------------------------------------------
 【賛助会員】【沿革】
---------------------------------------------------------------------------*/
.committee_box dl,
.history_box dl{
	width:100%;
	margin-top:20px;
}
	.committee_box dl:first-child,
	.history_box dl:first-child{ margin:0; }

	.committee_box dl dd dl,
	.history_box dl dd dl{ margin-top:24px; }

	.committee_box dl dd dl:first-child,
	.history_box dl dd dl:first-child{ margin:0; }

.committee_box dl dd,
.committee_box dl dt,
.history_box dl dd,
.history_box dl dt{
	padding:8px;
	box-sizing:border-box;
}

.committee_box dl dt,
.history_box dl dt{
	width:100%;
	padding-top:12px;
	padding-bottom:12px;
	background:#eee;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}

	.committee_box dl dd dt,
	.history_box dl dd dt{
		width:auto;
		padding:4px;
		background:none;
		border-top:1px dotted #666;
		border-bottom:1px dotted #666;
		font-weight:normal;
	}
		.committee_box dl dd dt:first-child,
		.history_box dl dd dt:first-child{ margin-top:4px; }

.committee_box dl dd,
.history_box dl dd{ font-size:15px; }

/* 【賛助会員】名前部分 強調 */
span.rep_name{
	font-size:15px;
	font-weight:bold;
}

/* 【賛助会員】入れ子 dt br */
.committee_box dl dd dt br{ display:none; }

/*--------------------------------------------------------------------------
  出版案内
---------------------------------------------------------------------------*/
.books_box .secbox{ margin-bottom:50px; }
.books_left_area{
	margin:auto;
	padding:0 8px;
}
.books_left_area{
	max-width:350px;
}
.books_right_area h3{
	width:100%;
	padding:12px 0;
	text-align:center;
	border:none;
}
.books_txt_area{
	margin-top:20px;
	margin-left:8px;
	margin-right:8px;
	padding:0 8px;
	border:2px solid #e1e8f6;
	display:block;
	line-height:2em;
	font-size:14px;
}
.books_txt_area p{
	margin-top:12px;
	margin-bottom:12px;
}
	.books_txt_area p a{
		font-weight:normal;
		color:#333;
		font-size:15px;
	}

/* PDFリンク　テキスト */
p.application_txt{
	font-size:16px;
	font-weight:bold;
}
p.application_txt a{
	margin-left:12px;
	padding-left:24px;
	background:url(../images/icon_link_pdf.gif) 0 50% no-repeat;
}

/*--------------------------------------------------------------------------
   会員名簿
---------------------------------------------------------------------------*/
.members_link_box{
	background:#f2f5fc;
	padding:12px;
	box-sizing:border-box;
}
.members_box ul{ overflow:hidden; }
.members_box ul li{
	float:left;
}
.members_box ul li a{
	width:100%;
	padding:12px;
	text-decoration:underline;
}
.member_links::before{
	left:4px;
	box-sizing:border-box;
	width:4px;
	height:4px;
	border:4px solid transparent;
	border-left:6px solid #103d7f;
}

.member_list_date{
	margin-top:6px;
	font-size:14px;
	text-align:right;
}

/* PC版
======================================================================= */
@media print, screen and (min-width:750px){

/*--------------------------------------------------------------------------
  組織概要
---------------------------------------------------------------------------*/
/* 組織概要 dl */
.about_txt dl{ margin:0; }
.about_txt dl dd,
.about_txt dl dt{
	font-size:15px;
	padding:24px 0;
	border-bottom:1px solid #d9d9d9;
}
.about_txt dl dt{
	width:300px;
	background:none;
	text-indent:110px;
	font-weight:bold;
}

/* 組織概要 mail */
ul.about_mail li span{
	display:inline;
}

/* googlemap リンク */
.ggrmap p a{ color:#2103fb; }

/*--------------------------------------------------------------------------
   【理事･監事】【委員会･事務局】
---------------------------------------------------------------------------*/
.commission_box,
.directors_box{
	width:100%;
}

.about_responsiveTab thead{
	display:table-header-group;
}
.about_responsiveTab tr{
	display:table-row;
}
.about_responsiveTab th,
.about_responsiveTab td{
	vertical-align:middle;
	padding:10px;
}
.about_responsiveTab th{
	background:#eee;
	border:1px solid #ddd;
	border-top:none;
}
.about_responsiveTab td{
	display:table-cell;
	position:static;
	float:none;
	width:auto;
}
.about_responsiveTab td:first-child{
	background:#f2f5fb;
}
.about_responsiveTab td:first-child:before{
	display:none;
}
.about_responsiveTab td:nth-of-type(4){
	text-align:right;
}

.directors_box .about_responsiveTab td:nth-of-type(2){
	text-align:left;
}

/* 【委員会･事務局】テーブル */
.commission_box .about_responsiveTab td:first-child{
	width:300px;
	text-align:left;
}
.commission_box .about_responsiveTab td:nth-child(2){
	width:170px;
}

/*--------------------------------------------------------------------------
   出版案内
---------------------------------------------------------------------------*/
.books_box .secbox{ margin-bottom:100px; }
.books_left_area{
	float:left;
}
.books_right_area{
	width:calc(100% - 370px);
	float:right;
}
.books_right_area h3{
	padding:0 0 20px 0;
	text-align:left;
	border-bottom:4px solid #e2e8f6;
	color:#333;
}

.about_txt .books_right_area dl{ margin:0; }

/* 右側 dt */
.about_txt .books_right_area dl dt{
	width:100px;
	padding:12px 0;
	text-indent:12px;
	border:none;
	font-weight:normal;
	font-size:14px;
}

/* 右側 dd */
.about_txt .books_right_area dl dd{
	width:calc(100% - 100px);
	padding:12px 0;
	border:none;
	font-size:14px;
}

.books_txt_area{
	margin:0;
	margin-top:20px;
	border:none;
	border-top:2px solid #e1e8f6;
}

/*--------------------------------------------------------------------------
  【賛助会員】【沿革】
---------------------------------------------------------------------------*/
.committee_box dl,
.history_box dl{
	margin:0;
	border-bottom:1px solid #aaa;
}
	.committee_box dl:first-child,
	.history_box dl:first-child{ border-top:1px solid #aaa; }

	.committee_box dl dd dl:first-child,
	.history_box dl dd dl:first-child{ border-top:none; }

	.committee_box dl dd dl,
	.history_box dl dd dl{ border:none; }

.committee_box dl dd dl,
.history_box dl dd dl{ margin:0; }

.committee_box dl dt,
.history_box dl dt{
	width:200px;
	font-weight:normal;
	vertical-align:middle;
}
	.committee_box dl dd dt,
	.history_box dl dd dt{
		width:100px;
		margin-top:0;
		padding:0;
		background:#f9f9f9;
		border:none;
		border-bottom:1px dotted #d9d9d9;
	}

		.committee_box dl dd dt:first-child,
		.history_box dl dd dt:first-child{ margin:0; }

.committee_box dl dd,
.history_box dl dd{
	width:calc(100% - 300px);
	border-bottom:none;
	padding:0;
}

	.committee_box dl dd dl dd,
	.history_box dl dd dl dd{
		border-bottom:1px dotted #d9d9d9;
		padding:14px 8px;
	}

	/* 最後の入れ子 dd,dt */
	.committee_box dl dd dl:last-child dd,
	.committee_box dl dd dl:last-child dt,
	.history_box dl dd dl:last-child dd,
	.history_box dl dd dl:last-child dt{ border-bottom:none; }

/* 【賛助会員】dt テキスト左寄せ */
.committee_box dl dt{ text-align:left; }

/* 【賛助会員】入れ子 dt */
.committee_box dl dd dt{ text-align:center; }
.committee_box dl dd dt br{ display:block; }

/*--------------------------------------------------------------------------
   会員名簿
---------------------------------------------------------------------------*/
.members_link_box{ padding:20px 60px; }
.members_box ul li{
	width:16.6%;
	margin:6px 0;
}
.members_box ul li a:hover{
	opacity:.5;
	text-decoration:none;
}

/* PC版 ここまで
======================================================================= */
}