@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

html { height: 100%; }
body { height: 100%;margin: 0; }
* { box-sizing: border-box; }
address { font-style:normal; }
.article p { margin-top:0.8em;margin-bottom:1.2em; }

/*固定ページでシェア・フォローボタンをまとめて非表示*/
.page .sns-share,
.page .sns-follow {
    display: none;
}
/*全固定ページの投稿日・更新日を消す*/
.page .date-tags,
.page .author-info {
    display: none;
}
/*子要素高さ100％に対応*/
html,body { height:100%; }

/*コンテンツ内の余白削除*/
.entry-content>* {
	margin-top:0;
	margin-bottom:0;
}

em { font-style:normal;font-weight:500; }
img { vertical-align:bottom; }
sup { font-size:12px; }
@media screen and (max-width:640px){
	sup { font-size:11px; }
}
.search-menu-button.menu-button { display:none; }
.logo-menu-button.menu-button .site-logo-image { padding:3px 40px 3px 0; }

/************************************
** デバイス表示切替
************************************/

.dispPC { display:none; }
span.dispPC { display:none; }
.dispSP { display:block; }
span.dispSP { display:inline; }

@media screen and (min-width:769px){
	.dispPC { display:block; }
	span.dispPC { display:inline; }
	.dispSP { display:none; }
}

/************************************
** font
************************************/

#menu-headmenu .item-label { font-family: 'Noto Sans JP', sans-serif;font-size:1.2em;color:#444; }
#main h1 { font-family: 'Noto Sans JP', sans-serif; }
#main h2 { font-family: 'Noto Sans JP', sans-serif;margin-top:0; }
#sidebar h3 { font-family: 'Noto Sans JP', sans-serif; }

@media screen and (max-width:1024px){
	#menu-headmenu .item-label { font-size:1.1em; }
}

/************************************
** header
************************************/

.date-tags { font-size:1.1em; }

.header-container-in.hlt-top-menu .logo-header img { height:40px; }

@media screen and (min-width:1024px) and (max-width:1300px){
	#header-in { margin-left:25px; }
}

@media screen and (min-width:1081px){
	#navi .navi-in>ul>li { margin-right:15px; }
}

@media screen and (max-width:834px){
	.menu-drawer li:nth-child(5) { margin-bottom:40px; }

	.navi-in > ul { padding-top:6px;padding-bottom:4px; }
	#navi .navi-in > .menu-mobile li { margin:1px 0; }
	#navi .navi-in > .menu-mobile li a { background-color:#999;border-radius:4px;margin:2px;color:#fff; }
		#navi .navi-in > .menu-mobile li:nth-child(1) a { background-color:#007DC4; }
		#navi .navi-in > .menu-mobile li:nth-child(2) a { background-color:#24A6E7;margin-left:0; }
		#navi .navi-in > .menu-mobile li:nth-child(3) a { background-color:#24A6E7; }
		#navi .navi-in > .menu-mobile li:nth-child(4) a { background-color:#007DC4;margin-left:0; }
}

@media screen and (max-width:440px){
	.menu-drawer li:nth-child(5) { margin-bottom:30px; }
}

/************************************
** ttl
************************************/

.pgTtl { margin:0 0 15px 0;position:relative; }
.single .pgTtl { margin-top:15px; }
.pgTtl:before {
    content: "";
    width: 100%;
    height: 3px;
    background: #ddd;
    position: absolute;
    bottom: 0;
    left: 0;
}

.pgTtl h1 {
	margin:0;
	color: #444;
	display: inline-block;
    letter-spacing: 1px;
	padding-top:15px;
    padding-bottom: 10px;
    border-bottom: 3px solid #007DC4;
    position: relative;
}

#main h2 { line-height:1.6;padding:15px 20px 15px 25px;margin:16px 0; }

@media screen and (max-width:834px){
	.pgTtl h1 { padding-top:15px;padding-left:0; }
	#main h2 { font-size:18px; }
}
@media screen and (max-width:540px){
	.pgTtl h1 { padding-top:15px;padding-left:0;font-size:20px; }
	#main h2 { font-size:16px; }
}

/************************************
** content トップページ　新着情報
************************************/

