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



/* オープニング動画のスタイル */
#op-video-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #000;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 1s ease; /* 1秒かけて消える */
}

#op-video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 画面いっぱいに表示 */
}

/* 動画終了後に消すためのクラス */
.video-fadeout {
    opacity: 0;
    pointer-events: none;
}
/* ==========================================
   GAUDOR 上品・洗練化カスタマイズ
   ========================================== */

/* 1. サイト全体の文字を上品な明朝体にする */
body {
    font-family: "Noto Serif JP", "YuMincho", "游明朝", serif !important;
    color: #333333 !important; /* 真っ黒を避けて上品な濃いグレーに */
    line-height: 1.8 !important; /* 行間を広げて読みやすく */
}

/* 2. ヘッダー（ロゴまわり）の余白をゆったり広げる */
#header-in {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

/* 3. ロゴの文字をさらに洗練された印象にする */
.logo-text a {
    letter-spacing: 0.15em !important; /* 文字の間隔を少し広げて優雅に */
    font-weight: 500 !important;
}

/* 4. メインメニュー（ナビゲーション）の装飾をシンプルに */
.navi-in a {
    letter-spacing: 0.1em !important;
    font-size: 14px !important;
}

/* 5. 本文全体の余白を広げてホワイトスペースを作る */
.entry-content {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}