@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.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 見出しデザインのリセット */
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
    background-color: transparent; /* 背景色を透明に */
    border: none; /* 枠線なし */
    border-radius: 0; /* 角の丸みなし */
}
/* 見出しのデザイン設定 */
/* H2 */
.article h2{
font-size: 1.6em;/*フォントサイズ*/
font-weight: bold;/*フォント太さ*/
padding: 0.4em 0.5em;/* 文字の上下 左右の余白*/
background: #ebf4f6;/* 背景色 */
border-left: solid 5px #7db4e6;/* 左線 */
border-bottom: solid 3px #007acc;/* 下線 */
}
/* H3 */
.article h3{
font-size: 1.4em;/*フォントサイズ*/
font-weight: bold;/*フォント太さ*/
padding: 0.25em 0.5em;/*上下 左右の余白*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6!important;/*左線*/
}
/* H4 */
.article h4{
font-size: 1.2em;/* フォントサイズ */
font-weight: bold;/* フォント太さ */
padding-top: .5em;
padding-bottom: .5em;
margin-bottom: 2em;
position: relative;
border-bottom: solid 3px #318496;/* 線 */
color: #000;/* フォント色 */
}
/* H5 */
.article h5{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
padding: 10px;
border-bottom: dotted 3px #318496;/* 下側に点線・色*/
}
/* H6 */
.article h6{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
padding: 5px;
border-left: solid 7px #008000; /* 左側に実線・色*/
}
/************************************
**　ヘッダーメニュー
************************************/
/*グローバルメニュー マウスが重なった時のエフェクト無効*/
#navi .navi-in a:hover {
transform: none!important;
}
/*グローバルメニュー サブメニューの余白除去*/
.navi-in > ul .sub-menu a {
padding: 0;
}
/*1番左と2番目の仕切り線*/
#navi .navi-in > ul li{
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
/*左から3番目以降の仕切り線*/
#navi .navi-in > ul li + li{
	border-right: 1px solid #ffffff;
	border-left: none;
}
/*グローバルメニュー サブメニューカスタマイズ*/
.sub-menu{
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
.sub-menu .caption-wrap {
color:#333;
border-top: dotted #dddddd;
background:#fff;
padding:0 0 0 2em;
margin:0;
}
.navi-in > ul .sub-menu a:hover {
transform: none!important;
}
div#header-container {
box-shadow: none;
}
div.item-label{
font-weight:bold;
}
/*ヘッダーロゴとグローバルメニュー間の余白を除去*/
.logo-image span, 
.logo-image a, 
.logo-image img {
  display: block;
}
/************************************
**　目次
************************************/
/*H3以下の目次Noを非表示*/
.article .toc-list > li li {
  list-style: none;
}
/*H3の先頭に・*/
.toc-list > li li a::before {
  content: '';
  width: 5px;
  height: 5px;
  display: inline-block;
  left: -15px;
  border-radius: 100%;
  background: #008b8b;
  position: relative;
  margin-bottom: 2px;
 }
/*下線*/
.toc-content {
     padding: 8px;
 }
 .toc ul li a, .toc ol li a {
     display: block;
     border-bottom: 1px dashed #666; /*　H3以下のボーダー */
     margin-left: -20px;
     padding-left: 20px;
 }
 .toc ul.toc-list>li, .toc ol.toc-list>li {
     margin-top: 1em;
 }
 .toc ul.toc-list>li>a, .toc ol.toc-list>li>a {
     border-bottom: 2px solid #666; 　/*　H2のボーダー　*/
     font-weight: bold;
 }
.article .toc-list > li li {
   list-style: none;
 }
/****************
タブ見出しボックス
****************/
.tab-caption-box-label{ 
	padding: 6px 16px; /*タブ内側余白*/
	font-size: 20px; /*タイトル文字の大きさ*/
	font-weight: bold; /*タイトル文字の太さ*/
	border-radius: 4px 4px 0px 0px;  /*タブ角丸*/
}
.tab-caption-box-content {
	position: relative;  /*配置に関するもの（ここを基準に）*/
	border: 2px solid; /*ボックス線*/
	padding: 24px 24px; /*ボックス内側余白*/
	border-radius: 4px; /*ボックス角丸*/
	border-top-left-radius: 0px; /*ボックス左上角丸*/
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}