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

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

td{
	border:1px solid #bbbbbb !important;
}
th{
	border:1px solid #bbbbbb !important;
}

/* テーブル基本 */
table.tbl1{
	max-width:98%;
	margin-left:auto;
	margin-right:auto;
}
table.tbl1 td{
	background-color:#ffffff;
}
table.tbl1 tr td:nth-of-type(1) {
	background-color:#f0f0ff;
}
table.tbl1 tr td:nth-of-type(2) {
	background-color:#fffff0;
}
th{
	background-color:#666699 !important;
}

/* APIメソッド */
table.api-method{max-width:98%; margin-left:auto; margin-right:auto;}
table.api-method td{background-color:#ffffff; word-break:break-all;}
table.api-method tr td:nth-of-type(1) {width:15%; background-color:#f0f0f0;}
table.api-method tr td:nth-of-type(2) {width:30%; background-color:#fffff0;}
table.api-method tr td:nth-of-type(3) {width:8%; text-align:center;}
table.api-method tr td:nth-of-type(4) {width:47%;}

/* APIコンストラクタ */
table.api-con{max-width:98%; margin-left:auto; margin-right:auto;}
table.api-con td{background-color:#ffffff; word-break:break-all;}
table.api-con tr td:nth-of-type(1) {width:40%; background-color:#f0f0f0;}
table.api-con tr td:nth-of-type(2) {width:60%;}

/* API定数 */
table.api-final{max-width:98%; margin-left:auto; margin-right:auto;}
table.api-final td{background-color:#ffffff; word-break:break-all;}
table.api-final tr td:nth-of-type(1) {width:15%; background-color:#f0f0f0;}
table.api-final tr td:nth-of-type(2) {width:30%;}
table.api-final tr td:nth-of-type(3) {width:55%;}

dl{
	margin-left:10px;
}
dl dt{
	font-weight:bold;
}



.entry-content p{
	margin-left:5px;
}

p.comments{
  color:red;
}

/*** 見出し **********/
/* 見出し(h2) */
.entry-content h2{
	margin-top:60px;
	margin-bottom:20px;
}
.article h2{
	background-color:#000099;
}

/* 見出し(h3) */
.entry-content h3 {
	margin-right:5px;
	margin-left:5px;
	margin-bottom:15px;
	margin-top:50px;
	padding: 0.3rem 0.8rem;
	border-width:0;
	border-left: 5px solid #00c;
	border-bottom:1px solid  #00c;
	background: #f4f4ff;
}



div.subcol{
  border:1px solid #808080;
  background-color:#f0f0f0;
}

/*** ソース表示関連 **********/
div.hcb_wrap{
	margin-right:5px;
	margin-left:5px;
}

dl.src{
	margin:10px 0px;
}
dl.src dt{
	font-weight:bold;
}
dl.src dd{
 margin:0;
}
dl.src dd > div {
	margin-top:0 !important;
	margin-bottom:0 !important;
}

/*** コマンド表示関連 **********/
dl.cmd{
	margin-left:5px;
	margin-right:5px;
}
dl.cmd dt{
 font-weight:bold;
}
dl.cmd dd{
	background-color:black;
	color:white;
	margin:0;
	padding:5px 8px;
	white-space:pre;
	line-height:130%;
	font-family:monospace;
	overflow: auto;
}

/*** ファイル表示関連 **********/
dl.file{
	margin-left:5px;
	margin-right:5px;
}
dl.file dt{
 font-weight:bold;
}
dl.file dd{
	background-color:#f0f0f0;
	border:1px solid #aaaaaa;
	margin:0;
	padding:5px 8px;
	white-space:pre;
	line-height:130%;
	font-family:monospace;
	overflow: auto;
}

/*** 構文関連 **********/
/* 構文（ソース） */
div.syntax{
	border:3px solid #0095d9;
	background-color:#fffff0;
	border-radius:5px;
	padding:15px;
	margin-left:10px;
	margin-right:10px;
	font-weight:bold;
	font-family:"Yu Gothic",monospace;
	line-height:150%;
	white-space:pre;
	font-feature-settings: "hwid" on;
	overflow: auto;
}
dl.syntax{
	margin-left:10px;
	margin-right:10px;
}
dl.syntax dd{
	border:3px solid #0095d9;
	background-color:#ffffe9;
	border-radius:5px;
	padding:15px;
	margin:0;
	font-weight:bold;
	font-family:"Yu Gothic",monospace;
	line-height:150%;
	white-space:pre;
	overflow: auto;
}

/* 構文（コマンド） */
div.syntax-cmd{
	border:3px solid #999999;
	background-color:#e0e0e0;
	border-radius:5px;
	padding:15px;
	margin-left:10px;
	margin-right:10px;
	font-weight:bold;
	font-family:"Yu Gothic",monospace;
	line-height:150%;
	white-space:pre;
	font-feature-settings: "hwid" on;
}
dl.syntax-cmd{
	margin-left:10px;
	margin-right:10px;
}
dl.syntax-cmd dd{
	border:3px solid #999999;
	background-color:#f0f0f0;
	border-radius:5px;
	padding:15px;
	margin:0;
	font-weight:bold;
	font-family:"Yu Gothic",monospace;
	line-height:150%;
	white-space:pre;
}

/*** メモ一覧(ul) ************/
div.notelist{
	border:3px solid #66ff66;
	padding:0;
	background-color:#f0fff0;
	margin-left:10px;
	margin-right:10px;
}
div.notelist ul{
	margin:0;
	list-style:none;
	padding:5px 10px;
}
div.notelist ul li {
  position: relative;
  padding-left: 25px;
}
div.notelist ul li::before {
  font-family: 'FontAwesome';
  content: '\f058';
  font-weight: 900;
  position: absolute;
  top: 4px;
  left: 0;
  color: #66ff66;
}

/*** メモ一覧(dl) ************/
dl.note{
	border:3px solid #99ff99;
	background-color:#f0fff0;
	padding:5px 8px;
	margin-left:5px;
	margin-right:5px;	
}

/* 横幅をすこし縮める */
.mg{
	margin-left:10px;
	margin-right:10px;
}

/*** ヘッダー **********/
.logo-header a span{
font-family: 'Avenir','Helvetica Neue';
font-weight: bold;
font-size:32px;
text-shadow:1px 1px 0 #000, -1px -1px 0 #000,
              -1px 1px 0 #000, 1px -1px 0 #000,
              0px 1px 0 #000,  0 -1px 0 #000,
              -1px 0 0 #000, 1px 0 0 #000;
}
.logo{
	text-align:left;
	padding:3px;
}

.tagline{
font-family: 'Avenir','Helvetica Neue';
text-align:left;
color:#fff;
margin-bottom:0px;
	padding-left:3px;
}
/* サブタイトル */
label.toc-title{
	background-color:#000066;
}



/* 記事欄の枠 */
.main{
	border:1px solid #e0e0e0;
}
/* サイドバー欄の枠 */
.sidebar{
	border:1px solid #e0e0e0;
}
/* サイドバー欄の見出し */
.sidebar h3{
	background-color:#000099;
}


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

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

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