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

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


/* =========================================
   共通調整
========================================= */

/* 記事タイトル・日付タグを非表示 */
.date-tags {
  display: none;
}

.single-post:not(.single-info) .entry-title,
.page .entry-title {
  display: none !important;
}

.single-info .entry-title {
  display: block !important;
}

/* 記事内見出しの余白 */
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  margin-bottom: 1em;
}

/* 記事内h2の見た目 */
.article h2 {
  font-size: 20px;
  padding: 0.4em 0.8em;
}


/* =========================================
   ヘッダーロゴ
========================================= */

.logo {
  text-align: left;
}


/* =========================================
   通常のお知らせ一覧
   （BizVektor風・投稿日のみ表示）
========================================= */

/* サムネイル非表示 */
.info-news-list .new-entry-card-thumb {
  display: none;
}

/* カード全体 */
.info-news-list .new-entry-card {
  display: flex;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #e5e5e5;
  box-shadow: none;
  background: none;
}

/* コンテンツエリア */
.info-news-list .new-entry-card-content {
  display: flex;
  align-items: center;
  width: 100%;
  margin-left: 0 !important;
}

/* 投稿日 */
.info-news-list .new-entry-card-date {
  order: 1;
  min-width: 110px;
  margin-right: 20px;
  font-size: 14px;
  color: #666;
}

