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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.main, .sidebar {
	color: #202020;
	background-color: #f8fcfa;
}

.article h1, .sidebar h3,.widget h2 {
	color: #102810; border: solid 3px #006010;
	padding: 0.5em; border-radius: 0.5em;
	background-color:#f0fff8;
}

.article h2{
	color:#f8f8f8; border: soliod 1px #002000;
	padding: 0.5em; border-radius: 0.5em;
	background-color:#004008;
}
.article h3{
	color: #083008;	padding: 0.5em;
	border: none;
	border-left: solid 8px #006010;
	background-color:#e0f0e8;
}

.entry-card-title {
	font-size:0.85em;
	color: #102810; border: solid 2px #006010;
	padding: 0.5em; border-radius: 0.5em;
	background-color:#f0fff8;
}
.wp-caption {
  padding-top: 4px;
  background-color: #fff;
}
.wp-caption-text,
.gallery-caption {
  font-size: 75%;
  color: #202020;
  margin-top:0pt;
  margin-bottom:3px;
}

/* STRONGタグを赤に */
strong { color: #e00000; }
b {  color: #303030; }
/*	エレメントカラー	*/
.efr {	color: #c00000; }
.eic {	color: #00a0a0; }
.ewd {	color: #00b000; }
.eet {	color: #909000; }
.etd {	color: #9000b0; }
.ewt {	color: #0000b0; }
.elt {	color: #a0a0a0; }
.edk {	color: #301040; }

/* その他ローカル装飾 */
img { margin-top: 4px !important; margin-bottom: 4px !important; }
small { font-size: 0.7em; }
/* 定型分変換っぽいやつ */
.teikei { background-color: #FFFFF0; }
.teikei::before {
	content: "【";
	color: #00b000;
}
.teikei::after {
	content: "】";
	color: #FF0000;
}

.p9 { font-size: 0.8em; line-height: 1.4em;
}
.p16 { font-size: 1.5em; line-height: 1.3em;
}
/* table系装飾 */
table {
	border-color: #204020 !important;
	width :auto !important;
	margin-top: 10px !important;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
}
/*交互に色を変える	*/
.entry-content tr:nth-child(odd) td {
	background-color: #ecf4f0;
}
.entry-content tr:nth-child(even) td {
	background-color: white;
}
.tbl-center td {
	text-align: center;
}
.t-non {
	border: 0px none;
}
.tb-yellow {
  background-color: #ffffd0  !important;
}
.tb-cyan {
  background-color: #e0ffff  !important;
}
.tb-green {
  background-color: #e0ffd8  !important;
}
td {
	font-size: 0.9em !important; line-height: 1.45em !important;
	padding:6px !important;
	border-color: #204020 !important;
    border: solid 1px;
}
td b strong {
  font-size: 1.0em !important;
}
td small { font-size: 0.83em;
}
caption {
  padding-top: 17px;
  font-size: 0.95em !important;
  font-weight: bold;
}
th {
  background-color: #002060 !important;
  color: white;
  text-align: center;
  padding:4px !important;
  font-size: 0.8em !important;
  line-height: 1.1em !important;
  border: solid 1px;
}
th.sb-h {
  background-color: #e0f0ff !important;
  color: #202020 !important;
  border-right: none !important;
  text-align: center;
  padding:6px !important;
  font-size: 0.95em !important;
  line-height: 1.25em !important;
}

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

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

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