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

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

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

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

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

/* すべてのセルに枠線を付加する */
.tablepress thead th,
.tablepress tbody tr:first-child td,
.tablepress tbody td,
.tablepress tfoot th {
    border: 1px solid black !important;
}

.table td {
       background: #fff;
}


/*投稿日を非表示にする、おまじない*/
.post-date {
  display: none;
}

/*更新日を非表示にする、おまじない*/
.post-update{
  display: none;
}


/************************************
** ■Table（表）背景色の設定
************************************/
table td {
background: #ffffff;
}




img[width="1"] {
 display: none;
}






/************************************
** タイムラインカスタマイズ
************************************/
.timeline-item:before {
  background: #f8c678;/*好きな色に*/
  top:22px;
  width: 17px;
  height: 17px;
  left: 103px;
}
.timeline-item-content{
  border-left: 3px rgba(25,25,25,.12) solid;
}
.timeline-box{
  border:initial;
}
.timeline-item-label{
  color:rgba(25,25,25,.7);
}





/* テーブル全体の背景を白にする */
.entry-content table, 
.entry-content table th, 
.entry-content table td {
    background-color: #fff !important;
    border-color: #e0e0e0; /* 枠線の色を薄くしたい場合はここを調整 */
}
@media screen and (max-width: 480px){
.timeline-item-content {
  border-left:initial;
}
.timeline>li.timeline-item {
  border-left: 3px rgba(25,25,25,.12) solid;
}
.timeline-item:before {
  left: -10px;
}
}
/*以下はアニメーションをつけたい場合*/
.timeline li:nth-child(1):before{
  opacity:0.5;
  animation: timeline_circle 1.5s infinite;
}
@keyframes timeline_circle{
100% {
  opacity:1;
  transform: scale(1.3, 1.3);
}
}







/*スマホメニューを横スクロール*/
#header-container .navi-in > ul li {
   height: auto;
   font-weight: 600;
   line-height:1.3;
}
#header-container #navi a{
   color:#3a3a3a; /* 文字色 */
   padding:0.8em 1em;
}
#header-container #navi a:hover{
   color:#a3a3a3; /* マウスホバー時の文字色 */
}
#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;
}
@media screen and (max-width: 1030px){
  #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 a{
    font-size:1em;
    padding: 1em 1em;
  }
  #header-container .navi-in > ul > .menu-item-has-children > a::after{
    display:none;
  }
  #navi .navi-in > .menu-mobile li {
    height: auto;
    line-height: 0;
  }
  .mblt-header-mobile-buttons {
    margin-top: 53px;
  }
}


/* グローバルメニューを広くする */
.navi-in > ul {
  flex-wrap: wrap;
}

/* メニュー文字を省略しない */
.navi-in a {
  white-space: nowrap;
}




/************************************
** 見出しリセット
************************************/
/*見出しリセット*/
.article h2 {
  position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #ccc;
  background: #ffffff;
}
.article h2::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background: #ffffff;
  background-color: #000000;
}

/* 見出しカスタマイズ */
/* H2 */
.article h2{
background:none;
padding: 0;
  border-bottom: solid 5px black;
}


/* H3 */
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #7db4e6;/*左線*/
}

/* H4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}

/* H5 */
.article h5{
border-bottom:none;
padding: 0;
}

/* H6 */
.article h6{
border-bottom:none;
padding: 0;
}