/* タイトル */
.info-news-list .new-entry-card-title {
  order: 2;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

/* 更新日非表示 */
.info-news-list .new-entry-card-update-date {
  display: none !important;
}

/* 時計アイコン非表示 */
.info-news-list .fa-clock-o {
  display: none;
}

/* hover */
.info-news-list a:hover .new-entry-card-title {
  text-decoration: underline;
}


/* =========================================
   /info/ アーカイブ一覧
   （aegisc.com/info/ 風）
========================================= */

/* 一覧1件全体 */
.post-type-archive-info .entry-card-wrap {
  display: block;
  margin: 0 0 36px;
  padding: 0;
  border: none !important;
  background: transparent;
  box-shadow: none !important;
  color: inherit;
  text-decoration: none;
}

/* カード本体 */
.post-type-archive-info .entry-card {
  display: block;
  padding: 0 0 30px;
  border: none !important;
  border-bottom: 1px solid #ddd !important;
  background: #fff;
  box-shadow: none !important;
}

/* サムネイル非表示 */
.post-type-archive-info .entry-card-thumb {
  display: none !important;
}

/* 本文エリア */
.post-type-archive-info .entry-card-content {
  margin-left: 0 !important;
  padding: 0 !important;
}

/* タイトル */
.post-type-archive-info .entry-card-title {
  margin: 0 0 14px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  color: #111;
}

/* 抜粋 */
.post-type-archive-info .entry-card-snippet {
  display: block;
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.9;
  color: #333;
}

/* 不要要素を非表示 */
.post-type-archive-info .admin-pv,
.post-type-archive-info .entry-card-categorys {
  display: none !important;
}

/* メタ情報 */
.post-type-archive-info .entry-card-meta {
  margin-top: 0;
  padding-top: 0;
  border: none;
}

.post-type-archive-info .entry-card-info {
  display: block;
}

.post-type-archive-info .post-date,
.post-type-archive-info .entry-date {
  font-size: 14px;
  color: #666;
}

.post-type-archive-info .post-date {
  display: inline-block;
  margin-top: 4px;
}

.post-type-archive-info .post-date .fa-clock {
  display: none !important;
}

/* hover */
.post-type-archive-info .entry-card-wrap:hover .entry-card-title {
  color: #0b63b6;
}

/* 「この記事を読む」ボタン */
.post-type-archive-info .entry-card-content::after {
  content: "この記事を読む";
  display: inline-block;
  margin-top: 18px;
  padding: 10px 22px;
  border-radius: 4px;
  background: #640E0B;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  transition: 0.3s;
}

.post-type-archive-info .entry-card-wrap:hover .entry-card-content::after {
  background: #084c8a;
}

/* info個別ページの背景色を消す */
.single-info .content,
.single-info .main,
.single-info .article,
.single-info .content-in {
  background: none !important;
}
.article h2,
.single-info .article h1 {
  font-size: 20px;
  padding: 0.4em 0.8em;
	color: #fff;
	    background-color: #640e0b;
}

/* infoだけ投稿日を表示 */
.single-info .date-tags {
  display: block !important;
}


/* =========================================
   サイドメニュー：階層別矢印装飾
========================================= */

/* メニュー全体 */
#sub ul,
#sideTower ul,
.sidebar ul,
.widget ul,
.widget_nav_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* リンク共通 */
#sub li > a,
#sideTower li > a,
.sidebar li > a,
.widget li > a,
.widget_nav_menu li > a {
  display: block;
  position: relative;
  box-sizing: border-box;
  padding: 10px 10px 10px 2em;
  text-decoration: none;
}

/* 第1階層 */
.widget_nav_menu > div > ul > li > a,
.widget_nav_menu > ul > li > a {
  position: relative;
  padding-left: 2.4em;
}

.widget_nav_menu > div > ul > li > a::before,
.widget_nav_menu > ul > li > a::before {
  content: "→";
  position: absolute;
  top: 50%;
  left: 0.4em;
  transform: translateY(-50%);
  width: 1.4em;
  height: 1.4em;
  line-height: 1.35em;
  border: 2px solid #0468EA;
  border-radius: 3px;
  background: #fff;
  color: #0468EA;
  font-size: 0.75em;
  font-weight: bold;
  text-align: center;
}

/* 第2階層 */
#sub ul ul > li > a,
#sideTower ul ul > li > a,
.sidebar ul ul > li > a,
.widget ul ul > li > a,
.widget_nav_menu ul ul > li > a {
  padding-left: 2.4em;
}

#sub ul ul > li > a::before,
#sideTower ul ul > li > a::before,
.sidebar ul ul > li > a::before,
.widget ul ul > li > a::before,
.widget_nav_menu ul ul > li > a::before {
  content: "›";
  position: absolute;
  top: 50%;
  left: 1.2em;
  transform: translateY(-50%);
  color: #5a7fa6;
  font-size: 1.05em;
  font-weight: bold;
}

/* 第3階層 */
#sub ul ul ul > li > a,
#sideTower ul ul ul > li > a,
.sidebar ul ul ul > li > a,
.widget ul ul ul > li > a,
.widget_nav_menu ul ul ul > li > a {
  padding-left: 3em;
}

#sub ul ul ul > li > a::before,
#sideTower ul ul ul > li > a::before,
.sidebar ul ul ul > li > a::before,
.widget ul ul ul > li > a::before,
.widget_nav_menu ul ul ul > li > a::before {
  content: "▸";
  position: absolute;
  top: 50%;
  left: 2em;
  transform: translateY(-50%);
  color: #c58a2b;
  font-size: 0.9em;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

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

/*834px以下*/
@media screen and (max-width: 834px){

  /* 通常のお知らせ一覧 */
  .info-news-list .new-entry-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .info-news-list .new-entry-card-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .info-news-list .new-entry-card-date {
    min-width: auto;
    margin-right: 0;
    margin-bottom: 4px;
  }

  /* /info/ アーカイブ一覧 */
  .post-type-archive-info .entry-card-title {
    font-size: 24px;
    line-height: 1.5;
  }

  .post-type-archive-info .entry-card-snippet {
    font-size: 15px;
    line-height: 1.8;
  }

  .post-type-archive-info .post-date,
  .post-type-archive-info .entry-date {
    font-size: 13px;
  }

  .post-type-archive-info .entry-card-content::after {
    display: block;
    width: fit-content;
    margin: 20px auto 0;
  }
}

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