@charset "UTF-8";

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

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

/** テーブル背景色真っ白化 **/

table td {
       background: #fff;
}


/** テーブルヘッダー色 **/
/*** デフォルトスタイル ***/

.is-style-regular th{
	background-color: #ebe9e6
}
/*** ストライプスタイル ***/

.is-style-stripes th{
	background-color: #ebe9e6
}

/** テーブル枠線色のデフォルト変更 **/
/*** デフォルトスタイル ***/
.is-style-regular td {
	border-color: #E7E5DF
}
.is-style-regular th{
	border-color: #E7E5DF
}
/*** ストライプスタイル ***/
.is-style-stripes td {
	border-color: #E7E5DF
}
.is-style-stripes th{
	border-color: #E7E5DF
}

/* 「新着記事」を非表示にするCSS */
div#list-wrap .list-new-entries {
  display: none;
}




/*ブログカードのリンク先を表示しない*/
.blogcard-footer{
  display:none;
}

/*グローバルメニューのフォントサイズ等変更*/
.navi-in .menu-header .item-label{
font-size: ;
}

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

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

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

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

/************************************
** ぽてちるタイムラインカスタマイズ
************************************/
.timeline-item:before {
  background: #454545;/*好きな色に*/
  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);
}
@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);
}
}
/* コピーボタンのスタイルをカスタマイズ */
/* コード部分のレイアウト */
pre {
    position: relative;
    padding: 10px;
    border: 1px solid #ddd;
    background: #f9f9f9;
}

.code-copy-button {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 10px;
    background-color: #1a4a7a;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 12px;
    border-radius: 3px;
}

.code-copy-button:hover {
    background-color:  #073678;
}