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

}/************************************
** 子テーマ用のスタイルを書く



************************************/
/*必要ならばここにコードを書く*/

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



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

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


.marker { /*黄色マーカー*/
 background-color: #b3f0aa;
}
.marker-red { /*赤色マーカー*/
 background-color: #f7d492;
}
.marker-blue { /*青色マーカー*/
  background-color: #b0e8e5;
}
.marker-under { /*黄色アンダーラインマーカー*/
 background: linear-gradient(transparent 20%, #edecbe 20%);
}
.marker-under-red { /*赤色アンダーラインマーカー*/
 background: linear-gradient(transparent 70%, #edccf0 70%);
}
.marker-under-blue { /*青色アンダーラインマーカー*/
 background: linear-gradient(transparent 80%, #cfbae6 80%);
}

/*ブログカード 説明文(スニペット) 非表示 */
.blogcard-snippet {
display: none;
}

/* ヘッダーグローバルメニューフォントカスタマイズ */
#navi-in,
.slicknav_menu {
font-family: 'Julius Sans One', sans-serif;
}

/************************************
** ショートコードの人気一覧を２カラム表示にする
************************************/
.popular-entry-cards.fp-popular-entry-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
}

.fp-popular-entry-cards .popular-entry-card-link.a-wrap {
    display: inline-block;
    width: 49.5%;
}

.page .date-tags {
display: none;
}

/* アピールエリア---------------------------------------------- *
/*全体*/
.appeal-in {
    min-height: 800px;/*パソコンでの高さ調整*/
	min-width:100%;/*幅を最大に*/	

}

/*480px以下*/
@media screen and (max-width: 480px){
	.appeal-in {
		min-height: 600px!important;/*スマホでの高さ調整*/
	}
}

/*コンテンツエリア*/
.appeal-content {
width:100%;/*幅を最大に*/
padding:2em 1em;/*内側余白調整*/
background-color:transparent;/*コンテンツエリアの背景無効化*/
}

/* スマホヘッダー不具合対応 */
@media screen and (max-width: 1023px){
  .header-container-in.hlt-top-menu {
    display: none;
  }
}