.elementor-9 .elementor-element.elementor-element-efdef96{--display:flex;}.elementor-9 .elementor-element.elementor-element-1f3f399{--display:flex;--min-height:100vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-5e9bb6d{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-5e9bb6d.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-d3619b5{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:3px 3px;--row-gap:3px;--column-gap:3px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-d3619b5.e-con{--align-self:center;}.elementor-9 .elementor-element.elementor-element-09e706c{--display:flex;--min-height:18px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-09e706c:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-09e706c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-9 .elementor-element.elementor-element-09e706c:hover{background-color:#40498B;}.elementor-9 .elementor-element.elementor-element-09e706c.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:1;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-26bd161{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-26bd161.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-9 .elementor-element.elementor-element-26bd161 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:10px;font-weight:300;line-height:14px;letter-spacing:0px;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-fddd45c{--display:flex;--min-height:18px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-fddd45c:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-fddd45c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-9 .elementor-element.elementor-element-fddd45c:hover{background-color:#40498B;}.elementor-9 .elementor-element.elementor-element-fddd45c.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:1;}.elementor-9 .elementor-element.elementor-element-73dd0af{text-align:center;}.elementor-9 .elementor-element.elementor-element-73dd0af .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:10px;font-weight:300;line-height:14px;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-d01bbbc{--display:flex;--min-height:18px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-d01bbbc:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-d01bbbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-9 .elementor-element.elementor-element-d01bbbc:hover{background-color:#40498B;}.elementor-9 .elementor-element.elementor-element-d01bbbc.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:1;}.elementor-9 .elementor-element.elementor-element-e6624b2{text-align:center;}.elementor-9 .elementor-element.elementor-element-e6624b2 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:10px;font-weight:300;line-height:14px;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-5e5c4ba{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-65bf825{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-2d6c71b{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-e0c4f95{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-2d04a14{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-e3035ec{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-9527395{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-adab016{--display:flex;}.elementor-9 .elementor-element.elementor-element-a0c7b0c{--display:flex;}.elementor-9 .elementor-element.elementor-element-0e314d4{--display:flex;}.elementor-9 .elementor-element.elementor-element-194a63d{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9 .elementor-element.elementor-element-b295b7f{text-align:end;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-5e9bb6d{--width:100%;}.elementor-9 .elementor-element.elementor-element-d3619b5{--width:20%;}.elementor-9 .elementor-element.elementor-element-09e706c{--width:22%;}.elementor-9 .elementor-element.elementor-element-fddd45c{--width:22%;}.elementor-9 .elementor-element.elementor-element-d01bbbc{--width:22%;}.elementor-9 .elementor-element.elementor-element-5e5c4ba{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-ca43bf0 */.opening-done #opening-screen{
    display:none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ed6313 */#menu-number,
#menu-title{
 transition:.4s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-adab016 *//* -------------------------
   固定メニュー全体
------------------------- */
#side-menu{
    position:fixed;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    z-index:9999;
}

/* -------------------------
   リンク共通
------------------------- */
#side-menu a{
    display:block;
    margin:20px 0;
    line-height:0;
    
    /* ★追加：aタグ自体の余白判定を完全に透過（無視）させる */
    pointer-events: none;
}

/* -------------------------
   前の動画タイトル
------------------------- */
#prev-image{

    width:300px;
    height:auto;

    object-fit:contain;

    opacity:0.5;

    filter:blur(1px);

    transition:0.3s ease;

    /* ★追加：画像の実体部分だけクリック判定を有効化する */
    pointer-events: auto;
}

/* -------------------------
   現在の動画タイトル
------------------------- */
#menu-image{

    width:300px;
    height:auto;

    object-fit:contain;

    display:block;

    transition:
        opacity .4s ease,
        transform .4s ease;

    /* ★追加：画像の実体部分だけクリック判定を有効化する */
    pointer-events: auto;
}

/* -------------------------
   現在タイトルホバー
------------------------- */
#menu-image:hover{

    transform:scale(1.05);

    opacity:0.8;
}

/* -------------------------
   次の動画タイトル
------------------------- */
#next-image{

    width:300px;
    height:auto;

    object-fit:contain;

    opacity:0.5;

    filter:blur(1px);

    transition:0.3s ease;

    /* ★追加：画像の実体部分だけクリック判定を有効化する */
    pointer-events: auto;
}

/* -------------------------
   前・次タイトルホバー
------------------------- */
#prev-image:hover,
#next-image:hover{

    opacity:0.6;

    filter:blur(0px);

    transform:translateX(10px);
}

/* -------------------------
   タイトル切替
------------------------- */
.fade-out{

    opacity:0;

    transform:translateY(-15px);
}

/* -------------------------
   グロー発光
------------------------- */
.glow{

    filter:
        drop-shadow(0 0 6px rgba(255,255,255,0.7))
        drop-shadow(0 0 16px rgba(255,255,255,0.5));

    transition:all .5s ease;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-858a9a6 */#menu-link:hover #next-image{
    opacity:0.2;
    transform:translateY(-3px);
}

#menu-image,
#next-image{
    transition:
        opacity 0.35s ease,
        transform 0.35s ease;
}

.fade-out{
    opacity:0;
    transform:translateY(10px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9561ee *//* =====================================
   プレビュー
===================================== */

#scene-preview{

    position:fixed;

    right:120px;
    top:50%;

    width:700px;
    height:400px;

    opacity:0;

    pointer-events:none;

    transform:translateY(-50%) scale(.95);

    transition:
        opacity .3s ease,
        transform .3s ease;

    z-index:9998;
}

#preview-image{

    width:100%;
    height:100%;

    object-fit:cover;

    border-radius:8px;

    transition:transform .4s ease;

    box-shadow:
        0 20px 60px rgba(0,0,0,.4);
}

/* =====================================
   サムネ一覧
===================================== */

#scene-gallery{

    position:fixed;

    right:20px;
    top:50%;

    transform:translateY(-50%);

    display:flex;
    flex-direction:column;

    gap:8px;

    z-index:9999;
}

#scene-gallery img{

    width:70px;
    height:70px;

    object-fit:cover;

    border-radius:4px;

    cursor:pointer;

    opacity:.6;

    filter:grayscale(100%);

    transition:
        opacity .25s ease,
        filter .25s ease,
        transform .25s ease;
}

#scene-gallery img:hover{

    opacity:1;

    filter:none;

    transform:scale(1.1);
}

/* =====================================
   モバイル非表示
===================================== */

@media(max-width:1024px){

    #scene-gallery,
    #scene-preview{
        display:none;
    }

}/* End custom CSS */