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

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

/*サイドバー見出し〇*/
.sidebar h3 {
	color:#333;
	background:#ffffff;
	padding:0;
	border-left:solid 10px #2a5caa;
	text-align:left;
}

/*リンク下*/
a{
	text-decoration: none !important;
}
a:hover{
	text-decoration: underline !important;
}

/*プロフィール画像枠〇*/
.sidebar.nwa .author-box .author-thumb img{
	border:2px solid #0000ff;
}


/*赤マーカー色幅変*/
.marker-red{
	background-color:#ffdcff;
}
.marker-under-red{
	background:linear-gradient(transparent 70%,#ffbeff 70%);
}
/*青マーカー色幅変*/
.maeker-blue{
	background-color:#66ccff:
}

.marker-under-blue{
	background:linear-gradient(transparent 65%,#9cf 65%);
}
/*マーカー色変*/
span.daidai{
	background:linear-gradient(transparent 70%,#ffa500 90%)
}

span.anz{
	background:linear-gradient(transparent 70%,#f4a466 90%)
}

span.wakami{
	background:linear-gradient(transparent 60%,#7affaa 90%);
}

span.toki{
	background:linear-gradient(transparent 10%,#f3a696 50%,transparent 100%)
}

span.banira{
	background:linear-gradient(transparent 10%,#f6e7be 50%,transparent 100%);
}

span.beniaka{
	background:linear-gradient(transparent 70%,#f66 100%);
}


span.sora{
	background:linear-gradient(transparent 70%,#99ffff 90%);
}


/*マーカーアニメーション*/
.marker {
  background:linear-gradient(transparent 70%, #ee9d19 70%);
  display: inline;
  /* 背景の繰り返しを停止 */
  background-repeat: no-repeat;
  /* マーカーの横方向を0にして縮める */
  background-size: 0% 100%;
  /* マーカーが引かれる速度を指定 */
  transition:background-size 1.0s;
}
/* マーカーが引かれる際に付与するクラス */
.marker.on {
  /* 横方向を100%にして、マーカーを引く */
  background-size: 100% 100%;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
 
}

/*834px以下*/
@media screen and (max-width: 834px){
	/*文字サイズ*/
span.igo{
		font-size: 15px;
	}
span.iro{
		font-size: 16px;
	}
span.ina{
		font-size: 17px;
	}
span.iha{
		font-size: 18px;
	}
span.iku{
		font-size: 19px;
	}
span.ni{
		font-size: 20px;
	}
span.nii{
		font-size: 21px;
	}
span.nini{
		font-size: 22px;
	}
span.nisa{
		font-size: 23px;
	}
span.niyo{
		font-size: 24px;
	}
span.nigo{
		font-size: 25px;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	/*文字サイズ*/
span.igo{
		font-size: 15px;
	}
span.iro{
		font-size: 16px;
	}
span.ina{
		font-size: 17px;
	}
span.iha{
		font-size: 18px;
	}
span.iku{
		font-size: 19px;
	}
span.ni{
		font-size: 20px;
	}
span.nii{
		font-size: 21px;
	}
span.nini{
		font-size: 22px;
	}
span.nisa{
		font-size: 23px;
	}
span.niyo{
		font-size: 24px;
	}
span.nigo{
		font-size: 25px;
	}
}