@charset "UTF-8";
/*

全サイト共通初期設定
----------------------------------------
コンテンツ最大幅：1200px
PC: 769px〜
SP: 〜768px

　青　：#6699FF：
 薄 青 ：#CCFFFF：フッター背景色
薄青２：rgba(102, 153, 255, .1)：テーブルヘッダー背景色
　桃　：#CC0066：
　緑　：#669966：
 青 緑 ：#66CC99：
　黄　：#FFFF33：会員専用ログイン背景色
 濃 青 ：#333399：ロゴマークカラー
　橙　：#FF4500：rgba(255,69,0,1)：会員専用ベースカラー
 
 赤 茶 ：#820000：rgb(130,0,0)：アイコン背景色、注釈背景色
濃赤茶：#330000：rgb(51,0,0)：リンク文字、フッターコピー背景色 ← ほぼ黒
  薄 茶 ：#ccb27f：見出し下線
*/

a {
color: #000000;
}
a:hover {
color: #FF0000;
opacity: .7;
}
body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
  min-height: 100vh;
}
.acrobatNote {
background-color: #EEEEEE;
padding: 1em;
text-align: left;
}

/* ツールバーを消す（WP Members導入で消せない為）
------------------------------------------------------------*/
#wpadminbar {
display: none;
}
html {margin-top: 0 !important;}

/* PAGETOP用 
------------------------------------------------------------*/
@media {
	#pageTop {
	position: fixed;
	width: 70px;
	height: 60px;
	bottom: 60px;
	right: 0px;
	z-index: 9999;
	background-color: #999999;
	border: 1px solid #999999;
	border-radius: 10px 0 0 10px;
	}
	#pageTop img {
	width: 60px;
	height: 60px;
	}
	@media screen and (max-width: 768px) {
		#pageTop {
		width: 50px;
		height: 50px;
		bottom: 10px;
		right: 0;
		}
		#pageTop img {
		width: 50px;
		height: 50px;
		}
	}
}

@media screen and (max-width: 768px) {
	.flexBoxC,
	.flexBoxR,
	.flexBoxL,
	.flexBoxB,
	.flexBoxA {display: block;}
}

