@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){
  /*必要ならばここにコードを書く*/
}

/************************************
** HOSHIMIYA カラー Phase 1（ボタン・見出しアクセント・リンク・目次）
** 戻す場合は、この区間（PHASE1 START〜END）を削除
************************************/
/* PHASE1 START */
:root{
  --hg-bg:#FAF8F4;
  --hg-text:#3F3A36;
  --hg-main:#A58C73;
  --hg-main-dark:#7A6650;
  --hg-beige:#EFE6D8;
  --hg-sage:#DCE5DA;
  --hg-terra:#E7D2CA;
}

/* 見出しアクセント */
html body .article h2,
html body .article h3,
html body .article h4,
html body .article h5,
html body .article h6{color:var(--hg-main-dark)}
html body .article h2{border-top-color:var(--hg-main);border-bottom-color:var(--hg-main)}
html body .article h3{border-bottom-color:var(--hg-main)}
html body .article h4{border-left-color:var(--hg-main)}
html body .article h5,
html body .article h6{border-bottom-color:var(--hg-main)}

/* 目次 */
html body .toc{border-color:var(--hg-main)}
html body .toc .toc-title,
html body .toc .toc-content{color:var(--hg-main-dark)}
html body .toc a{color:var(--hg-text)}
html body .toc a:hover{color:var(--hg-main-dark)}

/* 記事内リンク（class付きのボタン・ブログカード・図鑑は対象外） */
html body .entry-content p a:not([class]),
html body .entry-content li a:not([class]),
html body .entry-content td a:not([class]){
  color:var(--hg-main-dark);
  text-decoration:underline;
  text-underline-offset:2px;
  text-decoration-color:var(--hg-main);
}
html body .entry-content p a:not([class]):hover,
html body .entry-content li a:not([class]):hover,
html body .entry-content td a:not([class]):hover{color:var(--hg-text);text-decoration-color:var(--hg-main-dark)}

/* ボタン（Cocoon標準・送信・ページ送り・コメント）。Amazon/楽天ボタンは対象外 */
html body .btn-key-color,
html body .btn-wrap.btn-wrap-key-color>a,
html body input[type='submit']{
  background-color:var(--hg-main-dark);
  color:#fff;
  border-color:var(--hg-main-dark);
}
html body .btn-key-color:hover,
html body .btn-wrap.btn-wrap-key-color>a:hover,
html body input[type='submit']:hover{background-color:var(--hg-main);color:#fff}
html body .pagination-next-link,
html body .comment-btn{background:#fff;border-color:var(--hg-main);color:var(--hg-main-dark)}
html body .pagination-next-link:hover,
html body .comment-btn:hover{background:var(--hg-main-dark);border-color:var(--hg-main-dark);color:#fff}
/* PHASE1 END */