@charset "UTF-8";

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

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

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



/* モバイルトップメニュー */
@media screen and (max-width: 480px){
	ul.menu-mobile{
		overflow-x: auto;
		overflow-y: hidden;
		display: flex !important;
		flex-wrap: nowrap;
		font-size: 14px;
		justify-content: flex-start;
		padding: 0 1em;
		-webkit-overflow-scrolling: touch;
		position: relative;
	}

	ul.menu-mobile > li{
		padding-right: 1em;
		white-space: nowrap;
	}
	ul.menu-mobile　.item-label{
		white-space: nowrap;
		font-size: 14px;
	}
}

/* トップページの不要なもの */
.page .sns-share,
.page .sns-follow {
display: none;
}

.page-id-795 .date-tags,
.page-id-795 .author-info {
display: none;
}

.page-id-795 h1.entry-title {
display: none;
}

/*---------------------------------
親カテゴリのカスタマイズ
--------------------------------*/
.widget_categories ul li a{ 
  border-bottom: 1px dashed #CCCCCC; /* 下線の種類 */
}

.widget_categories ul li a::before{
  font-family: FontAwesome;
  content: "\f0da"; /* FontAwesomeのユニコード */
  color: #00CCCC; /* アイコンの色 */
  padding-right: 6px;
}

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

/*---------------------------------
子カテゴリのカスタマイズ
--------------------------------*/
.widget_categories ul li ul li a::before{
  font-family: FontAwesome;
  content: "\f0da"; /* FontAwesomeのユニコード */
  color: #00CCCC; /* アイコンの色 */
  padding-right: 6px;
}

/* 見出しのアイコン */
h5:before {
  font-family: FontAwesome;
  content: "\f00c";
  font-weight: 900;
  padding-right : 5px;/*文字との隙間*/
  color: #F0E68C;/*アイコンの色*/
}