@charset "UTF-8";

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

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

.bb-awasete::before {
  content: "\f00c  合わせて読みたい";
}
.bb-osusume::before {
 content: "\f00c  こちらもオススメ";
}

/*　チェックリスト
───────────────────────── */

ul.checklist02 li{
	margin-bottom: 0.3em;
	padding-top: 5px;
	padding-left: 24px;
	background: url(https://rara3939.com/gazou/a_check02_red30x30.png) left top no-repeat;
	list-style-type: none;
}

/*　マウスを乗せると画像が動く
───────────────────────── */
div.img-move a:hover {
 position: relative;
 top: 3px;
 left: 3px;
}


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

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

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

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