@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*共通CSS↓*/
.page .date-tags,
.page .author-info {
    display: none;
}

nav ul li {
	border-left: 1px solid #ffffff;
}

nav ul li:last-child {
	border-right: 1px solid #ffffff;
}

nav ul.sub-menu li {
	border-left: none!important;
	border-right: none!important;
}

.navi-in a {
	font-size: 14px;
}

h1 {
	color: #ffffff;
	background-color: #ffaf58;
	padding: 10px 0 10px 10px;
}

h2 {
	padding: 8px;/*文字周りの余白*/
	border-radius: 8px;/*角の丸み*/
	background-color: #ffaf58!important;
	color: #ffffff!important;
}

.article h3 {
    border: none;
}

h3 {
	width: 100%;
	display: inline-block;
	line-height: 1.3;/*行高*/
	color: #ffffff;/*文字色*/
	background-color: #ffaf58!important;
	vertical-align: middle;/*上下中央*/
	border-radius: 20px;/*左側の角を丸く*/
}

h3:before {
  	content: '●';
  	color: white;
  	margin-right: 8px;
}

h4 {
	border: none!important;
	color: #009688;
	margin: 1.5em 0 1em!important;
	padding-left: 0!important;
}

h5 {
	border-bottom-color: #ffaf58!important;
}

h6 {
	border-bottom-color: #ffaf58!important;
}

.blank-box.sticky.st-yellow {
	color: #ffa103;
	font-size: 1.2em;
	font-weight: 600;
	margin-left: 0;
	margin-right: 0;
}

.midashi {
	margin: 2.5em 0 0.7em 0;
  	padding: 0.5em;/*文字周りの余白*/
  	color: #494949;/*文字色*/
  	background: #fffaf4;/*背景色*/
  	border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
	font-size: 1.1em;
	font-weight: 600;
}

.main ul {
	padding: 0.5em 1em 0.5em 1em;
}

.main ul li {
	list-style-type: none;
	border-bottom: 1px dashed #eeeeee;
	padding-left:1em;
	text-indent:-1.2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.main ul li:before {
	font-family: FontAwesome;
	content: '\f138';
	padding-right: 5px;
	color: #12408e;
}

.main ol {
	counter-reset:number;
	list-style-type: none!important;
	padding: 0.5em 1em 0.5em 1em;
}

.main ol li {
	border-bottom: 1px dashed #eeeeee;	
	padding: 0.5em 0 0.5em 2em;
}

ol li:before{
	position: absolute;
	counter-increment: number;
	content: counter(number);
	margin-left: 20px;
  	display:inline-block;
  	background-color: #009688;
  	color: white;
  	font-weight:bold;
  	font-size: 15px;
  	border-radius: 50%;
  	left: 0;
 	width: 25px;
  	height: 25px;
  	line-height: 25px;
  	text-align: center;
}

.custom-btn {
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	color: #ffffff;
	border: solid 2px #add8e6;
	background-color: #add8e6;
  	border-radius: 3px;
	margin: 0 0.7em 0.7em 0.7em;
	padding: 0.8em 1.1em;
	transition: .3s;
}

.custom-btn:hover {
	border: solid 2px #add8e6;
	background: #ffffff;
	color: #add8e6;
}

.next-page-btn {
  	position: relative;
  	display: inline-block;
  	font-weight: bold;
  	padding: 0.25em 0.5em;
  	text-decoration: none;
  	color: #009688;
  	background: #ECECEC;
  	transition: .4s;
}

.next-page-btn:hover {
  	background: #009688;
  	color: white;
}

.contact-btn {
	display: inline-block;
	margin: 1.4em 0;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #668ad8;
	color: #ffffff;
	border-radius: 2px;
	box-shadow: 0px 0px 0px 5px #668ad8;
	border: dashed 1px #ffffff;
}

.contact-btn:hover {
	border: solid 1px #FFF;
	color: #ffffff;
}

.custom-tab tbody th {
	width: 20%;
}

.custom-tab tbody td {
	width: 80%;
}

/*投稿一覧CSS↓*/
img.entry-card-thumb-image.no-image.list-no-image {
	width: 0;
}

.pagination-next {
	display: none;
}

/*サイドバーリストCSS↓*/
.widget.widget-sidebar ul li a {
	font-size: 16px;
    padding-left: 5px;
}

.widget.widget-sidebar ul li a::before {
	font-family: "FontAwesome";
	content: "\f101";
	color: #12408e;
	margin-right: 5px;
}

.home .cta-box {
	background-color: #ffffff;
	color: #000000;
	text-align: center;
	font-size: 12px;
}

/*新着情報ロゴ背景色削除CSS↓*/
.blog h1 {
	background-color: transparent;
}

/*トップページ以外の固定ページ メインビジュアル用CSS↓*/
/*.page-id-230 .header {
	background-image: url("http://test.npocc.org/proof-edison/wp-content/uploads/2019/06/patter.jpg");
	background-repeat: no-repeat;
}

.page-id-230 #header-in.header-in.wrap.cf {
	background-image: none;
}

.page-id-230 .tagline {
	display: none;
}*/

/*トップページ用CSS↓*/
.home.page .entry-title,
.home.page .post-update {
	display: none;  
}

.home .content-in.wrap.cf {
	margin: 0 auto;
	width: 98%;
}

#header.header.cf {
	border-top: 10px solid #009688;
}

