/*
Theme Name: Cocoon Child
Template: cocoon-master
Author: Child Theme Configurator
Version: 1.1.0.1574520943
Updated: 2019-11-23 23:55:43
*/

/*******************
 * リンクデザイン全般
********************/
a{
	color: #190d99;
	transition: .4s;
	text-decoration: none;
}
a:hover{
	color: #190d99;
	text-decoration: underline;
}

/*******************
 * a-wrap 全般
********************/

.a-wrap{
  border-radius: 4px
}
.a-wrap:hover{
	box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2);
	background-color: white; 
	transform: translateY(-2px);
	transition: all .3s ease;
	text-decoration: none;
}

/*******************
 * インデックスカード　デザイン（メインバックカラー、検索結果マージン調整）
********************/
.pagination-next{
  display: none;
}
.archive .main, .search-results .main{
  background: none;
}
.search-results .search-box{
	margin-bottom: 15px;
}

.list{
	display: block;
}

.blogcard-thumbnail img, .card-thumb img{
	/*aspect-ratio: initial;*/
}

.new-entry-cards.widget-entry-cards.no-icon.cf img,
.entry-card-thumb.card-thumb.e-card-thumb img{
  aspect-ratio: 1;
}

.new-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb img{
  aspect-ratio: var(--card-ratio);
}

.list .a-wrap{
    width: 48%;
    display: block;
    padding: 10px;
    margin: 0 1% 17px;
    cursor: pointer;
    background: #fff;
    float: left;
    position: relative;
  transition: all ease-in-out .3s;
}
.entry-card-content{
	margin-left:0;
    overflow: hidden;
    max-height: 5.4em;
    text-overflow: ellipsis;
}
.entry-card-thumb{
    width: 120px;
    height: 120px;
    display: table-cell;
    position: relative;
    vertical-align: middle;
}

.list .entry-card-title {
    font-size: 1em;
    line-height: 1.4;
    color: #333;
    width: calc(100% - 135px);
    display: table-cell;
    margin: 0;
    padding-left: 11px;
    height: 5.4em;
    vertical-align: middle;
}

.cat-label.cat-label-{
    display: none;
}

@media screen and (max-width:1200px){
	.entry-card-thumb{
		width: 100px;
		height: 100px;
	}
	.entry-card-content {
		max-height: 4em;
	}
	.list .entry-card-title {
		height: 4em;
	}
}

@media screen and (max-width:767px){
	.list .a-wrap{
		width: 100%;
		margin: 0 0 14px !important;
	}
}

@media screen and (max-width:450px){
	.entry-card-wrap{
		box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2);
		transform: translateY(-2px);
		background-color: white; 
	}
}


/*******************
 * ブログカード　デザイン調整
*******************/
.blogcard {
	padding: 1rem;
	color: #666;
}

article .blogcard-wrap,article .blogcard-wrap:first-of-type{
	margin:0;
	border:none;
	padding:0;
}
.blogcard-thumbnail{
	margin-right: 3.5%;
}
.blogcard-thumbnail img{
	border:4px solid #eee;
	box-shadow:.5px .5px 4px rgba(0,0,0,.3);
	border-radius:3px;
}
.blogcard-footer{
	padding:10px 0 0;
}

.a-wrap .blogcard{
	border:3px solid #eee;
}

.blogcard-snippet{
	line-height:1.5em;
	margin:10px 0 0;
	height: 4.3em;
}
.blogcard-site{
	float:right;
	justify-content: flex-end;
}
.blogcard-date{
	font-weight: bold;
	color: #999;
	float:left;
}

.blogcard-type .blogcard-label{
	background-color:
	#c6efff;
	color: #333;
}

@media screen and (max-width: 480px){
	.blogcard-thumbnail{
		width: 40%;
	}
	.blogcard-snippet{
		display: none;
	}
	.blogcard-title{
		font-size: 1.05em;
		line-height: 1.5;
	}
}

/*******************
 * 新着記事　タイトル行数調整
********************/

.widget-entry-card {
	font-size: 1em;
    font-weight: bold;
}

.widget-entry-cards:not(.large-thumb) .widget-entry-card-thumb{
    width: 120px;
    height: 120px;
    position: relative;
    float: left;
}
.widget-entry-cards:not(.large-thumb) .widget-entry-card-content{
	margin-left:0;
    overflow: hidden;
    max-height: 5.4em;
    text-overflow: ellipsis;
	vertical-align: middle;
}
.widget-entry-cards:not(.large-thumb) .widget-entry-card-title {
    line-height: 1.4;
    color: #333;
    width: calc(100% - 135px);
    display: table-cell;
    margin: 0;
    padding-left: 11px;
    height: 5.4em;
    vertical-align: middle;
}

