/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 17 2026 | 02:17:12 */
.scroll-header2 {
    position: fixed; 
    top: 0;
    left: 50%;                 /* 一度画面の中央に配置 */
    transform: translate(-50%, 0px); /* 中央寄せ（X軸）＋上の隠し要素（Y軸） */
    width: 100%;               /* 基本は100% */
    max-width: 1440px;         /* Elementorの「コンテンツ幅」と同じ数値を設定 */
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out; 
    z-index: 9999;
}

/* 表示時 */
.scroll-header.is-show {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0); /* X軸の中央寄せを維持したまま、Y軸を0に戻す */
}


.scroll-header {
    position: fixed; 
    top: 0;
    left: 0; /* 起点を左端（0）に戻します */
    width: 100%; /* 画面横幅いっぱいに広げます */    
    box-sizing: border-box; /* パディングが幅（100%）の内側に含まれるようにします */
    opacity: 0;
    visibility: hidden;
    transform: translateY(0px); 
    transition: all 0.5s ease-in-out; 
    z-index: 9999;
}

/* 表示時 */
.scroll-header.is-show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); /* Y軸のズレを0に戻して定位置に表示させます */
}