#header-in.header-in.wrap.cf {
	background-image: url(http://e-club.jp/wp2020/wp-content/uploads/2019/05/main-img.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.tagline {
	font-size: 1.8em;
	color: #ffaf58;
	font-weight: 600;
}

h2.top-title {
	background-color: #f3f3f3!important;
}

.top-title {
	color: #2775ba!important;
	background-color: #f3f3f3;
	border-radius: 8px;
	font-size: 1.8em!important;
	background-image: url(https://e-club.jp/wp2020/wp-content/uploads/2022/05/top-title-img.png);
	background-repeat: no-repeat;
	background-position: 10px 3px;
	padding: 30px 25px 20px 80px!important;
}

.home .column-wrap p {
	padding: 10px;
	border-radius: 2px;
	background-color: #fff9ff;
}

.home h5 {
	color: #009688;
	background-color: #fffff0;
	border-top: solid 1px #ffefd5;
	border-left: solid 1px #ffefd5;
	border-right: solid 1px #ffefd5;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.home h5:before {
	content: '●';
  	color: #009688;
  	margin: 0 5px 0 0;
}

.home h5.member-title {
	color: #ffffff;
	background-color: #009688;
	border-top: solid 1px #2f4f4f!important;
	border-left: solid 1px #2f4f4f!important;
	border-right: solid 1px #2f4f4f!important;
	border-bottom-color: #2f4f4f!important;
}

.custom-btn-login {
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	color: #ffffff;
	border: solid 2px #9e9e9e;
	background-color: #9e9e9e;
  	border-radius: 3px;
	margin: 0 0.7em 0.7em 0.7em;
	padding: 0.8em 1.1em;
	transition: .3s;
}

.custom-btn-login:hover {
	border: solid 2px #9e9e9e;
	background: #ffffff;
	color: #9e9e9e;
}

.home figure img {
	display: none;
}

.home .new-entry-card.widget-entry-card.e-card.cf {
	position: relative;
}

.home.entry-categories{
	display: inline;
}

.home.widget-entry-card-cat-label {
	font-size: 1em;
	line-height: 1.5;
	display: inherit;
	position: absolute;
	top: 0;
	left: 0;
}

.new-entry-card-thumb.widget-entry-card-thumb.card-thumb {
	margin: 0;
}

.home .new-entry-card-date.widget-entry-card-date {
	display: inline;
	font-size: 1.3em;
	margin-right: 1.5em;
}

.home .new-entry-card-title.widget-entry-card-title.card-title {
	font-size: 1.2em;
	padding: 0;
	display: inline-block;
}

.home .widget-entry-cards .a-wrap {
  border-bottom: dashed 1px #d3d3d3;
}

/*団体概要ページ用CSS↓*/
.column-title {
	padding: 6px 10px 6px 25px;
	position: relative;
	font-size: 20px;
	font-weight: 600;
	color: #ffffff;
	background-color: #d93;
}

.column-title:after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #f4a460;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

a.teikan-dl {
	font-size: 1.2em;
	margin-top: 5px;
}

.teikan-dl:before {
	font-family: FontAwesome;
	content: '\f1c1';
	padding-right: 5px;
}

/*代表よりページ用CSS↓*/


/*活動報告ページ用CSS↓*/
.btn-box-border {
	display: inline-block;
	color: #009688;
	border-bottom: 1px solid #eeeeee;
	margin: 0 0 0.7em 0.7em;
	padding: 0.8em 1.1em;
	transition: .3s;
}

.btn-box-border:hover {
  background: #009688;
  color: white;
}

.btn-box-border:before {
	font-family: FontAwesome;
	content: '\f1c1';
	padding-right: 5px;
}

/*
.custom-table th {
	width: 20%;
	background-color: #ffffff;
	border-color: #009688;
	color: #009688;
	border-top: none;
	border-left: none;
	border-right: none;
}

.custom-table td {
	width: 80%;
	background-color: #ffffff;
	border-top: none;
	border-left: none;
	border-right: none;
	padding-left: 15px;
}
*/

table.statement {
	width: 50%;
}

table.statement th {
	width: 30%;
	color: #009688;
}

table.statement td {
	width: 70%;
	text-align: center;
}

table.statement td a:before {
	font-family: FontAwesome;
	content: '\f1c1';
	padding-right: 5px;
}

/*会報誌一覧ページ用CSS↓*/
.letter_box {
	display: flex;
	justify-content: flex-start;
}

.letter_box .letter_item {
	width: 24%;
}

.letter_box .letter_item:nth-of-type(n+2) {
	margin-left: 1%;
}

/*各会のご紹介ページ用CSS↓*/
.column-wrap .column-left,.column-wrap .column-center,.column-wrap .column-right {
	padding: 0 0.5em;
}

.corporation_box {
	background-color: #eeeeee;
	border-radius: 5px;
	margin-right: 5px !important;
}

.corporation_name {
	text-align: center;
	margin: 10px auto 10px auto;
	font-size: 16px;
	border-bottom: solid 2px #ffffff;
	margin-bottom: 10px;
}

/*各会の詳細ページ用CSS↓*/
.custom-fonts {
	font-size: 1.5em;
}

.mb-reset {
	margin-bottom: 0!important;
}

/*ADHDについてページ用CSS↓*/
.adhd-list {
	background-color: #fafafa;
}

.adhd-list ul p {
	color: #009688;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

dt {
	font-size: 1.1em;
	font-weight: 600;
	padding: .25em 0 .25em .75em;
	margin: .5em 0;
	border-left: 5px solid #009688;
}

/*ADHDの診断についてページ用CSS↓*/
ol.step{
	list-style-type: none;
	padding:0;
}
.step li{
	position: relative;
	width:100%;
	background: #504944;
	padding: 1em;
	margin: 1em 1em 2em 0!important;
	text-align:center;
	color: #fff;
	border-bottom: none!important;
	font-weight: bold;
}
.step li:after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	bottom: -10px;
	left: 45%;
	border-style: solid;
	border-color: #504944 transparent transparent transparent;
	border-width: 10px 50px 0 50px;
	z-index: 1;
}
.step li.is-current{
	background: #009688;
	font-weight: bold;
}
.step li.is-current:after{
	border-color: #009688 transparent transparent transparent;
}

.step li:before {
	content: none;
} 

/*ADHDの薬剤についてページ用CSS↓*/
.medicine_box {
	background-color: #fff5ee;
	padding: 10px 20px 10px 20px;
	border-radius: 5px;
}

.medicine_title {
	font-size: 18px;
	font-weight: bold;
}

.medicine_title i {
	color: #dc143c;
}

/*カウンセリングの案内ページ用CSS↓*/
.top-text {
	font-size: 1.2em;
	font-weight: 600;
	color: #009688;
}

/*ADHD支援グッズページ用CSS↓*/
.goods-img-box {
	display: flex;
	flex-wrap: wrap;
}

/*講演会・講座ページ用CSS↓*/
.page-id-176 .info-box:hover, .danger-box:hover {
	opacity: 0.7;
}

.page-id-176 .main a {
	text-decoration: none;
}

/*成人ADHDの理解と支援講座ページ用CSS↓*/
.page-id-698 table th {
	background-color: #ffaf58!important;
	color: #ffffff;
}

/*指導者養成講座ページ用CSS*/
.record-text {
	margin: 1.5em 0 0.5em;
	color: #009688;
	font-weight: 600;
}

.page-id-700 table {
	margin: 0;
}

.course-text {
	text-align: center;
}

/*ADHD勉強会ページ用CSS*/
.page-id-702 table {
	margin: 0;
}

/*ストレスマネジメント講座ページ用CSS*/
.top-name-text {
	text-align: right;
}

.text-mtop {
	margin-top: 2.2em!important;
}

.application-title {
	font-size: 1.3em;
	font-weight: bold;
	color: #009688;
}

/*冊子・リーフレットページ用CSS↓*/
.width-cell {
	width: 10%;
}

.center-cell {
	text-align: center;
}

/*各冊子ページ用CSS↓*/
.page-id-1434 .main ul, .page-id-1460 .main ul, .page-id-1463 .main ul, .page-id-1487 .main ul, .page-id-1491 .main ul {
  color: #12408e; 
  border: double 5px #668ad8;/*二重線 太さ 色*/
  padding: 0.5em 0.5em 0.5em 2em;
}

.page-id-1434 .main ul li, .page-id-1460 .main ul li, .page-id-1463 .main ul li, .page-id-1487 .main ul li, .page-id-1491 .main ul li {
  line-height: 1.5;
  padding: 0.5em 0;
}

/*リーフレットページ用CSS↓*/
.leaf .column-wrap.column-3 {
	margin: 2.5em 0!important;
}

.leaf img {
	border: 1px solid #d3d3d3;	
}

.leaf ul {
	color: #12408e;
	border: double 5px #668ad8;
	padding: 0.5em 0.5em 0.5em 2em;
}

/*入会案内ページ用CSS↓*/
.page-id-702 .text-title {
	font-size: 1.1em;
	font-weight: 600;
}

/*お問い合わせページ用CSS↓*/
/* フォームCSS */
.inquiry th{
	text-align: left;
	font-size: 14px;
	color: #444;
	width: 30%;
	background-color: #f7f7f7;
	border: solid 1px #d7d7d7;
}

.inquiry td{
	font-size: 12px;
	border: solid 1px #d7d7d7;
	background-color: #ffffff;
}

.inquiry input[type="text"],.inquiry input[type="email"],.inquiry input[type="tel"],.inquiry textarea {
	background-color: #eeeeee;
	border-radius: 3px;
}

.must{
	font-size: 8px;
	padding: 5px;
	background-color: #ff9872;
	color: #ffffff;
	border-radius: 3px;
	margin: 0 5px;
}

.may{
	font-size: 8px;
	padding: 5px;
	background-color: #99cccc;
	color: #ffffff;
	border-radius: 3px;
	margin: 0 5px;
}

.submit {
	text-align: center;
}

#submit-btn {
	width: 60%;
	max-width: 250px;
	background-color: #12408e;
	color: #ffffff;
	font-size: 16px;
	border-radius: 3px;
	border-style: none;
}