/* ヘッダー
------------------------------------------------------------*/
@media {
	.headerWrapper {
	border-top: 4px solid #6699FF;
	}
	.category.category-member-page .headerWrapper,
    .singleMemberPage .headerWrapper {
	border-top: 4px solid #FF4500;
	}
	.headerWrapper .inner {
	padding: 0;
	}
	.headerWrapper .header-upper  {
	padding: 13px 0 20px;
	border-bottom: 1px dotted #999999;
	}
	.headerWrapper h1 > img:first-child {
	margin-right: 10px;
	}
	.headerWrapper nav ul li a {
	font-weight: bold;
	}
	.headerWrapper nav#logoside-menu ul {
	list-style-type: none;
	}
	.headerWrapper nav#logoside-menu ul li {
	margin-left: 1em;
	}
	.headerWrapper nav#logoside-menu ul li.memberLoginBtn {
	padding: .2em 1em;
	background-color: #FFFF33;
	font-size: 1.8rem;
	}
	/* ドロップダウンはPCだけ */
	@media print, screen and (min-width: 769px) {
		.headerWrapper nav#header-menu ul {
		list-style-type: none;
		position: relative;
		font-size: 1.8rem;
		}
		.headerWrapper nav#header-menu > ul > li {	
		text-align: center;
		position: relative;
		padding: 4px 1em;
		height: 40px;
		}
		.headerWrapper nav#header-menu > ul > li:not(:first-child) {	
		margin-right: 1em;
		}
		.headerWrapper nav#header-menu > ul > li:hover {
		}
		.headerWrapper nav#header-menu > ul > li > a {	
		}
		.headerWrapper nav#header-menu > ul > li:not(:first-child) > a::after {
		content: "";
		position: absolute;
		top: 15px;
		right: 2px;
		width: 8px;    /* くの字を山なりに見た時、左側の長さ */
		height:8px;   /* くの字を山なりに見た時、右側の長さ */
		border-top: 2px solid #CC0066;     /* くの字を山なりに見た時、左側の太さと色 */
		border-right: 2px solid #CC0066;   /* くの字を山なりに見た時、右側の太さと色 */
		transform: rotate(135deg);    /* くの字の向き */
		}
		.headerWrapper nav#header-menu > ul > li:nth-child(4) > a::after,
		.headerWrapper nav#header-menu > ul > li:nth-child(5) > a::after,
		.category.category-member-page .headerWrapper nav#header-menu > ul > li:last-child > a::after {
		border-color: #6699FF;
		}
		.headerWrapper nav#header-menu > ul > li:nth-child(6) > a::after,
		.headerWrapper nav#header-menu > ul > li:nth-child(7) > a::after {
		border-color: #669966;
		}
		.category.category-member-page .headerWrapper nav#header-menu > ul > li:nth-child(2) > a::after,
        .singleMemberPage .headerWrapper nav#header-menu > ul > li:nth-child(2) > a::after {
		border-color: #FF4500;
		}
		/* 子メニュー */
		.headerWrapper nav#header-menu > ul > li > ul > li {
		position: relative;
		}
		.headerWrapper nav#header-menu > ul > li > ul > li > a::after {	
		content: "";
		position: absolute;
		top: 14px;
		right: 2px;
		width: 8px;    /* くの字を山なりに見た時、左側の長さ */
		height:8px;   /* くの字を山なりに見た時、右側の長さ */
		border-top: 2px solid #999999;     /* くの字を山なりに見た時、左側の太さと色 */
		border-right: 2px solid #999999;   /* くの字を山なりに見た時、右側の太さと色 */
		transform: rotate(45deg);    /* くの字の向き */
		}
		.headerWrapper nav#header-menu > ul > li  > ul {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		font-size: 1.4rem;
		transition: all .5s;
		top: 40px;
		right: 0;
		width: max-content;
		text-align: center;
		background: #FFFFFF;
		border: 1px solid #999999;
		padding-right: 1em;
		}
		.headerWrapper nav#header-menu > ul > li:last-child > ul {
		}
		.headerWrapper nav#header-menu > ul > li:hover >  ul {
		visibility: visible;
		opacity: 1;
		}
		.headerWrapper nav#header-menu > ul > li > ul > li {
		display: inline-block;
		}
		.headerWrapper nav#header-menu > ul > li > ul > li > a {
		display: inline-block;
		padding: .6rem 1em;
		width: 100%;
		}
	}
	@media screen and (max-width: 768px) {
		.headerWrapper h1 {
		text-align: center;
		}
		.headerWrapper h1 > img:first-child {
		margin: 0 auto 10px;
		}
		.headerWrapper h1 img {
		max-width: 100%;
		margin-bottom: 10px;
		}
		.headerWrapper ul li > ul {
		display: block;
		}
		header nav ul li a {
		padding: 4px 1em;
		border-bottom: 1px dotted #999999;
		}
		header nav ul li ul li a:before {
		content: " - ";
		}
		.headerWrapper nav#logoside-menu ul li {
		margin-left: 0;
		}
		.headerWrapper nav#logoside-menu ul li.memberLoginBtn {
		padding: inherit;
		background-color: #FFFF33;
		font-size: 1.6rem;
		}
	}
}

/* ページナビ（パンくずリスト、ページタイトル）
------------------------------------------------------------*/
@media {
	.contents .pageNavi {
	border-top: 1px solid #EEEEEE;
	background-color: #F5F5F5;
	padding: 8px 0;
	}
	.contents .breadCrumb {
	color: #330000;
	}
	.contents .breadCrumb a {
	color: #330000;
	}
	body:not(.category-member-page) .contents .breadCrumb a::after {
	content: ">";
	margin: 0 .5em;
	}
	.contents .breadCrumb ul {
	list-style: none;
	font-size:0;
	}
	.contents .breadCrumb ul li {
	display: inline-block;
	font-size: 1.2rem;
	}
	.contents .pageNavi h1 {
	font-size: 1.2rem;
	font-weight: normal;
	}
}

