@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){
  /*必要ならばここにコードを書く*/
}
/* ==========================================
 * 『時空テラス』ヘッダーデザイン維持 ＆ リンク完全開通調律
 * ========================================== */

/* 1. 時間帯背景の基準位置をリセット */
.jikuu-timed-header {
    position: relative !important;
    z-index: 1 !important;
}

/* 2. 背景画像そのものへのクリックをすり抜けさせて文字リンクを生かす */
.jikuu-timed-header img, 
.jikuu-timed-header video {
    pointer-events: none !important;
}

/* 3. 【ウルトラC】CSSの力だけで、ヘッダー全体を覆う「目に見えない透明なホームボタン」を出現させる */
.jikuu-timed-header::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 99999 !important; /* 最前面に配置 */
    cursor: pointer !important;
    background: rgba(0, 0, 0, 0) !important; /* 完全に透明 */
}

/* 4. 本来潰れていたCocoonのサイトタイトルエリアを最前面に引っ張り出す */
.site-name-text,
.logo-in-before,
.header-in {
    position: relative !important;
    z-index: 100000 !important; /* 透明ボタンよりさらに手前に */
    pointer-events: auto !important;
}
/* ==========================================
 * 『時空テラス』ホーム画面・カルーセル巨大化最終調律
 * ========================================== */
.page .widget-entry-cards.type-shinya,
.page .ect-entry-card {
    display: flex !important;
    gap: 30px !important;
    max-width: 1200px !important; /* 横幅をラグジュアリーに広げる */
    margin: 40px auto !important;
}

.page .widget-entry-cards.type-shinya .entry-thumb img {
    width: 100% !important;
    height: 350px !important; /* 画像の縦幅をドカンと大きくパノラマ化 */
    object-fit: cover !important; /* 画像を歪ませずに綺麗に切り取る */
    border-radius: 4px !important;
}

.page .widget-entry-cards.type-shinya .entry-title {
    font-size: 1.2em !important; /* 小さすぎた文字を大きく読みやすく */
    font-weight: 500 !important;
    margin-top: 15px !important;
    color: #333333 !important;