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

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

img.k-img-waku1 {
    box-shadow: 0px 4px 6px 1px #ccc;
    padding: 10px;
    border-top: 1px solid #f3f3f3;
}

.k-img-waku1 img {
    box-shadow: 0px 4px 6px 1px #ccc;
    padding: 10px;
    border-top: 1px solid #f3f3f3;
}

/*マニュアル用のスタイル*/
#text-2.widget_text{
  display: none;
}

.k-circle_green1{
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #1aaa42;
  text-align:center;
  line-height: 30px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

.k-ctxt_green1{
    color: #1aaa42;
    font-size: 19px;
    font-weight: 700;
}

.k-circle_red1{
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #e10000;
  text-align:center;
  line-height: 30px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

.k-ctxt_red1{
    color: #e10000;
    font-size: 19px;
    font-weight: 700;
}

.k-circle_blue1{
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #0072bc;
  text-align:center;
  line-height: 30px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

.k-ctxt_blue1{
    color: #0072bc;
    font-size: 19px;
    font-weight: 700;
}


/* pre code */
.entry-content pre {
  max-height: 350px;
}


#sidebar-scroll .toc-widget-box {
    max-height: 60vh;
    overflow-y: auto;
}

.toc-widget-box::-webkit-scrollbar,
pre::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.toc-widget-box::-webkit-scrollbar-thumb, pre::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.15);
    /*border-radius: 5px;*/
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.5);
}

.toc-widget-box::-webkit-scrollbar-track, pre::-webkit-scrollbar-track {
    background: rgba(0,0,0,.03);
    border-left: solid 1px #dddddd;
    border-right: solid 1px #f2f2f2;
}

.kpm-code-link{
	color: #e10000;
	font-weight: bold;
}
.kpm-code-img{
	color: #0072bc;
	font-weight: bold;
}
.kpm-code-txt{
	color: #1aaa42;
	font-weight: bold;
}

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

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

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