@charset "UTF-8";

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

/************************************
** ■見出しカスタマイズ（h1-6）
************************************/
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{ /*見出し初期化*/
padding: 0;
margin: 0;
font-size: medium;
border-collapse: separate;
border-spacing: 0;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
line-height: normal;
position:relative;
}

.article h1{
background: steelblue;
font-size: 24px;
margin: 0 0 1.5em;
letter-spacing: 1px;
padding: 9px 10px 6px 10px;
line-height: 1.5em;
border-radius: 8px; /*角丸コーナー*/
text-align: center;	
color: white;
}

.article h2 {
padding: 5px 10px 0px;
background: none;
border: solid 1px steelblue;	
border-left-width:10px;	
color: steelblue;
font-size: 22px;
margin: 2em 0 0.8em;	
}

.article h3 {
padding: 0;
background: none;
color: teal;
margin: 1.5em 0em 0em;
border: none;
font-size: 20px;
position: relative;
padding-left:23px;
letter-spacing: 1px;	
}

.article h3:before {
background: tan;
content: "";
height: 18px;
width: 18px;
left: 0;
position: absolute;
top: 5px;
}

.article h4 {
display: block;
border-top: none;
border-bottom:2px dotted tan;
padding: 0;
margin: 1.8em 0em 0em;
font-size: 18px;
color: chocolate;
}

.article h5 {
display: block;
border-top: none;
border-bottom:2px dotted #c4a3bf;
padding: 0;
margin: 1.8em 0em 0em;
font-size: 18px;
color: #915c8b;
}

.article h6 {
display: block;
color: black;
border: none;	
font-size: 18px;
margin: 0.3em 0em 0em;
}

/************************************
** 段落 
************************************/
.article p {
margin-top: 0.2em;
}
.article ul li,
.article ol li{
margin-bottom: 0.8em;
}

/************************************
** ハンバーガーメニュー
************************************/
.fa-bars:before {
    font-family: "FontAwesome";
}

/************************************
** テーブル
************************************/
/**table {
	margin-bottom: 20px;
	max-width: 100%;
	width: 100%;
}
table th,
table td {
	background-color: #fff;
	border: none;
	padding: 6px 0;
	text-align: center;
	font-size: 14px;
	vertical-align: top;
}**/

/******** hyo *************/
.hyo table {
	margin-bottom: 20px;
	border-collapse: collapse;
}
.hyo th {
	background-color: #eee;
	border: solid 1px #ccc;
	padding: 6px;
	text-align: center;
	font-size: 14px;
	vertical-align: top;
	white-space: nowrap
}    
.hyo td {
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 6px;
	font-size: 14px;
	vertical-align: top;
}
/*480px以下*/
@media screen and (max-width: 480px){
.hyo {
overflow: auto; /* 横スクロールバーを表示 */
white-space: nowrap; /* セル内にあるテキストの折り返しを禁止 */
}
.hyo::-webkit-scrollbar {
  height: 5px;
}
.hyo::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.hyo::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}
}

/******** hyo2 *************/

.hyo2 table {
	margin-bottom: 20px;
	border-collapse: collapse;
}
.hyo2 table th {
	background-color: #eee;
	border: solid 1px #ccc;
	padding: 6px;
	text-align: center;
	font-size: 14px;
	vertical-align: top;
	white-space: nowrap
}    
.hyo2 table td {
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 6px;
	text-align: left;
	font-size: 14px;
	vertical-align: top;
}
/*480px以下*/
@media screen and (max-width: 480px){
.hyo2 {
overflow: auto; /* 横スクロールバーを表示 */
white-space: nowrap; /* セル内にあるテキストの折り返しを禁止 */
}
.hyo2::-webkit-scrollbar {
  height: 5px;
}
.hyo2::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.hyo2::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}
}

/************************************
** 素材集のテーブル
************************************/
table { /*初期化*/
	margin-bottom: 20px;
	max-width: 100%;
	width: 100%;
}
table th,
table td {  /*初期化*/
	background-color: #fff;
	border: none;
	padding: 6px 0;
	text-align: center;
	font-size: 14px;
	vertical-align: top;
}
	
