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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.note{
  color: black; //color: #696969;
  margin: 2em 0;
  border: solid 1px #e6e6e6;
  padding: 0.3em 1em 2em 1em;
  box-shadow:2px 2px 0 rgba(0,0,0,.1);
}
.note ul {
	margin: 0;
}
.note ul li{
	margin: 0;
}
.note .text-1 ul{
	padding-left:3em;
	text-indent:0;
}
.note ol {
	margin: 0;
}
.note ol li{
	margin: 0;
}
.note .text-1 ol{
	padding-left:3em;
	text-indent:0;
}
.note-header {
	text-align:right;
}
.note .bla{
	font-size: 12px;
}
.note .blu{
	font-size: 12px;
	color: blue;
}
.note .gre{
	font-size: 12px;
	color: green;
}
.note-title{
	font-size:20px;
	font-weight:700;
}
.note-h1{
	font-weight:700;
}
.note .text-1{
	text-indent:1em;
}
.und-blu{
	border-bottom: double 5px rgba(0,0,255,0.5);
}
.add-blu{
	font-size: 0.7em;
	font-weight:400;
	color:blue;
	vertical-align:top;
}
.ar-b:before{
	content:"⇒ "
}
.te-ri{
	float:right;
}
.und-gre{
	border-bottom: double 5px rgba(0,128,0,0.5);
}
.add-gre{
	font-size: 0.7em;
	color:green;
	vertical-align:top;
}
.sen{
  background-color: #fff;
  background-image:
  linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 98%, #646464 100%);
  background-size: 100% 2em;
  line-height: 2em;
  padding: 0em 1em 0.2em 1em;
}
.klee-one-regular {
  font-family: "Klee One", cursive;
  font-weight: 600;
  font-style: normal;
}
.zen-maru gothic-regular {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 400;
  font-style: normal;
}
.yomogi-regular {
  font-family: "Yomogi", cursive;
  font-weight: 400;
  font-style: normal;
}
.zen-maru{
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  font-style: normal;
}



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

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

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