/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 22 2026 | 13:43:57 */
/* 画像ブロックを上のブロックの枠内に強制移動 */
.block-overlay-img {
    position: relative !important;
    z-index: 10 !important; /* 既存ブロックより前面に出す */
    
    /* ↓【重要】この3つの数字を書き換えて位置とサイズを調整します */
    margin-top: -100px !important;  /* 上に引っ張り上げる量（マイナスを大きくするとより上に行きます） */
    margin-left: auto !important;  /* 横位置（現状は右寄せ。左寄せにしたい場合は margin-right: auto !important; に変更） */
    max-width: 200px !important;   /* 重ねる画像の横幅サイズ */
    
    pointer-events: none !important; /* 下にある文章の選択やリンククリックを邪魔しない設定 */
}

/* 土台となる既存ブロックの表示崩れを防ぐ設定 */
.block-overlay-img-parent,
.wp-block-group,
.wp-block-columns,
.vk-heading {
    position: relative !important;
}

/* ==========================================================
 * モバイル専用（画面幅767px以下）：画像の上のブロックへの重ね合わせを解除する
 * ========================================================== */
@media (max-width: 767px) {
    .block-overlay-img {
        /* 上に引っ張り上げるマイナスの余白を「ゼロ」に戻す */
        margin-top: 0 !important;
        
        /* 画像を右寄せから、スマホ画面の「中央揃え」に切り替えてバランスを整える */
        margin-left: auto !important;
        margin-right: auto !important;
        
        /* スマホの画面からはみ出さないように、横幅の最大サイズを調整（お好みに合わせて変更可能） */
        max-width: 100% !important;
        width: 150px !important; /* スマホで見た時の画像の大きさ（幅） */
        
        /* スマホのタップ操作やバグを防ぐため、通常の挙動に戻す */
        pointer-events: auto !important; 
    }
}