.sozai th,
.sozai td {
	background: #fff ;
	padding: 10px;
	border: none ;
}
.sozai h4 {
	margin: 0px;
}
.sozai th {
	width: 40%;
}
/*****************/
.sozai2 th,
.sozai2 td {
	background: #fff ;
	padding: 10px;
	border: none ;
	font-size: 14px;
}
.sozai2 td {
	text-align: left;
}
.sozai2 th {
	width:18%
}
.sozai3 td {
	background: #fff ;
	padding: 10px;
	border: none ;
	font-size: 14px;
	text-align: center;
}

/*480px以下*/
@media screen and (max-width: 480px){
.sozai2 th {
	width:25%
}
}

/************************************
** エントリーカード
************************************/
.ect-3-columns{
	justify-content:space-between;
}
.ect-3-columns .entry-card-wrap{
}
.ect-3-columns .entry-card-snippet{
	line-height:1.4;
}
.entry-card-content{
	padding-bottom:0;
}

.entry-card-content h2{
	font-size: 16px;
	padding-bottom:0;
}

/* 道場用ラベル非表示コード */
.ect-vertical-card.ect-tile-card .card-meta{
	display:none;
}
.cat-label{
	display:none;
}
#main #list .a-wrap:hover{
	background:none;
	border-color:teal;
	box-shadow: inset 1px 1px 0 0 teal, 1px 1px 0 0 teal, 1px 0 0 0 teal;
}

/************************************
/** サイドカテゴリ開始
************************************/
.widget_categories ul li a { /*親カテゴリ用のコード*/
    text-decoration: none;
    padding: 6px 0;
    display: block;
    padding-right: 4px;
    padding-left: 4px;
    border-top: 2px dotted #b0c4de; /*上部にボーダーを引く*/
    font-size: 16px;
}
.widget_categories ul li a::before { /*親カテゴリのアイコン*/
    font-family: FontAwesome;
    content: "\f0da";
    padding-right: 10px;
	color: #4682b4;
}
.widget_categories > ul > li > a:first-child { 
    border-top: none; /*最初の親カテゴリは上部ボーダーを消す*/
}
.widget_categories > ul > li > a:last-child {
    border-bottom: 2px dotted #b0c4de; /*最後の親カテゴリは下部ボーダーを引く*/
}
.widget_categories ul li a:hover { /*親子共通マウスホバー時*/
    background: none;
    transition: 0.2s;
    color: orangered;
	font-weight: bold;
}
.widget_categories ul li ul { /*子カテゴリのボックス*/
    border-bottom: 2px dotted #b0c4de;
}
.widget_categories ul li ul li a { /*子カテゴリ用のコード*/
    text-decoration: none;
    padding: 0 4px 4px 4px;
    display: block;
    border: none;
}
.widget_categories ul li ul li a::before { /*子カテゴリのアイコン*/
    font-family: FontAwesome;
    content: "\f0da";
    padding-right: 10px;
}

/** サイドカテゴリ目次 **/
.sidebar h3 {
	text-align: center;
	padding: 3px;
}

/** 用語集目次 **/
#dic-mokuji
div table th, 
div table td {
    font-size: 1em;
}

/* --------------------------- *
 *  スライドインのカスタマイズ *
 * --------------------------- */

.mobile-menu-buttons {
	background: #eee;
}

/* サイドバーのみ色変更 */
.sidebar-menu-button {
	color: mediumvioletred;
}

/************************************
** キャプション表示
************************************/
.wp-caption {
    margin: auto;
    text-align: center;
    max-width: 100%;
}
 
.wp-caption-text {
    display: inline-block;
    text-align: left;
    color: #8a8a8a;
    margin: 10px 0 0;
}

