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




/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* リンクの下線を消すCSS */
a {
    text-decoration: none;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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: 834px){
	.navi-footer-in>.menu-footer {
flex-wrap: nowrap;/*フッターメニューを一列に*/
	}
	
	.navi-footer-in a{
		font-size: ◯◯%;/*フッターメニューの文字の大きさを変更*/
	}
}

/*---------------------------------
親カテゴリのカスタマイズ
--------------------------------*/
.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;
}

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




/*ヘッダーメニュー1列に*/
@media screen and (max-width: 768px) {
	#navi .navi-in > .menu-mobile li {
		width: 33%;
	}
	#navi .navi-in > .menu-mobile li a {
		font-size: 14px; /*場合によってフォントサイズを小さく*/
	}
}


/*全てをまとめて非表示*/

.home.page .entry-title,

.home.page .date-tags,

.home.page .author-info{

  display: none;

}


/*アピールエリア画像調整*/
#appeal {
    height: calc(100vw * 0.3);
}