.higashikagura-top-hero {
    --hth-video-width: var(--hth-pc-video-width);
    --hth-top-space: var(--hth-pc-top-space);
    --hth-left-width: var(--hth-pc-left-width);
    --hth-left-offset: var(--hth-pc-left-offset);
    --hth-left-bottom: var(--hth-pc-left-bottom);
    --hth-right-width: var(--hth-pc-right-width);
    --hth-right-offset: var(--hth-pc-right-offset);
    --hth-right-bottom: var(--hth-pc-right-bottom);
    box-sizing: border-box;
    position: relative;
    isolation: isolate;
    width: 100%;
    margin: 0;
    padding: var(--hth-top-space) 0 40px;
    background-color: #FEDFD0;
}
.higashikagura-top-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: var(--hth-background, none);
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
}
.higashikagura-top-hero__stage {
    position: relative;
    overflow: visible;
    width: min(100%, var(--hth-video-width));
    aspect-ratio: 1920 / 700;
    margin: 0 auto;
}
.higashikagura-top-hero__video {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1920 / 700;
    object-fit: contain;
}
.higashikagura-top-hero__flower {
    position: absolute;
    z-index: 5;
    display: block;
    height: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    pointer-events: none;
}
.higashikagura-top-hero__flower--left {
    width: 434px !important;
    left: var(--hth-left-offset);
    bottom: var(--hth-left-bottom);
}
.higashikagura-top-hero__flower--right {
    width: 434px !important;
    right: var(--hth-right-offset);
    bottom: var(--hth-right-bottom);
}
@media (min-width: 768px) {
    .higashikagura-top-hero {
        aspect-ratio: 1 / var(--hth-background-ratio, 0.5625);
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .higashikagura-top-hero .higashikagura-top-hero__flower--left,
    .higashikagura-top-hero .higashikagura-top-hero__flower--right {
        width: 280px !important;
    }
    .higashikagura-top-hero {
        --hth-video-width: var(--hth-tablet-video-width);
        --hth-top-space: var(--hth-tablet-top-space);
        --hth-left-width: var(--hth-tablet-left-width);
        --hth-left-offset: var(--hth-tablet-left-offset);
        --hth-left-bottom: var(--hth-tablet-left-bottom);
        --hth-right-width: var(--hth-tablet-right-width);
        --hth-right-offset: var(--hth-tablet-right-offset);
        --hth-right-bottom: var(--hth-tablet-right-bottom);
    }
}
@media (max-width: 767px) {
    .higashikagura-top-hero {
        --hth-video-width: var(--hth-mobile-video-width);
        --hth-top-space: var(--hth-mobile-top-space);
        --hth-left-width: var(--hth-mobile-left-width);
        --hth-left-offset: var(--hth-mobile-left-offset);
        --hth-left-bottom: var(--hth-mobile-left-bottom);
        --hth-right-width: var(--hth-mobile-right-width);
        --hth-right-offset: var(--hth-mobile-right-offset);
        --hth-right-bottom: var(--hth-mobile-right-bottom);
        min-height: 0;
        padding-bottom: 0;
        overflow: hidden;
        background: linear-gradient(
            to bottom,
            #fff 0,
            #fff calc(var(--hth-top-space) + 36.458333vw),
            #FEDFD0 calc(var(--hth-top-space) + 36.458333vw),
            #FEDFD0 100%
        );
    }
    .higashikagura-top-hero::before {
        display: none;
    }
    .higashikagura-top-hero__stage {
        width: 100vw;
        max-width: 100vw;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 40px;
    }
    .higashikagura-top-hero__video {
        width: 100%;
        max-width: 100%;
        transform: none;
    }
    .higashikagura-top-hero .higashikagura-top-hero__flower {
        display: block !important;
        width: 75px !important;
        bottom: -35px;
    }
    .higashikagura-top-hero .higashikagura-top-hero__flower--left {
        left: 0;
    }
    .higashikagura-top-hero .higashikagura-top-hero__flower--right {
        right: 0;
    }
}
