@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.caption-wrap:hover {
    font-weight: bold;
    color: #ffaf00;
    border-bottom: 3px solid #ffaf00;
}

/*---------------------------------
親カテゴリのカスタマイズ
--------------------------------*/
.sidebar{
	background:transparent;
}
.widget-sidebar h3{/*サイドウィジェットタイトル*/
	background:transparent;
	font-size:.95em;/*文字サイズ*/
	border-bottom:2px solid #38b48b;/*下線の太さ・色*/
	padding:5px 10px 0;
	margin-bottom:0;
}


.widget_archive h3:before{/*アーカイブタイトルアイコン*/
	font-family:Fontawesome;
	content:"\f274";/*アイコン種類*/
	color:#38b48b;/*アイコン色*/
	font-weight:normal;
	margin-right:6px;/*アイコンとタイトルの距離*/
}

.widget_archive ul li a{ 
  border-bottom: 1px dashed #CCCCCC; /* 下線の種類 */
}
.widget_archive ul li a::before{
  font-family: FontAwesome;
  content: "\f07b"; /* FontAwesomeのユニコード */
  color: #5FB3F5; /* アイコンの色 */
  padding-right: 6px;
}

.widget_categories h3:before{/*カテゴリータイトルアイコン*/
	font-family:Fontawesome;
	content:"\f0ca";/*アイコン種類*/
	color:#38b48b;/*アイコン色*/
	font-weight:normal;
	margin-right:6px;/*アイコンとタイトルの距離*/
}
.widget_categories ul li a{ 
  border-bottom: 1px dashed #CCCCCC; /* 下線の種類 */
}
.widget_categories ul li a::before{
  font-family: FontAwesome;
  content: "\f07b"; /* FontAwesomeのユニコード */
  color: #5FB3F5; /* アイコンの色 */
  padding-right: 6px;
}

.widget_categories > ul > li > a:first-child{ 
  border-top: none;
}


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