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

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

/**********
 *  見出しのデザインリセット *
 **********/
/* H1 */
h1{
border:none;
background-color:#FFCC99;
padding: 0;
}

/* H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}

/* H5 */
.entry-content h5{
border:none;
background:none;
padding: 0;
}

/* H6 */
.entry-content h6{
border:none;
background:none;
padding: 0;
}

/*インライン装飾*/
em{
	font-style:normal;
}
.inlineEmR,.inlineEmY,.inlineEmG,.inlineEmC,.inlineEmB,.inlineEmM{
	border-radius:1em;
}
.inlineEmR{
	background-color:#ff666666;	
}
.inlineEmY{
	background-color:#ffff0066;
}
.inlineEmG{
	background-color:#66ff6666;
}
.inlineEmC{
	background-color:#00ffff66;
}
.inlineEmB{
	background-color:#6666ff66;
}
.inlineEmM{
	background-color:#ff00ff66;
}
span.inlineR,span.inlineY,span.inlineG,span.inlineC,span.inlineB,span.inlineM{
}
span.inlineR{
	background:linear-gradient(transparent 60%,#ff9999 60%,#cc6699 80%,transparent 80%);	
}
span.inlineY{
	background:linear-gradient(transparent 60%,#ffff00 60%,#ffcc00 80%,transparent 80%);
}
span.inlineG{
	background:linear-gradient(transparent 60%,#99ff99 60%,#99cc66 80%,transparent 80%);
}
span.inlineC{
	background:linear-gradient(transparent 60%,#00ffff 60%,#00ffcc 80%,transparent 80%);
}
span.inlineB{
	background:linear-gradient(transparent 60%,#9999ff 60%,#6699cc 80%,transparent 80%);
}
span.inlineM{
	background:linear-gradient(transparent 60%,#ff99ff 60%,#cc99ff 80%,transparent 80%);
}

.inlineUp{
	font-size:larger;
}
.inlineDown{
	font-size:smaller;
}
.inlineR{
	
}

:root{
	--blockBorder:3px;
}
.blockR,
.blockG,
.blockB{
	position:relative;
	border:solid var(--blockBorder);
}
.blockR{
	border-color:#ff6666;
}
.blockG{
	border-color:#66ff66;
}
.blockB{
	border-color:#6666ff;
}

.blockDetail{
	border:dashed 2px #99ffff;
	background-color:#eeffff;
}

span.labelR,
span.labelG,
span.labelB{
	position:absolute;
	display:inline-block;
	top:calc(-1em - var(--blockBorder));
	left:1em;
	border:solid 3px;
	border-radius:0.5em;
	padding:0 1em 0;
	color:#ffffff;
	padding:5px 10px;
	vertical-align:middle;	
}

span.labelR{
	border-color:#ff6666;
	background-color:#993333;
}

span.labelG{
	border-color:#66ff66;
	background-color:#339933;
}

span.labelB{
	border-color:#6666ff;
	background-color:#333399;
}

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

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

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