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

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

/*固定ページの投稿日、更新日、投稿者名を非表示にする*/
.page .date-tags,
.page .author-info {
    display: none;
}

/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}
/*ヘッダーロゴの間隔変更*/
.logo-text {
	padding: 20px 0 0;
}
.tagline {
	margin: 0 0 .6em
}

/*ヘッダーサイズカスタマイズ*/
.header { 
  padding-top: 0px; /*ヘッダー上マージン*/
  padding-bottom: 0px; /*ヘッダー下マージン*/
}

/*グローバルメニューの高さを変更*/
#navi .navi-in > ul li{
	height: 60px;
	line-height: 60px;
}

/************************************
** ページのタイトルを中央揃え,色指定
************************************/
.page .entry-title {
  text-align: center;
  color:#814800;
}
h1, h2, h3, h4, h5, h6 {
  color: #814800;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*481px以下*/
@media screen and (max-width: 480px){
/*ロゴタイトルの文字サイズ変更*/
.logo-header {
  font-weight: bold;
  color:#814800;
  font-size:20px;
}
/*キャッチフレーズの文字サイズ変更*/
.tagline {
  font-weight: bold;
  color:#814800;
  font-size: 12px;
}
/*タイトルの文字サイズ変更*/
h1.entry-title {
  font-size: 16px;
}
/*本文フォントのサイズ変更*/
.fz-16px {
  font-size: 10pt !important;
}
}

/*769px以下*/
@media screen and (min-width: 481px){
/*ロゴタイトルの文字サイズ変更*/
.logo-header {
  font-weight: bold;
  color:#814800;
  font-size:24px;
}
/*キャッチフレーズの文字サイズ変更*/
.tagline {
  font-weight: bold;
  color:#814800;
  font-size: 14px;
}
/*タイトルの文字サイズ変更*/
h1.entry-title {
  font-size: 20px;
}
}

/*大きいサイズの横幅*/
@media screen and (min-width: 769px){
/*ロゴタイトルの文字サイズ変更*/
.logo-header {
 font-weight: bold;
 color:#814800;
 font-size:28px;
}
/*キャッチフレーズの文字サイズ変更*/
.tagline {
 font-weight: bold;
 color:#814800;
 font-size: 18px;
}
/*タイトルの文字サイズ変更*/
h1.entry-title {
font-size: 24px;
}
}