.news_list_box { margin-bottom:25px; }
.news_list_box li { border-bottom: 1px dotted #bbb;font-size:15px;padding-top:2px;padding-bottom:6px; }
.news_list_box li a { color:#333;text-decoration:none;display:block; }
.news_list_box li a:hover { color:#264398;background-color:#f1f8fd;transition:0.4s; }
.news_list_box li .news_date { font-size:12px; }
.news_list_box li .cat { border:1px solid #ccc;border-radius:3px;background-color:#fff1f1;color:#1a47ab;
	font-size:12px;margin:0 9px 0 9px;padding:1px 5px; }
.news_list_box li.members .cat { color:#da5f5f; }
.news_list_box li.executive-committee .cat { color:#da5f5f; }

.news_list_box li.news .cat { background-color:#fefec5; }
.dispWNtop { display:none; }

@media screen and (max-width:480px){
	.news_list_box { margin-bottom:15px; }
	ul.news_list { padding:0;margin:-10px 0 0 0; }
	.news_list_box li { list-style:none;margin:0;padding-top:4px;padding-bottom:8px;line-height:1.6; }
	.news_list_box li .news_date { line-height:2.6; }
	.dispWNtop { display:inline-block; }
}

/************************************
** content 業務速報 psw
************************************/

.category-members-post .entry-content p { margin:2em 0 2.2em 0; }
.category-members-post .entry-content input { width:35%;margin:1em 10px 1em 0; }

@media screen and (max-width:480px){
	.category-members-post .entry-content form { text-align:left; }
	.category-members-post .entry-content input { width:55%;margin:1em 15px; }
	.news_list_box li .cat { margin:0 7px 0 8px;padding:0 6px 1px 5px; }
}


/************************************
** content 執行委員会 psw
************************************/

.category-executive-committee-post .entry-content p { margin:2em 0 2.2em 0; }
.category-executive-committee-post .entry-content input { width:35%;margin:1em 10px 1em 0; }

@media screen and (max-width:480px){
	.category-executive-committee-post .entry-content form { text-align:left; }
	.category-executive-committee-post .entry-content input { width:55%;margin:1em 15px; }
	.news_list_box li .cat { margin:0 7px 0 8px;padding:0 6px 1px 5px; }
}

/************************************
** content
************************************/

.Bbox {
	padding:15px 30px 15px 35px;
	background-color:#f1f8fd;
	border:2px solid #dddddd;
	border-radius:4px;
	margin-bottom:1.3em;
}

@media screen and (max-width:540px){
	.Bbox { padding:0 15px 0 24px; }
}

.sloganBox {
	text-align:center;
	font-size:34px;
	line-height:1.1em;
	font-weight:600;
	padding:8px 0 0 0;
	background-color:#f1f8fd;
	border:2px solid #dddddd;
	border-radius:4px;
	margin-bottom:1.3em;
}

.sloganBox strong {	font-size:46px; }

@media screen and (max-width:1024px){
	.sloganBox { font-size:28px; }
	.sloganBox strong {	font-size:40px; }
}
@media screen and (max-width:540px){
	.sloganBox { font-size:22px; }
	.sloganBox strong {	font-size:32px; }
}
@media screen and (max-width:375px){
	.sloganBox { font-size:18px; }
	.sloganBox strong {	font-size:28px; }
}

/************************************
** blog - normal
************************************/

/* エントリーカードラベル非表示 */
.entry-card .cat-label,.entry-header-categories .cat-link {
  display: none;
}

#list .a-wrap { margin-bottom:1%; }
.pagination-next { margin-top:30px; }
.entry-card-info > * { font-size: 0.9em; }

@media screen and (min-width:481px) {
	.entry-card-meta, .related-entry-card-meta { padding:7px 0 0 0;bottom:auto;right:auto;top:0; }
	#main h2.entry-card-title.card-title.e-card-title { padding:34px 0 8px 0; }
	#main .entry-card-snippet, .related-entry-card-snippet { line-height:1.8;font-size:0.8em; }
}
@media screen and (max-width:1024px){
	#main .entry-card-snippet, .related-entry-card-snippet { display:none; }
}
@media screen and (max-width:480px){
	#list article.category-news-post { border-bottom:1px dotted #bbb; }
	.entry-card-thumb { padding-right:8px; }
	.ect-entry-card .card-thumb, .rect-entry-card .card-thumb, .ect-big-card-first .card-thumb {
		margin-bottom: 18px;
	}
	.entry-card-content, .related-entry-card-content { padding-bottom:0; }
	#main h2.entry-card-title.card-title.e-card-title { font-size:14px;padding:24px 0 10px 0; }
	.entry-card-meta, .related-entry-card-meta { padding:0;bottom:auto;right:0;top:0; }
}
@media screen and (max-width:320px){
	.entry-card-info > * { font-size: 0.8em; }
	#main h2.entry-card-title.card-title.e-card-title { font-size:12px; }
}

/************************************
** blog - pdf
************************************/

.pdfInfoTxt { padding-bottom:20px; }
.category-news .pdfInfoTxt,.categoryid-4 .pdfInfoTxt,.page-template-default .pdfInfoTxt { display:none; }
.category-members-post .entry-content p.pdfInfoTxt { margin:0; }
.category-executive-committee-post .entry-content p.pdfInfoTxt { margin:0; }

.pdfBox { border:1px solid #d2d0d0; }
	.pdfBox div { margin:0 !important;padding:0 !important; }
	.pdfBox .pdfTtl { font-family: 'Noto Sans JP', sans-serif; }

.pdfBox a { display:block;text-align:center;background-color:#e9eff5;margin-right:25px; }
	.pdfBox a:hover { background-color: #3c9cfc29; }
	.pdfBox a img { width:100%;max-width:54px !important;padding:14px 0;height:auto; }

	.pdfBox .pdfTtl { font-size:18px;line-height:1.5;padding:13px 15px 0 0 !important; }
	.pdfBox p { margin:0 !important;padding:8px 0 10px 0 !important;font-size:14px;line-height:1.6; }

@media screen and (max-width:834px){
	.pdfBox .pdfTtl { font-size:16px; }
}
@media screen and (max-width:640px){
	.pdfBox a { margin-right:0; }
	.pdfBox .pdfTtl { padding:12px 15px 0 20px !important; }
	.pdfBox p { font-size:12px;line-height:1.6;padding:8px 0 12px 20px !important; }
}
@media screen and (max-width:480px){
	.pdfBox a { margin-right:0; }
	.pdfBox a {  }
	.pdfBox a img { padding:14px 0;height:auto; }
	.pdfBox .pdfTtl { font-size:14px;padding:8px 6px 0 12px !important; }
	.pdfBox p { padding:4px 0 7px 12px !important; }
}

/************************************
** sideMenu
************************************/

#menu-rightmenu li { border-bottom:1px dotted #bbb; }

/************************************
** sideMenu
************************************/

.menu-drawer {}
.menu-drawer li { border-bottom:1px dotted #bbb; }

#menu-rightmenu-1 { margin-bottom:40px; }
#menu-rightmenu-1 li { border-bottom:1px dotted #bbb; }

/************************************
** footer
************************************/

.footer-bottom-logo .logo-image { max-width:280px; }
.footer-bottom-logo img { width:280px;height:auto; }
.footer-widgets { margin-bottom:0; }
.footer-bottom { margin-top:0;padding:0 15px; }
.copyright { padding-bottom:20px; }


@media screen and (min-width:1024px) {
	#footer-in .footer-left { width:80%; }
	#footer-in .footer-center { width:9%; }
	#footer-in .footer-right { width:9%; }
	.footer-bottom-logo .site-name-text { padding-bottom:40px; }
}

@media screen and (max-width:834px){
	.footer-bottom-logo img { height:auto; }
	address { text-align:center; }
}

/************************************
** faq
************************************/

#main .faq-accordion .faq-main { background-color:#eff6fb; }
#main .faq-accordion .faq-main.open { background-color:#fff; }

#main .faq-title h4 { border:0;line-height:1.8 !important; }
	#main .faq-title h4 { font-size:18px !important;padding:0 0 5px 10px !important;margin-bottom:15px; }
	#main .faq-content { border-top:1px dotted #ccc; }
	#main .faq-accordion p { padding:8px 5px 1.5em 10px;line-height:2.0;margin:0; }
	#main .faq-accordion p:last-child { padding-bottom:0; }
	#main .faq-accordion p strong { font-weight:600; }

@media screen and (max-width:834px){
	#main .faq-title h4 { font-size:18px !important; }
}

@media screen and (max-width:540px){
	#main .faq-title h4 { font-size:16px !important;padding:0 0 10px 10px !important;margin-bottom:15px; }
	#main .faq-content { border-top:1px dotted #ccc; }
	#main .faq-accordion p { padding:5px 5px 1.3em 10px;line-height:2.0;margin:0; }
	#main .faq-accordion p:last-child { padding-bottom:0; }
}


/************************************
** headerなど調整 2024/10/05
************************************/

@media screen and (max-width:1023px){
	.menu-drawer a { padding:10px 6px; }
}

@media screen and (min-width:835px)and (max-width:1023px) {
	#navi { height:52px; }
	#navi-in { display:none; }
}

@media screen and (max-width:834px){
	#navi { height:auto; }
	#navi-in { padding-top:47px;display:block; }
}


/************************************
** other
************************************/

	a.goAdobe { display:block;margin:35px 0;border:1px solid #007DC4;padding:15px 20px;background-color:#fefec5;
		text-decoration:none;color:#2f617d; }
		a.goAdobe:hover { text-decoration:underline;color:#007dc4; }
	a.goAdobe img { padding:3px 15px 5px 0; }

@media screen and (max-width:1024px){
	
}
@media screen and (max-width:834px){
	
}
@media screen and (max-width:480px){
	
}
@media screen and (max-width:320px){
	
}