/************************************
** イメージシャドウ
************************************/
.img-shadow{
  padding:0 !important;
}
.img-shadow img{
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/************************************
** 投稿日を非表示
************************************/
.post-date {
    display:none;
}

/* ページ送りナビの左右を入れ替える */
.pager-post-navi a.prev-post {
	flex-direction: row-reverse;
}
.pager-post-navi a.next-post {
	flex-direction: row;
}
.pager-post-navi a.next-post:before {
	content: '\f053';
	margin: 0 5px 0 0;
}
.pager-post-navi a.prev-post:before {
	content: '\f054';
	margin: 0 0 0 5px;
}
.pager-post-navi a.next-post .next-post-title {
	margin: 0 0 0 10px;
}
.pager-post-navi a.prev-post .prev-post-title {
	margin: 0 10px 0 0;
}
@media screen and (min-width: 481px) {
    .pager-post-navi.post-navi-square {
        flex-direction: row-reverse;
    }
    .post-navi-square.post-navi-border a:last-child {
        border-left-width: 1px;
    }
    .post-navi-square.post-navi-border a:first-child {
        border-left-width: 0;
    }
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/************************************
** カテゴリアコーディオン
************************************/
#sidebar .cat-item .children{
	display:none;
}
.widget_categories > ul > li > a:first-child{
    border-bottom: 2px dotted #b0c4de;
}
.widget_categories ul li ul.active{
	display:block;
}

/*------------------------------------
  　　　　SNSシェアボタン
--------------------------------------*/
.button-caption { display: none; }
.sns-share-buttons a {
 font-size: 14px; /*ロゴサイズ*/ 
 border-radius: 3px; /*角の丸み*/
 height: 25px; /*ボタンの高さ*/
 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); /*影*/
}
/************************************
** column
************************************/
.column-wrap > div{
	width:48.5%;
}
/************************************
** モバイルヘッダーナビ
************************************/
@media screen and (max-width: 1030px){
	#header-container .navi-in > ul li {
   height: auto;
   line-height:1.3;
	width:auto;
}
	#navi .navi-in > .menu-mobile li{
		height:auto;
	}
#header-container #navi a{
   color:#fff; /* 文字色 */
   padding: 0 0.5em;
	font-size:16px;
}

#header-container .navi-in > ul > .menu-item-has-children > a::after {
   top: 0.8em;
   font-size: 1.2em;
   font-weight: 600;
}
#header-container .sub-menu .caption-wrap{
   padding-left:1em;
}
.navi-in > ul .menu-item-has-description > a > .caption-wrap{
   height:auto;
}
.mobile-menu-buttons{
	background:#000;
}
.mobile-menu-buttons .menu-button > a{
	color:#fff;
}
.mobile-menu-buttons .menu-button:hover {
    background-color: #333;
	color:#fff;
}
.sidebar-menu-button{
	color:#fff;
}
	#header-container .menu-mobile{
		display:none;
	}
	.navi-in > .menu-mobile{
		display:-webkit-box;
  		display:-ms-flexbox;
  		display:flex;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
     		flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	#header-container .navi-in > ul > .menu-item-has-children > a::after{
		
	}
	.mblt-header-mobile-buttons {
    margin-top: 53px;
}
	#navi .navi-in > .menu-mobile{
		margin-top:-3px;
	}
	.mobile-menu-buttons .menu-icon,.mobile-menu-buttons .menu-caption{
		color:#fff;
	}
	.menu-close-button::before{
		color:#222;
	}
}
/************************************
** カード、関連カード 抜粋
************************************/
.entry-card-snippet, .related-entry-card-snippet {
    font-size: 0.9em;
    line-height: 1.8;
	max-height: 5em;
}

/************************************
** アイキャッチ
************************************/
.ect-vertical-card .entry-card-wrap .entry-card-thumb,.rect-vartical-card .related-entry-card-thumb{
	text-align:center;
	margin:10px 0;
}
.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
    width:100%;
    height: 150px;
    object-fit: contain;
}
.rect-vartical-card .related-entry-card-thumb img {
    width: 100%;
    height: 100px;
    object-fit: contain;
}

/************************************
** reCAPTCHAロゴを非表示
************************************/
.grecaptcha-badge { visibility: hidden; }