@charset "UTF-8";

/**
 * 日昌グラシス 特設サイト Is Ilumina Square 独自スタイル
 * 管理場所：/plugins/my-snow-monkey/is-ilumina-square.css
 */

/* 類人猿 セクションブロックの見出しとbodyの間隔調整 */
.body-mt3rem .smb-section__body {
    margin-top: 3rem !important;
}
.smb-section__lede-wrapper {
    margin-top: 0 !important;
}

#faq .wp-block-snow-monkey-blocks-accordion {
    background-color: #fff;
}

/* =========================================================
   ファーストビュー（#cover）のレスポンシブフォント調整
========================================================= */

/* 1. 一番大きな見出し（｢見せるためのトップライト｣という発想。） */
#cover .smb-section-break-the-grid__title .has-sm-5-xl-font-size {
    font-size: clamp(1.375rem, 5vw, 3.5rem) !important;
    line-height: 1.4 !important;
}

/* 2. その下のリード文・サブタイトル（ただ採光するだけではない〜 / IS Ilumina Square〜） */
#cover .smb-section-break-the-grid__body .has-sm-3-xl-font-size {
    font-size: clamp(1rem, 2.5vw + 0.5rem, 2rem) !important;
    line-height: 1.6 !important;
    margin-bottom: 0.5em !important;
}

/* 最後の要素の下余白を打ち消す（Snow Monkeyの元設定を維持） */
#cover .smb-section-break-the-grid__body p:last-child {
    margin-bottom: 0 !important;
}

/* =========================================================
   1024px未満：ファーストビュー（#cover）の重なりを解除
========================================================= */
@media (max-width: 1023px) {
    /* テキスト部分と画像部分の重なり（マージンや配置）を強制リセット */
    #cover .smb-section-break-the-grid__content,
    #cover .smb-section-break-the-grid__figure {
        position: static !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        width: 100% !important;
    }
    
    /* テキストと画像がくっつきすぎないように、テキストの下に余白を追加 */
    #cover .smb-section-break-the-grid__content {
        padding-bottom: 2rem !important; 
    }
}

/* =========================================================
   メインビジュアル下CVバナー
========================================================= */
/* PC・スマホ共通：左右の隙間を1px（0.5pxずつ）にする */
.cv-banner-group .c-row {
    margin-right: -0.5px !important;
    margin-left: -0.5px !important;
}
.cv-banner-group .c-row__col {
    padding-right: 0.5px !important;
    padding-left: 0.5px !important;
    margin-bottom: 0 !important; /* PC時は全て0に揃えてズレを防止 */
}
/* バナーエリアの右側だけを画面右端まで伸ばす */
@media (min-width: 1024px) {
    .cv-banner-group {
        max-width: 110% !important; /* 上の画像の「画像サイズ調整 +10%」に合わせる（+20%なら120%） */
        width: calc(50% + 50vw) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
/* スマホ等の縦並び時のみ：上下の隙間（margin-bottom）を1pxにする */
@media (max-width: 767px) {
    .cv-banner-group .c-row > .c-row__col {
        margin-bottom: 1px !important;
    }
    /* スマホ時のみ、最後のバナーの下余白を消す */
    .cv-banner-group .c-row > .c-row__col:last-child {
        margin-bottom: 0 !important;
    }
}
/* バナー内側padding */
.cv-banner-group .smb-items__banner__body {
    padding: 1rem;
}
/* バナー内文字の行間 */
.cv-banner-group .smb-items__banner__lede {
    margin-top: 0;
}

/* ダウンロードセクションのテキスト */
#downloads .smb-media-text__contents-wrapper {
    text-align: center;
}
#downloads.is-style-RJE_R002LP_cta:not(:root) > .smb-section__inner > .c-container > .smb-section__body > .smb-media-text .smb-buttons, .is-style-RJE_R002LP_cta:not(:root) > .smb-section__inner > .c-container > .smb-section__contents-wrapper > .smb-section__body > .smb-media-text .smb-buttons {
    justify-content: center;
}

/* ダウンロードセクションの画像のmargin-top */
@media screen and (max-width: 767px) {
  #downloads.is-style-RJE_R002LP_cta:not(:root) > .smb-section__inner > .c-container > .smb-section__body > .smb-media-text .smb-media-text__figure img, .is-style-RJE_R002LP_cta:not(:root) > .smb-section__inner > .c-container > .smb-section__contents-wrapper > .smb-section__body > .smb-media-text .smb-media-text__figure img {
    margin-top: -2.5rem !important;
  }
}

/* ブロークングリッドの重なり解除 */
@media screen and (max-width: 639px) {
    .is-style-RJE_R002LP_message_normal:not(:root) .smb-section-break-the-grid__content {
        margin-top: 0 !important;
    }
}

/* =========================================================
   フッター部分：スマホ幅（689px以下）でのセンター揃え調整
========================================================= */

@media (max-width: 689px) {
    /* 1. Flexブロック全体を縦並びにして中央に配置 */
    .site-footer__bottom .wp-block-snow-monkey-blocks-flex {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 1rem !important; /* ★1.5remから1remに変更して程よい間隔に */
    }

    /* 2. ロゴ領域の配置と余白リセット */
    .site-footer__bottom .wp-block-snow-monkey-blocks-flex figure {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 0 !important; /* ★図形自体の下余白を消し、gapのみで制御 */
        width: auto !important; /* ★PC時の幅指定をリセット */
        flex-basis: auto !important;/* 縦並び時に高さがPCのflex-basis: 300pxで引き伸ばされるのを防ぐ */
    }

    /* ★新規：ロゴ画像の高さを32pxに指定 */
    .site-footer__bottom .wp-block-snow-monkey-blocks-flex figure img {
        height: 32px !important;
        width: auto !important; /* 高さに合わせて幅を自動調整 */
    }

    /* 3. リンクテキスト部分（コーポレートサイト | 個人情報保護方針）の中央揃えを確実にする */
    .site-footer__bottom .wp-block-snow-monkey-blocks-flex p.has-text-align-center {
        text-align: center !important;
        margin-bottom: 0 !important;
        font-size: 0.875rem !important; /* お好みで：スマホでは少し文字を小さくすると綺麗です */
    }

    /* 4. コピーライトの右寄せ（has-text-align-right）を解除して中央揃えにする */
    .site-footer__bottom .smb-section__body > p.has-text-align-right {
        text-align: center !important;
        margin-top: 1rem !important; /* リンクテキストとの余白 */
        font-size: 0.75rem !important; /* お好みで：コピーライトは小さめに */
    }
}

/* =========================================================
   ギャラリーブロック
========================================================= */
/* スマホ（767px以下）で1列表示 */
@media (max-width: 767px) {
    /* 標準のギャラリーブロックおよびSnow Monkeyのアイテムブロックに対応 */
    .wp-block-gallery.columns-default,
    .wp-block-gallery[class*="columns-"],
    .smb-items--gap-md {
        display: block !important; /* Flexを解除して縦並びにする */
    }

    .wp-block-gallery .wp-block-image,
    .wp-block-gallery .gallery-item,
    .smb-items__item {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-bottom: 1.5rem !important; /* 画像間の余白 */
    }

    .wp-block-gallery .wp-block-image:last-child,
    .smb-items__item:last-child {
        margin-bottom: 0 !important;
    }
}
/* =========================================================
   Firelightプラグイン（FancyBox V2） タイトルエリア非表示
========================================================= */
/* .fancybox-title,
.fancybox-title-over-wrap,
.fancybox-title-wrap {
    display: none !important;
} */