/* =====================================================================
適用ページ：全ページ
適用箇所：レイアウト（セクションブロック・コンテナーブロック）
目的    ：SPでの左右余白を狭くする（WP管理画面でのデフォルト1.8remの上書き）
===================================================================== */

@media screen and (max-width: 768px) {
    /* セクションブロックのpaddingを修正。WP管理画面でno-paddingにしたものは除く */
    .smb-section__inner > .c-container:not(.c-container--no-padding) {
        padding-inline: 0.95rem !important;
    }
    /* コンテナーブロックも左右paddingを無くす */
    .wp-block-snow-monkey-blocks-container {
        padding-inline: 0 !important;
    }
}



/* =====================================================================
適用ページ：全ページ
適用箇所：コンテンツエリア上部のページタイトル
目的    ：ページタイトルを非表示
===================================================================== */

.type-page .c-entry__header {
    display: none;
}



/* =====================================================================
適用ページ：全ページ
適用箇所：ヘッダー、ヘッダー上の帯
目的    ：レイアウト調整
===================================================================== */

/* ヘッダー上の帯
　※帯自体は、my-snow-monkey.phpファイル上でフックで追加 */
.xcs-page-top-band {
    color: #fff;
    height: 24px;
    width: 100%;
    background: #0d9700;
}

.xcs-page-top-band p {
    max-width: 1337px;
    padding-inline: 28px;
    margin-inline: auto;
    line-height: 24px;
    font-size: 12px;
}

@media screen and (max-width: 599px) {
    .xcs-page-top-band {
        display: none;
    }
}

/* ヘッダーの色など */
.l-header {
    background-color: #13bf03;
}

.p-drop-nav {
    background-color: #13bf03;
}

.l-header .c-navbar__item > a::after {
    bottom: 10px;
    background-color: #fff;
}



/* =====================================================================
適用ページ：トップページ
適用箇所：ファーストビジュアル
目的    ：本人画像の配置、カバーブロックのゆっくり拡大
===================================================================== */

/* ファーストビジュアルの人の画像 */
.xcs-fv {
    position: absolute;
    bottom: 0;
    right: 8vw;
    z-index: 100;
}

@media screen and (max-width: 599px) {
    .xcs-fv {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
}

.xcs-fv img {
    height: auto;
    width: auto;
    max-height: 80vh;
    max-width: 90vw;
}

/* カバーブロック画像：ゆっくり拡大 */
.wp-block-cover__image-background {
    transform: scale(1);
    animation: coverZoom 20s ease-out forwards;
}

@keyframes coverZoom {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.08);
    }
}