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

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

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

/************************************
** ヘッダー・グロナビ
************************************/
#header .site-name-text {
  display: flex;
  padding-top: 10px;
}

#header .logo-image {
  padding: 0;
}

.navi-in > ul li {
  height: 36px;
  line-height: 36px;
}

#navi .navi-in>ul>li>a {
  padding: 0 1.2em
}

.navi .item-label .fas:before,
.navi .item-label .far:before {
  color: #66efc0;
  margin-right: 5px;
}

#navi .caption-wrap .item-label {
  color: #fff;
  font-size: 14px;
}

.breadcrumb {
    margin: 0;
}

/************************************
** TOPページ
************************************/
body.front-top-page {
  background-image: none;
  background-color: #ebfef6;
}

.front-top-page .main {
  padding: 0 0 20px;
}

.front-top-page .list-new-entries-title {
  margin-top: 0;
  padding-top: 15px;
}

.front-top-page .ect-vertical-card {
  justify-content: space-between;
}

.front-top-page .ect-vertical-card .entry-card-wrap {
  max-width: 50%;	
}

.front-top-page .sidebar {
  padding: 0 1.5%
}

/************************************
** フッター前ボトムコンテンツ
************************************/
.content-bottom {
  background-color: #00a076;
  color: #fff;
  padding: 40px;
  margin: 2em 0 0;
}

.content-bottom .widget_categories ul li a {
  color: #fff;
  font-size: 14px;
  padding: 6px 0;
}

.content-bottom .tagcloud a {
  color: #fff;
}

/************************************
** フッター
************************************/
.footer {
  margin-top: 0;
}

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

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

/************************************
** メイン
************************************/
  main.main {
    margin: 0 0 10px;    
  }
  .single main.main {
    padding: 10px 15px;
  }

  .content {
    margin-top: 0;
  }
/************************************
** サイドバー
************************************/
  .front-top-page .sidebar {
    padding: 1.5%
  }


/************************************
** 記事
************************************/
  .article h1{
    padding: 0.6em 0;
  }

/************************************
** フッター前ボトムコンテンツ
************************************/
  .content-bottom {
    padding: 15px;
  }
}

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