.widget-entry-cards.large-thumb .widget-entry-card-content{
	margin: 5px 0 0 0;
    overflow: hidden;
    max-height: 3em;
    text-overflow: ellipsis;
	display: block;
}
.widget-entry-cards.large-thumb .widget-entry-card-title {
    line-height: 1.4;
    color: #333;
    width: calc(100% - 135px);
    display: table-cell;
    margin: 0;
    padding-left: 11px;
    height: 2.7em;
    vertical-align: middle;
}
.widget-entry-cards.large-thumb .widget-entry-card-thumb {
    min-height: 150px;
}

.widget-entry-cards .a-wrap{
	margin-bottom: 14px;
}

@media screen and (max-width:450px){
	.widget-entry-cards .a-wrap{
		box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2);
		transform: translateY(-2px);
		background-color: white; 
	}
}

/*******************
 * ホーム画面デザイン
*******************/
.home.page .widget-entry-cards .a-wrap{
  padding: 12px;
 background: #fff;
}

.home.page .main{
  background: none;
}

@media screen and (max-width:834px){
 .home.page .main{
    margin-top: 0px !important;
    padding-top: 0px !important;
  }
 .body .column-left :last-child {
	 margin-bottom:0;
 }
}

.column-2 .column-left,
.column-2 .column-right{
  margin: 0 .6%;
}
@media screen and (max-width:599px) {
	.column-right > div:nth-child(1) {
		margin-top: 20px;
	}
}

.home_title_bar::before{
    position: absolute;
    content: "";
    border-bottom: 2px solid #000;
    top: 50%;
    left: 0;
    z-index: -1;
    width: 100%;
}
.home_title_bar{
  margin: 0 1.5%;
  text-align: center;
  position: relative;
}

.home_title{
  font-weight: 700;
  color: #4d4b4b;
  font-family: "Avenir","Arial",sans-serif;
  display: inline-block;
  padding: 1em;
  letter-spacing: .05em;
  font-size: 17px;
  background: #f6fafa;
  line-height: 1;
}

.home_new_books{
  background: #fff;
  border-radius: 4px;
  overflow: auto;
  padding: 25px;
}
.home_new_books img{
  max-width: 40%;
}

/* ホーム　ボタンデザイン */

.home_next_button{
	display: none;
}
@media screen and (max-width:450px){
	.home_next_button{
		display: block;
	}

}

.home_next_button{
  color: #000000;
  border-radius: 10px;
  background-color: #ffffff;
  margin: 1em 10%;
}

.home_next_button:hover{
  color: #000000;
}

/*******************
 * サイドバー割合調整
********************/
@media screen and (max-width:1159px) {
/*.main:not(.wp-editor) {*/
	.main{
		width:72%;
	}
	.sidebar {
		padding: 0 1.5%;
		width:25%;
	}
}

/*******************
 * サイドバー ウィジェット
********************/
.widget h3::before { font-family: "Font Awesome 5 Free"; font-size: 100%; vertical-align: middle; font-weight: 900; margin-right: 10px; } /* 共通設定 */
#text-14 h3::before {content: '\f135'; }
#text-15 h3::before {content: '\f044'; }
#text-18 h3::before {font-family: "Font Awesome 5 Brands"; content: '\f099'; }
#text-10 h3::before {content: '\f1ab'; }
#text-11 h3::before { content: '\f02e'; }
#text-24 h3::before { content: '\f044'; }

@media screen and (max-width:834px){
	.widgets_only_desktop{
		display: none;
	}
}

/*******************
 * サイドバーデザイン
*******************/

.sidebar{
  background: none;
  padding: 0;
}
h3.widget-sidebar-title{
/*  border-radius: 10px 10px 0 0;*/
  margin: 0;
	font-size: 1.1em;/*1.1em*/
	padding: 10px;
}
.widget-sidebar{
/*  border-radius: 10px;*/
  background-color: #ffffff;
  margin-bottom: 30px;
  padding-bottom: 10px;
}
.widget_search{
	padding: 0;
	}
.widget-sidebar p,
.widget-sidebar li{
	padding: 0 15px;
	font-size: 0.95em;
}
.widget-sidebar p{
	margin:1.2em 0 5px 0;
}
input.search-edit{
	border: none;
	color: #5c6b80;
	height:49px;
/*	border-radius: 10px;*/
}
.search-box {
  margin: 0;
}
.search-submit {
	color: #FFFFFF;
	background-color: #576eb2;
	height:49px;
	right: 0;
	top: 0;
/*	border-radius: 0 10px 10px 0;*/
}
.widget_search h3.widget-sidebar-title {
  display: none;
}


@media screen and (max-width: 1023px) {
/*	h3.widget-sidebar-title{
		border-radius: 0;
	}*/
	input.search-edit{
		border:1px #8da3c4 solid;
	}
}

