@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,
.header,
.header-container,
.header-container-in {
    background-color: #14243B !important;
    background-image: none !important;
}

/* サイトタイトル */
.header .site-name-text,
#header .site-name-text,
.header .site-name,
.header .site-name a {
    color: #D8B675 !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
}

/* キャッチフレーズ */
.header .tagline,
#header .tagline {
    color: #E8E8E8 !important;
    font-size: 14px !important;
}

/* ナビゲーション */
#navi,
.navi,
.navi-in {
    background-color: #0D1B2A !important;
}

/* メニュー文字 */
.navi-in a {
    color: #FFFFFF !important;
}

/* スマートフォン対応 */
@media screen and (max-width: 768px) {
    .header .site-name-text,
    .header .site-name,
    .header .site-name a {
        font-size: 20px !important;
    }
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* サイドバー見出し */
.sidebar .widget-title,
.sidebar h3 {
    background-color: #14243B !important;
    color: #D8B675 !important;
    border: none !important;
    padding: 12px 15px;
    border-radius: 4px;
}

/* カテゴリーラベル */
.cat-label {
    background-color: #B9975B !important;
    color: #FFFFFF !important;
    border: none !important;
}
/* ==================================
   フッター：ダークネイビー×ゴールド
================================== */

/* フッターの背景 */
#footer,
.footer,
.footer-container,
.footer-bottom,
.footer-bottom-inner {
    background-color: #14243B !important;
    background-image: none !important;
}

/* フッターの文字 */
#footer,
#footer a,
.footer,
.footer a {
    color: #FFFFFF !important;
}

/* フッターのサイトタイトル */
.footer-bottom-logo .site-name-text,
.footer-bottom-logo a {
    color: #D8B675 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    overflow-wrap: anywhere;
}

/* コピーライト */
.copyright,
.copyright a {
    color: #D8B675 !important;
    font-size: 12px !important;
    line-height: 1.8;
}

/* フッターのリンク */
.footer a:hover {
    color: #D8B675 !important;
}

/* ==================================
   ページ番号
================================== */

/* 次のページ */
.pagination-next-link,
a.pagination-next-link {
    background-color: #FFFFFF !important;
    color: #14243B !important;
    border: 1px solid #14243B !important;
    border-radius: 5px !important;
}

/* ページ番号 */
.pagination .page-numbers,
.pagination .page-numbers a {
    background-color: #FFFFFF !important;
    color: #14243B !important;
    border: 1px solid #14243B !important;
    border-radius: 5px !important;
}

/* 現在のページ */
.pagination .current,
.pagination .page-numbers.current {
    background-color: #D8B675 !important;
    color: #14243B !important;
    border-color: #D8B675 !important;
}

/* マウスを重ねたとき */
.pagination a:hover,
.pagination-next-link:hover {
    background-color: #14243B !important;
    color: #D8B675 !important;
    border-color: #14243B !important;
}

/* スマートフォン対応 */
@media screen and (max-width: 768px) {
    .footer-bottom-logo .site-name-text {
        font-size: 14px !important;
    }

    .copyright {
        font-size: 11px !important;
        text-align: center;
    }
}
/* プロフィールページの見出し */
body.page-id-117 .entry-content h2 {
  background: #14243B;
  color: #D8B675;
  padding: 18px 24px;
  border: none;
  border-radius: 4px;
}

/* 見出しの装飾を整理 */
body.page-id-117 .entry-content h2::before,
body.page-id-117 .entry-content h2::after {
  display: none;
}
/* ==================================
   プロフィールページの文字と余白
   ================================== */

/* アンクルQの名前 */
body.page-id-117 .entry-content h3 {
  color: #14243B;
  font-size: 26px;
  font-weight: 700;
  padding: 0 0 12px;
  margin: 30px 0 24px;
  border-bottom: 2px solid #D8B675;
  background: none;
}

/* 本文の読みやすさ */
body.page-id-117 .entry-content p {
  font-size: 17px;
  line-height: 1.9;
  margin-top: 0;
  margin-bottom: 20px;
}

/* プロフィールの見出しと本文の間隔 */
body.page-id-117 .entry-content h2 {
  margin-bottom: 30px;
}

/* スマートフォン表示 */
@media screen and (max-width: 600px) {
  body.page-id-117 .entry-content h3 {
    font-size: 23px;
  }

  body.page-id-117 .entry-content p {
    font-size: 16px;
    line-height: 1.85;
    margin-bottom: 18px;
  }
}
/* ==================================
   グローバルメニューの文字色・背景色修正
   ================================== */

/* メニュー全体 */
#navi,
#navi .navi-in,
#navi .navi-in > ul {
  background-color: #0D1B2A;
}

/* 通常のメニュー文字 */
#navi .navi-in a {
  color: #FFFFFF;
}

/* マウスを載せたメニュー */
#navi .navi-in > ul > li:hover > a {
  background-color: #14243B;
  color: #D8B675;
}

/* 下に開くカテゴリー一覧 */
#navi .navi-in ul.sub-menu,
#navi .navi-in ul.sub-menu li {
  background-color: #0D1B2A;
}

/* カテゴリー一覧の文字 */
#navi .navi-in ul.sub-menu a {
  background-color: #0D1B2A;
  color: #FFFFFF;
}

/* カテゴリーにマウスを載せたとき */
#navi .navi-in ul.sub-menu a:hover {
  background-color: #243B55;
  color: #D8B675;
}