/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 29 2026 | 12:59:12 */
/* ==========================================================
 * スマホ専用：上部帯の背景画像を絶対に強制縮小させる設定
 * ========================================================== */
@media (max-width: 767px) {
    /* 階層を一番上（html body）から指定して、テーマの設定を確実にねじ伏せる */
    html body .page-header,
    html body [class*="page-header"] {
        /* 1. 画像をドアップにさせず、スマホ幅に自動で100%縮小して収める */
        background-size: cover !important;
        
        /* 2. 写真の「真ん中」を基準に映し出す */
        background-position: center center !important;
        
        /* 3. スマホバグの原因になるパララックス（固定効果）を強制解除してスクロールに戻す */
        background-attachment: scroll !important;
        
        /* 4. 画像の拡大を招くパララックス用の特殊な背景引き伸ばし効果を完全に無効化 */
        background-repeat: no-repeat !important;
        transform: none !important;
    }

    /* パララックス用の裏の透明な動くレイヤーが画像を巨大化させている場合の対策 */
    html body .page-header::before,
    html body .page-header::after {
        background-size: cover !important;
        background-position: center center !important;
        background-attachment: scroll !important;
    }
}