#submit-btn:hover {
	background-color: #12408e;
	opacity: 0.8;
	color: #ffffff;
}

span.wpcf7-list-item {
display: block!important;
}
/* フォームCSSここまで */

.page-id-194 .entry-categories-tags.ctdt-one-row {
	display: none;
}

/* フッターCSS */
.site_map {
	display: flex;
	justify-content: space-around;
}

.site_map ul {
	list-style: none;
	padding-left: 0;
}

.site_map ul li {
	
}

.site_map ul li a {
	text-decoration: none;
}

.site_map ul li a:hover {
	color: #ffaf58!important;
}

.list_top {
	font-size: 1.2em;
	font-weight: 600;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1920px以下*/
@media screen and (max-width: 1920px){
  /*必要ならばここにコードを書く*/
	.entry-card-thumb {
		width: 12%;
	}
	
	.entry-card-content {
		margin-left: 12%;
	}
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
	.logo-header img {
		width: 220px !important;
		height: auto !important;
		margin: 0 auto !important;
	}
	
	.site_map {
  		display: flex;
  		flex-wrap: wrap;
	}
	
	.site_map.item {
		width: 33.33333333%;
	}
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	.column-left p,
	.column-center p,
	.column-right p {
		padding: 0 7px;	
	}
	
	h1.appeal_title {
		font-size: 18px!important;
	}
	
	li {
		font-size: 14px;
	}
	
	/*トップページ用CSS*/
	.logo.logo-header.logo-image {
		width: 220px !important;
		height: auto !important;
		margin: 0 auto !important;
		text-align: center;
	}	
	
	body p {
		font-size: 12px;	
	}
	
	.entry-content.cf {
		margin-bottom: 0px;
	}
	
	.home .card-title{
		font-size: 18px;
		padding-top: 10;
		margin-left: 0;
	}
	
	.home .new-entry-card-date.widget-entry-card-date.display-none {
		padding-top: 10px;
	}
	
	.home.page .column-left {
		padding-top: 0;
	}
	
	.home.page .column-center {
		padding: 0;
	}
	
	.m_reset {
		margin: 0;
	}
	
	/*各会のご紹介ページ用CSS*/
	.page-id-234 .column-left {
		margin-bottom: 20px;
	}
	
	.page-id-234 .column-center {
		margin-bottom: 20px;
	}
	
	.page-id-234 .column-left {
		padding-top: 0;
	}
	
	.page-id-234 .column-center {
		padding: 0;
	}
	
	/*法人説明ページ用CSS*/
	.page-id-176 .column-left {
		margin-bottom: 20px;
	}
	
	/*お問い合わせページ用CSS*/
	.inquiry th,.inquiry td {
		display: block;
		width: 100%;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.logo-header img {
		width: 220px !important;
		height: auto !important;
		margin: 0 auto !important;
	}
	
	#header-in.header-in.wrap.cf {
		background-image: none;
	}
	
	h1.appeal_title {
		font-size: 14px!important;
	}
	
	.main ul {
		padding: 0.5em;
	}
	
	main ul li {
		font-size: 12px;
	}
	
	.home .widget-entry-cards .widget-entry-card-content {
		margin-left: 100px;
	}
	
	/*投稿一覧CSS↓*/
	.entry-card-thumb {
		width: 18%;
	}
	
	/*トップページ新着記事日付位置*/
	.home .new-entry-card-post-date.widget-entry-card-post-date.post-date {
		font-size: 1em;
		margin: 0;
		padding: 0;
		text-align: right;
	}
	
	.home .new-entry-card-date.widget-entry-card-date {
		font-size: 1em;
	}

	.home .new-entry-card-title.widget-entry-card-title.card-title {
		font-size: 1em;
	}
	
	/*団体概要ページ用CSS*/
	.column-title {
		font-size: 16px;
	}
	
	.main ol li {
		padding: 0.5em 0 0.5em 2em;
	}
	
	ol li:before{
		margin-left: 10px;
	}

	.mobile-box-center {
		text-align: center;
	}
	/*活動報告ページ用CSS*/
	table.statement {
		margin: 0 auto;
	}
	/*会報誌一覧ページ用CSS↓*/
	.letter_box {
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.letter_box .letter_item {
		width: 48%;
		margin-left: 0;
	}
	
	.letter_box .letter_item:nth-child(1),
	.letter_box .letter_item:nth-child(2) {
		margin-bottom: 15px;
	}
	/*各会の詳細ページ用CSS↓*/
	.text_left {
		padding-left: 0;
	}
	/*ADHDの診断についてページ用CSS↓*/
	.step li:after {
		left: 40%;
	}
	/*フッターCSS↓*/
	.site_map {
		display: flex;
  		flex-direction: column;
	}

	.site_map ul {
		list-style: none;
		padding-left: 0;
		text-align: center;
	}

	.site_map ul li {
		
	}

	.site_map ul li a {
		text-decoration: none;
	}

	.list_top {
		font-weight: 600;
	}
	
	/* モバイルのグローバルナビ(メニュー)の設定 */
	.mobile-menu-buttons {
  		background:rgba(255,255,255,0.7);
	}
	
	label.navi-menu-close-button.menu-close-button {
		background-color: #ffaf58;
	}
	
	#navi-menu-content{
  		background-color: rgba(255,255,255,0.90) !important;
	}
	
	#navi-menu-content ul li {
  		margin-right:2px;
  		margin-right:5px;
		margin-bottom: 5px;
  		border: 1px solid #969696;
  		border-radius: 0px;
	}
	
	#navi-menu-content a { 
 		color:#000000;
	}
	
	#navi-menu-content ul li a{ 
 		color:#000000;
	}
}