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

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

/************************************
** 夢幻浪漫：サイト全体
************************************/

body {
  background-color: #f8f7f5;
  color: #333;
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "Noto Serif JP",
    serif;
  line-height: 1.9;
  letter-spacing: 0.03em;
}


/************************************
** 夢幻浪漫：ヘッダー
************************************/

/* サイトタイトル */
.logo-header .site-name-text,
.logo-header .site-name-text a {
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "Noto Serif JP",
    serif !important;

  font-size: 48px !important;
  font-weight: normal !important;
  letter-spacing: 0.16em !important;
  line-height: 1.4 !important;

  color: #222 !important;
}


/* キャッチコピー */
.header-in .tagline {
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "Noto Serif JP",
    serif !important;

  font-size: 18px !important;
  font-weight: normal !important;
  letter-spacing: 0.12em !important;
  line-height: 1.8 !important;

  color: #777 !important;
}


/************************************
** 夢幻浪漫：タイトルとキャッチコピーの順番
************************************/

/* ヘッダー内の配置 */
.header-in {
  display: flex;
  flex-direction: column;
}

/* 夢幻浪漫を上 */
.header-in .logo {
  order: 1;
}

/* キャッチコピーを下 */
.header-in .tagline {
  order: 2;
}


/************************************
** 夢幻浪漫：記事タイトル
************************************/

.entry-title,
.entry-title a {
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "Noto Serif JP",
    serif !important;

  font-weight: normal !important;
  color: #292929 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.6 !important;
}


/************************************
** 夢幻浪漫：本文
************************************/

.entry-content {
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "Noto Serif JP",
    serif;

  color: #333;
  line-height: 1.9;
  letter-spacing: 0.03em;
}


/************************************
** 夢幻浪漫：リンク
************************************/

a {
  color: #555;
}

a:hover {
  color: #8b6f9e;
}


/************************************
** スマートフォン
************************************/

@media screen and (max-width: 480px) {

  /* サイトタイトル */
  .logo-header .site-name-text,
  .logo-header .site-name-text a {
    font-size: 34px !important;
    letter-spacing: 0.12em !important;
  }

  /* キャッチコピー */
  .header-in .tagline {
    font-size: 14px !important;
    letter-spacing: 0.08em !important;
  }

}


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

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


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


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