/* フッター
------------------------------------------------------------*/
@media {
	.footerWrapper {
	background-image: url("images/footer-sonic.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	}
	.footerWrapper .inner {
	padding: 20px 0;
	}
	.footerWrapper .comInfo {
	font-size: 1.4rem;
	height: 300px;
	position: relative;
	}
	.footerWrapper .comInfo > div {
	position: absolute;
	margin: auto;
	bottom: 50px;
	left: 0;
	right: 0;
	}
	.footerWrapper .comInfo p:last-child span {
	font-size: 1.6rem;
	display: inline-block;
	text-align: center;
	padding: .1em .8em .2em;
	background-color: #669966;
	color: #FFFFFF;
	margin: .5em .8em 0;
	}
	.footerWrapper .comInfo p:last-child span:last-child {
	background-color: #66CC99;
	}
	.footerWrapper .comInfo p:first-child {
	margin-bottom: .7em;
	}
	.footerWrapper ul {
	padding-left: 2em;
	}
	.footerWrapper ul ul {
	padding-left: 1em;
	}
	.footerWrapper nav > ul > li {
	margin-bottom: 1em;
	}
	.footerWrapper .footerSiteMap {
	background-color: #CCFFFF;
	}
    .category-member-page .footerWrapper .footerSiteMap {
	display: none;
	}
	.footerWrapper .footerSiteMap .footerLinkBox,
	.footerWrapper .footerSiteMap .footerAboutExam {
	background-color: #FFFFFF;
	width: 480px;
	padding: 10px 15px;
	font-size: 1.4rem;
	}
	.footerWrapper .footerSiteMap .footerLinkBox > p:first-child,
	.footerWrapper .footerSiteMap .footerAboutExam > p:first-child {
	font-size: 2rem;
	padding-bottom: 5px;
	border-bottom: 2px solid #6699FF;
	margin-bottom: .5em;
	}
	.footerWrapper .footerSiteMap .footerLinkBox ul {
	padding-left: 0;
	}
	.footerWrapper .footerSiteMap .footerLinkBox ul li {
	margin: 0 1em 0 2em;
	}
	.footerWrapper .footerSiteMap .footerLinkBox ul li:first-child {
	width: 100%;
	}
	.footerWrapper .footerSiteMap .footerAboutExam img {
	margin-top: -50px;
	}
	.footerWrapper .footerSiteMap .footerAboutExam a:hover {
	opacity: inherit;
	}
	.footerWrapper small {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 10px;
	}
	@media screen and (max-width: 768px) {
		.footerWrapper {
		background-image:none;
		}
		.footerWrapper .comInfo {
		height: auto;
		position: static;
		}
		.footerWrapper .comInfo > div {
		position: static;
		margin: auto;
		}
		.footerWrapper .comInfo img {
		max-width: 100%;
		}
		.footerWrapper .footerSiteMap .footerLinkBox,
		.footerWrapper .footerSiteMap .footerAboutExam {
		width: 100%;
		margin-bottom:1em;
		}
		.footerWrapper .footerSiteMap .footerAboutExam .flexBoxC {
		display: flex;
		}
		.footerWrapper .footerSiteMap .footerAboutExam .blockDiv2 {
		width: 50% !important;
		margin-left: 0;
		margin-right: 0;
		}
		.footerWrapper .footerSiteMap .footerAboutExam img {
		margin-top: -40px;
		}
		.footerWrapper .footerSiteMap .footerLinkBox ul.flexBoxL {
		display: flex;
		}
		.footerWrapper .footerSiteMap .footerLinkBox ul li:first-child {
		width: auto;
		}
		.footerWrapper .footerSiteMap .footerLinkBox ul li {
		line-height: 2.5;
		}
		.footerWrapper ul li {
		margin-bottom: 1em;
		}
		.footerWrapper ul ul {
		margin-top: 1em;
		} 
	}
}

/* コンテンツ共通設定
------------------------------------------------------------*/
@media {
	.inner {max-width: 1000px;margin: 0 auto;padding: 5rem 0;}
	.inner90per {max-width: 900px;margin: 0 auto;padding: 5rem 0;}
	.inner80per {max-width: 800px;margin: 0 auto;padding: 5rem 0;}
	@media screen and (max-width: 768px) {
		.inner,
		.inner90per,
		.inner80per {max-width: 96%;}
	}
	.contents main section {
	margin-bottom: 8rem;
	text-align: left;
	}
	body:not(.home) .contents main section h2 {
    font-size: 2.8rem;
	background-color: #999999;
    color: #FFFFFF;
	padding: .5em;
	}
	body.category.category-member-page .contents main section h2,
    body.singleMemberPage .contents main section h2 {
	background-color: #FF4500;
	}
	body:not(.home) .contents main section h2 span {
	font-size: 2rem;
	}
	.contents main section h3 {
    font-size: 2.4rem;
    line-height: 1.2;
    margin-bottom: 3rem;
    background-image: linear-gradient(rgba(0,0,0,0) 60%, rgba(102,153,255,.5) 60%);
    padding: 0 1.5em 7px;
    display: inline-block;
	}
	.category.category-member-page .contents main section h3,
    .singleMemberPage .contents main section h3 {
    background-image: linear-gradient(rgba(0,0,0,0) 60%, rgba(255,69,0,.5) 60%);
	}
	.contents main section h3 span {
	display: inline-block;
	}
	.contents main section table {
	width: 100%;
	}
	.contents main section table th,
	.contents main section table td {
	text-align: left;
	padding: .5em 1em;
	border-bottom: 1px dotted #CCCCCC;
	}
	.contents main section table tbody th {
	border-bottom: 1px solid #333399;
	white-space: nowrap;
	background: rgba(102, 153, 255, .1);
	}
	.contents main section table td span {
	display: inline-block;
	}
	.contents main section ul,
	.contents main section ol {
	padding-left: 2em;
	}
	.contents main section ol ol {
	margin-bottom: 1em;
	}
	.contents main section img {
	max-width: 100%;
	}
	body:not(.home,.category-topics,.category-events,.category-report,.category-member-page) .contents main section a {
	color: #FF0000;
	}
	body:not(.home,.category-topics,.category-events,.category-report,.category-member-page) .contents main section a:hover {
	opacity: .7;
	}
	.contents main section a[target="_blank"]::after {
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    padding-left: .3em;
	margin-right: .3em;
	
	}
	.contents main section a.linkBtn {
	padding: .3rem 1.5em;
	background-color: #F5F5F5;
	display: inline-block;
	position: relative;
	}
	.contents main section a.linkBtn::after {
	position: absolute;
    content: "";
    top: 1.3rem;
    right: .3rem;
    width: .8rem;
    height: .8rem;
    border-top: 2px solid #F00;
    border-right: 2px solid #F00;
    transform: rotate(45deg);
	}
	.contents main section .noteWrapper {
	padding: 1em;
	background-color: #F5F5F5;
	text-align: left;
	}
	.contents main section .noteWrapper .noteTitle {
	font-weight: bold;
	text-align: center;
	padding: .3em;
	background: #999999;
	color: #FFFFFF;
	margin-bottom: .5em;
	}
	@media screen and (max-width: 768px) {
		.contents main section a.linkBtn::after {
		top: 1.4rem;
		}
	}
}

/* トップページ body.home
カテページ一覧 body.category
記事ページ一覧 body.single
------------------------------------------------------------*/
@media {
	.home .contents main .topImg {
	text-align: center;
	background-color: #333399;
	}
	.home .contents main .topImg .upperBG {
	height: 240px;
	background: url("images/index/index-main-shintoshin.png") no-repeat right center;
	text-align: center;
	}
	.home .contents main .topImg .lowerBG {
	height: 60px;
	background: url("images/index/index-main-glassImage.png") no-repeat left center;
	display: flex;
	align-items: center;
	}
	.home .contents main .topImg .upperBG .upper,
	.home .contents main .topImg .lowerBG .lower {
	width: 1000px;
	margin: 0 auto;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	}
	.home .contents main .topImg .lowerBG .lower {
	justify-content: flex-end;
	}
	.home .contents main .topImg img {
	max-width: 100%;
	vertical-align: middle;
	}
	.home .contents main section {
	width: 460px;
	}
	.home .contents main section h2 {
	padding-top: .6rem;
	font-size: 2.2rem;
	padding-bottom: .5rem;
	border-bottom: 2px dotted #CC0066;
	margin-bottom: 1.8rem;
	background-image: radial-gradient(circle at left 2.1rem top 2.4rem, #CC0066 calc(4.2rem / 2 - 1px), transparent calc(4.2rem / 2));
	line-height: 1.2;
	}
	.home .contents main section h2::first-letter {
	font-size: 2.8rem;
	color: #FFFFFF;
	display: inline-block;
	padding: 0 .7rem;
	margin-right: .4rem;
	}
	.home .contents main section.topics h2,
	.home .contents main section.report h2 {
	border-bottom: 2px dotted #6699FF;
	background-image: radial-gradient(circle at left 2.1rem top 2.4rem, #6699FF calc(4.2rem / 2 - 1px), transparent calc(4.2rem / 2));
	}
	.home .contents main section .entryWrapper .entry p.entryDate,
	.category .contents main section .entryWrapper .entry p.entryDate,
	.single .contents main section .entryWrapper .entry p.entryDate {
	font-size: 1.4rem;
	line-height: 1.2;
    color: #999999;
	margin: 0 0 .5em;
	}
	.home .contents main section .entryWrapper .entry p.entryTitle,
	.category .contents main section .entryWrapper .entry p.entryTitle {
	position: relative;
	padding-left: 1em;
	line-height: 1.3;
	margin-bottom: .7rem;
	font-weight: bold;
	font-size: 1.8rem;
	}
    .home .contents main section.event .entryWrapper .entry p.entryTitle,
	.category .contents main section.event .entryWrapper .entry p.entryTitle {
    margin: 0 0 1.5em;
    display: inline-block;
    }
	.home .contents main section .entryWrapper .entry p.entryTitle span,
	.category .contents main section .entryWrapper .entry p.entryTitle span {
	font-weight: bold;
	color: #CC0000;
	margin-left: .3em;
	}
	.home .contents main section .entryWrapper .entry p.entryTitle::before,
	.category .contents main section .entryWrapper .entry p.entryTitle::before {
    content: "";
    position: absolute;
	margin: auto;
    top: 0;
	bottom: 0;
    left: 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #CC0066;
    border-right: 2px solid #CC0066;
    transform: rotate(45deg);
	}
	.home .contents main section.topics .entryWrapper .entry p.entryTitle::before,
	.home .contents main section.report .entryWrapper .entry p.entryTitle::before,
	.category.category-topics .contents main section .entryWrapper .entry p.entryTitle::before,
	.category.category-report .contents main section .entryWrapper .entry p.entryTitle::before {
    border-top: 2px solid #6699FF;
    border-right: 2px solid #6699FF;
	}
	.category.category-member-page .contents main section .entryWrapper .entry p.entryTitle::before {
    border-top: 2px solid #FF4500;
    border-right: 2px solid #FF4500;
	}
	.home .contents main section .entryWrapper .entry p.entryEventDate,
	.category .contents main section .entryWrapper .entry p.entryEventDate {
	font-size: 1.4rem;
	line-height: 1.2;
	padding: .4rem 1em;
	display: inline-block;
	background-color: #FFCCCC;
	margin: 0 0 1.5em 1.2em;
	}
	.home .contents main section.topics .entryWrapper .entry p.entryEventDate,
	.home .contents main section.report .entryWrapper .entry p.entryEventDate,
	.category.category-topics .contents main section .entryWrapper .entry p.entryEventDate,
	.category.category-report .contents main section .entryWrapper .entry p.entryEventDate {
	background-color: #CCFFFF;
	}
	.home .contents main section .entryWrapper .entry p.entryEventDate span,
	.category .contents main section .entryWrapper .entry p.entryEventDate span {
	background-color: #999999;
	padding: .4rem 1em;
	display: inline-block;
	margin: -.4rem -1em -.4rem 1em;
	color: #FFFFFF;
	}
	.home .contents main section .entryWrapper .entry p.entryEventDate span.open,
	.category .contents main section .entryWrapper .entry p.entryEventDate span.open {
	background-color: #CC0000;
	}
	.home .contents main section p.cateLink {
	text-align: center;
	margin: 1em auto 0;
	font-size: 1.4rem;
	width: 70%;
	background-color: #CC0066;
	}
	.home .contents main section.topics p.cateLink,
	.home .contents main section.report p.cateLink {
	background-color: #6699FF;
	}
	.home .contents main section p.cateLink a {
	color: #FFFFFF;
	padding: .1rem 1em;
	display: inline-block;
	position: relative;
	}
	.home .contents main section p.cateLink a::after {
    content: "";
    position: absolute;
	margin: auto;
    top: 0;
	bottom: 0;
    right: 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    transform: rotate(45deg);
	}
	@media screen and (max-width: 768px) {
		.home .contents main section {
		width: auto;
		}
		.home .contents main .topImg .upperBG {
		height: 200px;
		background-size: auto 200px;
		}
		.home .contents main .topImg .lowerBG {
		height: 60px;
		background: none no-repeat left center;
		display: flex;
		align-items: center;
		}
		.home .contents main .topImg .upperBG .upper,
		.home .contents main .topImg .lowerBG .lower {
		width: 96%;
		}
	}
}

/*カテゴリページのページネーション*/
@media {
    .category .contents main div.post-pagination-wrapper {
    margin-top: 5rem;
    }
	.category .contents main div.post-pagination-wrapper ul {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	}
	.category .contents main div.post-pagination-wrapper ul li a,
	.category .contents main div.post-pagination-wrapper ul li span {
	list-style: none;
	margin: 0 .3em;
	background-color:transparent;
	padding: .2em .7em;
	display: block;
	border: 1px dotted #996600;
    border: 1px solid #CCCCCC;
    border-radius: 7px;
	}
    .category .contents main div.post-pagination-wrapper ul li span.page-numbers.dots {
    border: 1px solid rgba(204,204,204,.0);
    }
	.category .contents main div.post-pagination-wrapper ul li a.next,
	.category .contents main div.post-pagination-wrapper ul li a.prev {
	border: none;
	}
	.category .contents main div.post-pagination-wrapper ul li span.page-numbers.current,
	.category .contents main div.post-pagination-wrapper ul li a:hover {
	background-color: rgba(153,102,0,.3);
    background-color: rgba(204,204,204,.3);
	}
	.category .contents main div.post-pagination-wrapper ul li a.next:hover,
	.category .contents main div.post-pagination-wrapper ul li a.prev:hover {
	background-color: rgba(153,102,0,.0);
    background-color: rgba(204,204,204,.0);
	}
}

/* ［協会概要］概要・目的ページ body.aboutus
------------------------------------------------------------*/
@media {
	.aboutus .contents main section > ol {
	list-style: none;
	counter-reset: number;
	padding-left: 1em;
	}
	.aboutus .contents main section > ol > li {
	position: relative;
	padding-left: 1em;
	font-weight: bold;
	}
	.aboutus .contents main section > ol > li::before {
	counter-increment: number;
	content: ' ' counter(number) ' ';
	position: absolute;
	left: 0;
	}
	.aboutus .contents main section > ol >  li > ol > li {
	font-weight: normal;
	}
}

/* ［協会概要］沿革ページ body.history
------------------------------------------------------------*/
@media {
	.history .contents main section table th {
	width: 18em;
	}
	@media screen and (max-width:768px){
		.history .contents main section table th,
		.history .contents main section table td {
		display: block;
		width: 100%;
		}
	}
}

/* ［協会概要］役員名簿ページ body.officerlist
------------------------------------------------------------*/
@media {
	.officerlist .contents main section table th,
	.officerlist .contents main section table td:first-child,
	.officerlist .contents main section table td:nth-child(2),
	.officerlist .contents main section table td:last-child {
	text-align: center;
	}
	@media screen and (max-width:768px){
		.officerlist .contents main section table tbody th {
		display: none;
		}
		.officerlist .contents main section table tbody td {
		display: block;
		width: 100%;
		}
		.officerlist .contents main section table td:first-child,
		.officerlist .contents main section table td:nth-child(2),
		.officerlist .contents main section table td:last-child {
		text-align: left;
		}
		.officerlist .contents main section table tr td:first-child {
		background: rgba(102, 153, 255, .1);
		font-weight: bold;
		border-bottom: 1px solid #333399;
		}
		.officerlist .contents main section table td:last-child::before {
		content:"担当委員会：";
		position: relative;
		top: -1.5px;
		}
	}
}

/* 入会案内ページ body.enrollment
------------------------------------------------------------*/
@media {
	.enrollment .contents main section .alignC p:not(.comName) {
	text-align: left;
	display: inline-block;
	}
	.enrollment .contents main section table {
	max-width: 700px;
	}
	.enrollment .contents main section p.comName {
	font-size: 2rem;
	font-weight: bold;
	}
	@media screen and (max-width:768px){
	}
}

/* お問い合わせページ body.form
------------------------------------------------------------*/
@media {
	.form .contents main section table {
	margin-bottom: 3rem;
	}
	.form .contents main section table th span {
	font-size: 1.2rem;
	color: #FF0000;
	font-weight: normal;
	}
	.form .contents main section table td input,
	.form .contents main section table td textarea,
	.form .contents main section input[type="submit"]{
	border: 1px solid #DDDDDD;
	border-radius: 2px;
	vertical-align: bottom;
	}
	.form .contents main section table td input {
	width: 20em;
	}
	.form .contents main section table td textarea {
	width: 30em;
	height: 3.5em;
	}
	.form .contents main section table tr:last-child td textarea {
	height: 7em;
	}
	.form .contents main section table td input:focus,
	.form .contents main section table td textarea:focus {
	outline: 1px solid rgba(102, 153, 255, .5);
	}
	.form .contents main section input[type="submit"],
	.form .contents main section input[type="reset"],
	.form .contents main section button[type="submit"] {
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	padding: .3em 1em;
	margin: 0 20px;
	background-color: #F5F5F5;color: #FF0000;
	}
	.form .contents main section input[type="submit"]:hover,
	.form .contents main section input[type="reset"]:hover {
	opacity: .7;
	}
    .thanks .contents main section p.comName {
	font-size: 2rem;
	font-weight: bold;
	}
	@media screen and (max-width:768px){
		.form .contents main section table th,
		.form .contents main section table td {
		display: block;
		width: 100%;
		}
		.form .contents main section table td input,
		.form .contents main section table td textarea {
		width: 100%;
		}
	}
}

/* 講習会・研修会カテページ body.category.category-workshop
------------------------------------------------------------*/
@media {
	.category.category-workshop .contents main section table thead th {
	background: #333399;
	color: #FFFFFF;
	}
	@media screen and (max-width:768px){
		.category.category-workshop .contents main section p:not(.linkBtn,.noteTitle) {
		text-align: left;
		}
	}
}

/* 会員名簿カテページ body.category.category-member
------------------------------------------------------------*/
@media {
	.category.category-member .contents main section table td:first-child {
	font-size: 2rem;
	font-weight: bold;
	width: 20em;
	}
	.category.category-member .contents main section table td:last-child {
	width: 15em;
	}	
	@media screen and (max-width:768px){
		.category.category-member .contents main section table tbody th {
		display: none;
		}
		.category.category-member .contents main section table tbody td {
		display: block;
		width: 100% !important;
		}
		.category.category-member .contents main section table tr td:first-child {
		background: rgba(102, 153, 255, .1);
		font-weight: bold;
		border-bottom: 1px solid #333399;
		}
	}
}

/* 会員専用カテページ body.category.category-member-page
------------------------------------------------------------*/
@media {
	.category.category-member-page .contents main section table td:first-child {
	font-size: 2rem;
	font-weight: bold;
	width: 20em;
	}
	@media screen and (max-width:768px){}
}

/* 記事ページ body.single
------------------------------------------------------------*/
@media {
	.single .contents main section h4 {
	font-size: 1.8rem;
	font-weight: bold;
    color: #333399;
    padding: 0 1em .2rem;
    border-bottom: 3px solid #333399;
    margin-bottom: 1rem;
	width: 100%;
    max-width: 320px;
	}
	@media screen and (max-width:768px){}
}

/*清掃作業従事者研修-指導者講習（新・再）申込フォーム
------------------------------------------------------------*/
@media {
    #entryBlock2 .addEntryBlock2 {display: none;}/*初期は非表示*/
    #entryBlock2 p.addEntryBtn {
    text-align: center;
    display: block;
    padding: .5em;
    background-color: #0099FF;
    color: #FFFFFF;
    width: 15em;
    margin: 0 auto 2em;
    }
    #entryBlock2 p:hover {
    cursor: pointer;
    color: #FFFF00;
    }
    #entryBlock2 .entryBlock2 {
    display: none;
    transition: 1s;
    opacity: 0;
    }
    #entryBlock2 .entryBlock2.show {display: block;opacity: 1;}
    #entryFee .tab-container {
    border-bottom: 2px solid #333399;
    }
    #entryFee .tab {
    font-size: 1.4rem;
    text-align: center;
    padding: .5em 2em;
    display: inline-block;
    background-color: #CCFFFF;
    color: #999999;
    margin: 0;
    vertical-align: bottom;
    cursor: pointer;
    }
    #entryFee .tab.active,
    #entryFee .tab:hover {
    background-color: #0099FF;
    color: #FFFFFF;
    font-weight: bold;
    }
    #entryFee .content {
    display: none; /*必須*/
    margin-bottom: 10px;
    }
    #entryFee .content.show {
    display: block; /*必須*/
    }

}