/*サイドバー　月別目次*/
.toc_side_month li{
	padding: 15px 0;
	display: inline-block;
	margin-right: 2em;
	cursor: pointer;
}

/*******************
 * 写真キャプション　バックグラウンドカラー
********************/
.wp-caption{
  background-color: #ffffff;
}

/*******************
 * ヘッダーロゴサイズ調整
********************/
.logo-header img{
  max-height: 82px;
	margin-top: 20px
}

/*******************
 * ホーム余白、角丸
*******************/
.main{
	padding:5px 29px;
/*	border-radius: 10px;*/
}
.main .entry-categories-tags{
  display: none;
}

/*******************
 * メニューバーデザイン
*******************/
.menu-header .sub-menu{
    box-shadow: 0 5px 15px -5px rgba(0,0,0,0.2);
}

.menu-header .sub-menu .item-label{
    font-size: 80%;
}
.menu-header .item-label{
    color: #b5b5b5 !important;
  font-weight: bold;
}
.menu-header .menu-item{
	border-bottom: none #FFFFFF;
}
.menu-header .menu-item:hover {
    color: #333 !important;
    border-bottom: 3px solid #8da3c4;
    transition: all .2s ease;
}

.menu-header .sub-menu .menu-item,
.menu-header .sub-menu .menu-item:hover{
    border-bottom: none;
}
.menu-header .current-menu-item>a .item-label,
.menu-header .current-post-item>a .item-label,
.menu-header .current-menu-ancestor>a .item-label,
.menu-header .current-post-ancestor>a .item-label,
.menu-header .item-label:hover{
    color: #333 !important;
    transition: all .2s ease;
}

.menu-header .menu-item a:hover {
  text-decoration: none;
}

/*******************
 * 目次デザイン
*******************/
.toc ul, .toc ol {
	position: relative;
}

.toc label.toc-title::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5em;
  content: '\f0ca';
}

.toc ul li, .toc ol li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}
.toc ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコンの種類*/
  font-weight: 900;
  margin-right: .5em;
  color: #a8a8a8;/*アイコン色*/
}

.toc a:hover{
	text-decoration:none;
	color: #8da3c4;
}


/*******************
 * キャプションサイズ調整
*******************/
.wp-caption-text  {
	margin: 0;
	font-size: 0.7em;
	text-align: center;
}

.wp-caption-text  a:link, .wp-caption-text  a:visited {
	color: #000000;
}

/*******************
 * 見出しデザイン編集
*******************/
.article h3 {
    border: none;
	border-left: 6px solid #576eb2;
}

/*******************
 * 分割ショートコード　割合変更
*******************/
.column-2-3-original .column-left {
  width: 58%;
}
.column-2-3-original .column-right {
  width: 42%;
}

/*******************
 * 日刊号数
*******************/

.nikkan_number{
	padding: 3px;
	margin-right:8px;
    font-size: 0.7em; /*文字サイズ*/
}

.nikkan_number::before{
 content: "No.";
}

/*******************
 * 日刊アーカイブ等　固定ページ　日付等非表示
*******************/
.page-id-8948 .date-tags, .page-id-7712 .date-tags, .page-id-6115 .date-tags {
    display: none; /*１１月集会ページ*/
}
.page-id-11016 .entry-title, .page-id-11016 .sns-share, .page-id-11016 .sns-follow, .page-id-11016 .date-tags, .page-id-11016 .author-info {
    display: none; /*動労千葉の軌跡*/
}
.page-id-10988 .entry-title, .page-id-10988 .sns-share, .page-id-10988 .sns-follow, .page-id-10988 .date-tags, .page-id-10988 .author-info{
	display:none; /*リンク集*/
}
/*******************
 * ホームページ　日付等非表示
/******************/
.home.page .entry-title, .home.page .sns-share, .home.page .sns-follow, .home.page .date-tags, .home.page .author-info {
    display: none;
}

/*******************
 * 日刊リスト　表
*******************/
table th.nikkan { /*日付部分*/
	width: 3.5em;
	text-align: center;
}
table td.nikkannum { /*号数部分*/
	width: 5em;
	text-align: center;
}

/*******************
 * 日刊リスト　タブ
*******************/
.tab_area{
	overflow:hidden;
	margin:0 auto;
	width:100%;
	border-bottom:#ccc solid 1px;
}

.tab_area li{
	color:#000;
	padding:15px 0;
	margin:0 3vw 0 1.9vw;
	display:inline-block;
	cursor:pointer;
	font-size:1rem;
	border-bottom:5px solid #FFF;
}

.all_area { 
     overflow: hidden;
     }

.all_area div.content_area{
	background:#fff;
	padding:30px 0 0 0;
	margin-bottom:30px;
	border-top:1px solid #1E3784;
}

.tab_area li.select{
	/*アクティブタブの装飾*/
	border-bottom:5px solid #000;
}

.hide{display:none;}