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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* サイトタイトルのフォントサイズ */
.logo-header .site-name {
    font-size: 4rem !important;
}

/* キャッチフレーズのフォントサイズ */
.logo-header .tagline {
    font-size: 2rem !important;
}
/* Cocoon：ヘッダー背景画像の位置を微調整（飛行機の羽用） */
.header {
    background-position: 100% 30% !important;
}
/* Cocoon専用：ヘッダーのタイトルとキャッチフレーズに影をつける */
.logo-header, .tagline {
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.85) !important;
}
/* サイトタイトルのフォントサイズを拡大 */
.logo-header .site-name {
    font-size: 5.5rem !important; /* 4remから5.5remへ拡大 */
    letter-spacing: 0.1em; /* 少し余裕を持たせる */
}

/* キャッチフレーズのフォントサイズを拡大 */
.logo-header .tagline {
    font-size: 2.2rem !important; /* 2remから2.2remへ拡大 */
    margin-top: 15px; /* タイトルとの間隔を調整 */
}
/* スマホ画面（幅767px以下）向けの文字サイズ調整 */
@media screen and (max-width: 767px) {
    .logo-header .site-name {
        font-size: 2.2rem !important; /* スマホの横幅に収まるサイズに縮小 */
        letter-spacing: 0; /* スマホでは字間を標準に戻して1行に収める */
    }
    .logo-header .tagline {
        font-size: 1.2rem !important; /* サブタイトルもスマホ用に縮小 */
        margin-top: 10px;
    }
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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