/*MW WP Form用 申込フォーム
body.page.form-seiso-shinki
------------------------------------------------------------*/
    .contents main section.MWWPForm h4 {
	font-size: 1.8rem;
	font-weight: bold;
    color: #333399;
    padding: 0 1em .2rem;
    border-bottom: 3px solid #333399;
    margin-bottom: 1rem;
	width: 100%;
    max-width: 320px;
	}
    .contents main section.MWWPForm table th.hoyuShikaku{
	background: #333399;
    color: #FFFFFF;
	text-align: center;
	}
	.contents main section.MWWPForm table td input:not([type="file"]){
	border: 1px solid #DDDDDD;
	border-radius: 2px;
	vertical-align: bottom;
	}
	.contents main section.MWWPForm table td input:focus/*,
	.form .contents main section table td textarea:focus*/ {
	outline: 1px solid rgba(102, 153, 255, .5);
	}
	.contents main section.MWWPForm input[type="submit"],
	.contents main section.MWWPForm input[type="reset"] {
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	padding: .3em 1em;
	margin: 0 20px;
	background-color: #F5F5F5;color: #FF0000;
	}
	.contents main section.MWWPForm input[type="submit"]:hover,
	.contents main section.MWWPForm input[type="reset"]:hover {
	opacity: .7;
	}
    .contents main section.MWWPForm table td input[type="radio"],
    .contents main section.MWWPForm table td input[type="checkbox"] {
	position: relative;
    top: -6px;
	}
/*    .thanks .contents main section p.comName {
	font-size: 2rem;
	font-weight: bold;
	}*/
	@media screen and (max-width:768px){
        .contents main section.MWWPForm .tableWrapper {
        overflow-x: scroll;
        }
        .contents main section.MWWPForm .tableWrapper::before {
        content: "▼表は横にスクロールできます。";
        font-size: 1.2rem;
        }
        .contents main section.MWWPForm .tableWrapper table {
        width: 1000px;
        }
        .contents main section.MWWPForm table td input[type="radio"],
        .contents main section.MWWPForm table td input[type="checkbox"] {
        top: -4px;
        }
	}