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

/************************************
** ぎんなんたろう デザイン
************************************/
:root{
  --gt-text:#2f2f2f;
  --gt-sub:#777;
  --gt-bg:#f7f6f2;
  --gt-accent:#c9a227;
  --gt-link:#8a6d10;
  --gt-line:#e6e2d6;
}

/* 全体：本文は明朝体 */
body{
  background:var(--gt-bg);
  color:var(--gt-text);
  font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho",serif;
}
a{ color:var(--gt-link); }
a:hover{ color:var(--gt-accent); }

/* ヘッダー */
#header, .header, #header-container, .header-container{
  background-image:none !important;
  background-color:#fff !important;
}
.logo-header{
  padding-top:30px;
  padding-bottom:0;
}
.site-name-text{
  font-size:28px;
  letter-spacing:.15em;
  color:var(--gt-text);
}
.tagline{
  color:var(--gt-sub);
  font-size:13px;
  letter-spacing:.05em;
  margin:0;
  padding:4px 0 20px;
}

/* メニュー */
#navi, .navi-in > ul{ background:#fff !important; }
#navi{ border-bottom:1px solid var(--gt-line); }
.navi-in a{
  font-family:"Hiragino Sans","Yu Gothic",sans-serif;
  font-size:14px;
  letter-spacing:.1em;
  color:var(--gt-text);
}
.navi-in a:hover{ background:none; color:var(--gt-accent); }

/* 見出し類はゴシック */
.entry-title, .article h2, .article h3, .article h4,
.entry-card-title, .sidebar h2, .sidebar h3{
  font-family:"Hiragino Sans","Yu Gothic",sans-serif;
}
.entry-title{
  font-size:26px;
  line-height:1.6;
  letter-spacing:.03em;
}
.article h2{
  background:none;
  border:none;
  border-left:4px solid var(--gt-accent);
  padding:.4em .8em;
  font-size:22px;
  margin-top:3em;
}
.article h3{
  border:none;
  border-bottom:1px solid var(--gt-accent);
  padding:.3em 0;
  font-size:19px;
}

/* 本文 */
.article p, .article li{
  font-size:17px;
  line-height:2;
  letter-spacing:.04em;
}
.article p{ margin-bottom:1.2em; }

/* サイドバー見出し */
.sidebar h2, .sidebar h3, .widget-sidebar-title{
  background:none !important;
  color:var(--gt-text);
  border-bottom:1px solid var(--gt-accent);
  padding:.5em 0;
  font-size:15px;
  letter-spacing:.1em;
}

/* 記事一覧 */
.entry-card-wrap{
  border-bottom:1px solid var(--gt-line);
  padding-bottom:1.5em;
  margin-bottom:1.5em;
}
.entry-card-title{ font-size:18px; line-height:1.6; }
.entry-card-snippet{
  font-size:13px;
  color:var(--gt-sub);
  line-height:1.8;
}
.cat-label{
  background:var(--gt-accent);
  border:none;
  color:#fff;
}

/* アイキャッチ画像を全体で非表示（文字主体に） */
.entry-card-thumb,
.eye-catch-wrap,
.widget-entry-card-thumb,
.related-entry-card-thumb,
.pager-post-navi figure,
.pager-post-navi .card-thumb,
.prev-post-thumb,
.next-post-thumb{
  display:none !important;
}
.entry-card-content,
.widget-entry-card-content,
.related-entry-card-content{
  margin-left:0 !important;
}

/* 前後の記事ナビ：文字だけで整える */
.pager-post-navi a{
  padding:1em 0;
  border-color:var(--gt-line);
}
.pager-post-navi .prev-post-title,
.pager-post-navi .next-post-title{
  font-size:14px;
  line-height:1.7;
  color:var(--gt-text);
}

/* フッター */
#footer{
  background:#fff;
  border-top:1px solid var(--gt-line);
  color:var(--gt-sub);
}

/************************************
** レスポンシブ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
}

/*834px以下（タブレット・スマホ）*/
@media screen and (max-width: 834px){
  .logo-header{ display:none; }
  .tagline{
    font-size:12px;
    padding:14px 0;
  }
  .article p, .article li{ font-size:16px; line-height:1.9; }
  .entry-title{ font-size:22px; }
  .entry-card-title{
    font-size:16px;
    line-height:1.5;
    font-weight:600;
  }
  .entry-card-snippet{
    display:block !important;
    font-size:13px;
    margin-top:.5em;
  }
  .entry-card-wrap{
    padding-bottom:1em;
    margin-bottom:1em;
  }
}

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