@charset "UTF-8";

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

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

/*TOPのロゴ
.logo{
	width: 300px;
	margin: 0 auto;
	padding: 1px;
	background-color: rgba(255,255,255,0.5);
}*/

/*投稿ページのタイトルのフォントサイズ*/
.article-header h1{
	font-size:1.2em;
}
/************* サイドバー ************/
/*リンクをホバーで背景ピンクに*/
.sidebar ul li a:hover{
	background-color:rgba(255,182,193,0.3);
}
/*プロフィール画像の背景の色を無難に*/
.author-box img.avatar.photo{
	background-image: linear-gradient(45deg, #fdf2f2 0%, #fdf2f2 99%, #f3fafe 100%);
}
/*H3の設定*/
.sidebar h3{
	background-color:lightpink;
	color: white;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}