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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* アコーディオンの見出しを左詰めにする*/
.toggle-button {
	text-align: left;
}

/*必要ならばここにコードを書く*/
/* ポチップ内外部リンクアイコンなし */
div.pochipp-box__btns a[target="_blank"]>span:last-of-type {
  display: none;
}

pre{
  position: relative;
}

code {
  max-height: 640px;
  font-family: "Source Code Pro", "Consolas"!important;
  font-size: 14px;
  overflow: auto;

  white-space: pre!important;
  /*word-wrap: normal;*/
  /*overflow-wrap: normal;*/
}

.hljs {padding: 40px 0px 0px 5px;}
.nohighlight {padding: 0px 0px 0px 5px;}
.hljs::before {color: #fff;content: "";font-family: "Noto Sans JP", sans-serif;font-weight: 700;left: 0;padding: 0px 8px;position: absolute;top: 0;}
.hljs.plaintext::before {content: "コード";background-color: #e44d26;}
.hljs.xml::before {content: "XML";background-color: #e44d26;}
.hljs.html.xml::before {content: "HTML";background-color: #e44d26;}
.hljs.css::before {content: "CSS";background-color: #006eb9;}
.hljs.cs::before {content: "C#";background-color: #691C74;}
.hljs.cpp::before {content: "C++";background-color: #00467C;}

.selectPre {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 2px 5px;
  border-radius: 2px;
  background: #eef;
  color: #000;
  border: none;
  outline: none;
  transition: .3s;
  opacity: .8;
  cursor: pointer;
}

.selectPre:hover {
  opacity: 1;
}

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

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

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

/*
#bbpress-forums .bbp-topic-title {
    font-size: 18px;
}
*/

div#bbpress-forums a.bbp-topic-permalink:before {
    content: none;
    font-family: FontAwesome;
    margin-right: 3px;
}