@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

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

/* 
 * cocoonのデフォルト見出しをリセット
 * */
/* 見出し2 */
.article h2{ background:none; padding: 0; }
/* 見出し3 */
.article h3{ border-top:none; border-bottom:none; border-left:none; border-right:none; padding: 0; }
/* 見出し4 */
.article h4{ border-top:none; border-bottom:none; padding: 0; }
/* 見出し5 */
.article h5{ border-bottom:none; padding: 0; }
/* 見出し6 */
.article h6{ border-bottom:none; padding: 0; }

/* 
 * cocoonのデフォルト見出しを上書き
 * */
/* 見出し2 */
.article h2{
  padding: 0.5em;
  color: #494949;
  background: #fffaf4;
  border-left: solid 7px #ffaf58;
}
/* 見出し3 */
.article h3{
color: #494949; 
/* font-size: 1.0em; */
padding: 5px;
border-left: solid 5px #ffaf58;
}

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

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

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

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

.list01 {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0;
}
.list01 li {
  position: relative;
  padding: 0.5em;
  line-height: 1.5em;
  background: #f9fff5;
  border-left : solid 35px #4abdac;
  margin-bottom: 5px;
}
.list01 li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -35px;
  width: 35px;
  height: 1em;
  line-height: 1;
  text-align: center;
}


/************************************
** エントリーカード
************************************/
.a-wrap:hover {
  background-color: #e6e9ef;
  transform: scale(1.01);
  box-shadow: 2px 2px 6px 0 #f6f6f6;
}


/************************************
** インラインコード
************************************/
code {
	font-family: inherit;
	background-color: rgba(0,0,0,.08);
	border-radius: 4px;
	padding: 0.1rem 0.2rem;
}