@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*パンくずリストの色*/
/*.breadcrumb-home {color: #838988}*/
/*.breadcrumb-item {color: #838988}*/
/*.breadcrumb-caption {color: #838988}*/
/*検索ボックス枠線の色*/
/*.sidebar .search-edit, .search-menu-content .search-edit {border-color: #D9EEEB}*/
/*アーカイブリスト枠線の色*/
/*#archives-dropdown-2 {border-color: #B4DED7}*/
/*フォルダーラベルの色*/
/*.archive-title {color: #838988}*/
/*フッター内の内部ブログカードの色を変更*/
#footer .blogcard-title.internal-blogcard-title {
    color: #999;
}
#footer .blogcard-snippet.internal-blogcard-snippet {
    color: #999;
}
#footer .blogcard-domain.internal-blogcard-domain {
    color: #999;
}
#footer .blogcard-post-date.internal-blogcard-post-date {
    color: #999;
}
/*ボックスメニューの色*/
.box-menu-icon{
  color: #2ca9e1;
}
.box-menu:hover {
    box-shadow: inset 2px 2px 0 0 
#C7C2AF,2px 2px 0 0#C7C2AF,2px 0 0 0 #C7C2AF,0 2px 0 0
    #C7C2AF;
}
.my-box {color: salmon}
.my-box1 {color: lightseagreen}
.my-box2 {color: orange}
/*ボックスメニューの文字色*/
.box-menu-label{
color: #C7C2AF;
}

/************************************
** サイドバー追尾目次
************************************/
.sidebar-scroll{
  top:15px !important;
}
.sidebar h3{
  font-size:0.9em;
  padding: 7px 12px;
}
.sidebar .widget_toc{
   box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
}
.sidebar .toc-widget-box{
  margin-top: -0.9em;
}
.sidebar .toc{
  padding: 0;
  width:100%;
}
.sidebar .toc-content {
  overflow-y: scroll;
  max-height: 390px;
  background: #fff;
  padding: 0.5em 1.5em;
}
.sidebar .toc li{
  line-height:1.6;
  margin-bottom: 1em;
  font-size:0.85rem;
  color:#3cb8f1;
}
.sidebar .toc-content > ol  > li,.sidebar .toc-content > ul  > li{
  font-weight:600;
  padding-left: 0.5em;
}
.sidebar .toc-content a{
  letter-spacing:0.5px;
}
.sidebar .toc .toc-list ul, .sidebar .toc .toc-list ol {
  margin: 1em 0;
  list-style-type:none;
  font-weight:500;
}
@media screen and (max-width: 768px){
  .sidebar-menu-button .widget_toc{
    display:none;
  }
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}