.bg-sticky{
    height:100% !important;
    &:before{
        height:100% !important;
        background-position: center bottom;
        background-size: 1553px auto;
    }
}
.home__container{
    position:relative;
    width:100%;
    max-width:88.6rem;
    padding-top: 11rem;
    padding-bottom: 45rem;
    margin:0 auto;

    & .home__title{
        margin-bottom:1.2rem;
        font-family: var(--font-700);
        font-size:5.3rem;
        text-align: center;
        line-height:calc(68/59);
    }
    & .home__line{
        width:100%;
        margin-bottom: 3rem;
    }
    & .home__information-wrap{
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 3rem;
        & .home__information-box{
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            & .home__information-list{
                margin-top:-0.2rem;
            }
            & h3{
              margin-right:2rem;
              color:var(--theme);
              font-family: var(--font-600);
              font-size:1.6rem;
                line-height:calc(19/16);
            }
            & .home__information-item{
                font-family: var(--font-600c);
                font-size:1.8rem;
                line-height:calc(25/18);
            }
            & .home__information-item.notice{
                color:#666666;
                font-size:1.5rem;
                line-height:calc(25/18);
            }
        }
    }
    & .home__reservation-btn{
        display: flex;
        align-items: center;
        justify-content: center;
        width:37.2rem;
        height:6.5rem;
        padding-left:2.85rem;
        padding-right:2.45rem;
        margin:0 auto;
        margin-bottom:2rem;
        color:#fff;
        font-family: var(--font-600c);
        font-size:2.2rem;
        border-radius: 6rem 6rem 6rem 0;
        background-color:var(--theme);
        box-shadow: 0 0.3rem 2rem rgba(0,0,0,0.16);
        & .s24{
            margin-right:0.4rem;
        }
        & .home__btn-calendar{
            margin-right:1.1rem;
        }
        & .home__btn-arrow{
            width:2.6rem;
            margin-left:auto;
        }
    }
    & .home__notice{
        font-family: var(--font-400c);
        font-size:1.5rem;
        line-height:calc(21/15);
        text-align: center;
        word-break: keep-all;
    }
    & .home__sticky-wrap{
        display: none;
    }
    & .home__review-slider{
        position:absolute;
		z-index:3;
        bottom:0;
        left:50%;
        transform: translateX(-50%);
        &.fixed{
            position:fixed;
            bottom:30px;
        }
        & .home__review-title{
            display: flex;
            align-items: center;
            justify-content: center;
            position:relative;
            width:22.7rem;
            height:3.3rem;
            margin-left:2.6rem;
            margin-bottom:-1.1rem;
            color:#fff;
            font-family: var(--font-700c);
            font-size:1.6rem;
            background-color:var(--navy);
            border-radius: 3rem 3rem 3rem 0;
            box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0,0.16);
            z-index: 1;
        }
        & .home__review-box{
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            width:55.6rem;
            height:6rem;
            padding:0 5.3rem 0 2.5rem;
            border:3px solid var(--theme);
            border-radius: 3rem;
            background-color:rgba(255,255,255,1);
            box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0,0.16);
            cursor: pointer;
            & img{
                position:absolute;
                top:50%;
                right:2rem;
                transform: translateY(-50%);
                width:2.3rem;
            }
        }
        & .home__review-list-box{
            width:46.1rem;
            height:2.3rem;
            overflow: hidden;
        }
        & .home__review-list{
            & .home__review-item{
                height:100%;
                padding-top:0.2rem;
                color:var(--navy);
                font-family: var(--font-700c);
                font-size:1.8rem;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                word-break: break-all;
            }
        }
    }
}
.home__review-popup{
    display: none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height: calc(var(--vh, 1vh)* 100);
    z-index:20;
    &.active{
        display: block;
    }
    & .home__review-bg{
        width:100%;
        height:100%;
        padding:6.1rem 0;
        background-color:rgba(0,0,0,0.9);
        overflow: hidden;
        & .home__review-popup-wrap{
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            width:50.8rem;
            height:100%;
            margin:0 auto;
            border:2px solid #fff;
            border-radius: 3rem;
            & .home__review-top{
                display: flex;
                align-items: center;
                justify-content: flex-start;
                flex-shrink: 0;
                height:6.35rem;
                padding:0 1.7rem 0 2rem;
                margin-bottom:1px;
                color:#fff;
                font-family: var(--font-700);
                font-size:2.1rem;
                border-bottom:1px dashed #fff;
                & button{
                    display: block;
                    margin-left: auto;
                }
                & img{
                    display: block;
                    width:2.8rem;
                    transform: rotate(45deg);
                }
            }
            & .home__review-popup-list{
                display: flex;
                flex-direction: column-reverse;
                align-items: flex-start;
                flex-grow: 1;
                margin:0 1.1rem 1.8rem 1.8rem;
                padding-right:1.9rem;
                overflow: auto;
                &::-webkit-scrollbar-track {
                    background: transparent;
                }
                &::-webkit-scrollbar-thumb {
                    background-color: var(--theme);
                    border-radius: 1rem;
                }
                & .home__review-popup-item{
                    display: inline-flex;
                    align-items: flex-start;
                    padding:1.5rem;
                    margin-top:1rem;
                    border:2px solid rgba(255,255,255,0.4);
                    border-radius: 2.7rem;
                    &:last-child{
                        margin-top:1rem;
                    }
                    & a {
                        color:#BDD9FF;
                        font-family: var(--font-500c);
                        font-size:1.8rem;
                        text-decoration: underline;
                        word-break: break-all;
                    }
                    & p{
                        color:#fff;
                        font-family: var(--font-500c);
                        font-size:1.8rem;
                        word-break: keep-all;
                    }
                    & span{
                        flex-shrink: 0;
                        margin-right:0.8rem;
                        color:#BDD9FF;
                        font-family: var(--font-500c);
                        font-size:1.8rem;
                    }
                    & .home__review-image{
                        display:inline-block;
                        margin-top:0.6rem;
                        border-radius: 1.2rem;
                        overflow: hidden;
                        img{
                            display: block;
                            max-width:33rem;
                            max-height:25.6rem;
                        }
                    }
                }
            }
        }
    }
}
.event__popup{
    display: none !important;
    position:fixed;
    left:2rem;
    bottom:2rem;
    width:40.9rem;
    padding:3.4rem 3rem 1.95rem;
    background-color:#fff;
    border-radius: 3rem 3rem 0 0;
    box-shadow: 0 0.3rem 3rem rgba(0,0,0,0.16);
    z-index:100;
    & .event__popup-header{
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-family: var(--font-700);
        font-size:2.3rem;
        button{
            width:1.8rem;
            height:1.8rem;
        }
    }
    & .event__popup-content{
        width:100%;
        height:26.7rem;
        background-color:#eee;
    }
    & .event__popup-footer{
        margin-top:1.35rem;
        button{
            display: flex;
            align-items: center;
            justify-content: flex-start;
            color:#666;
            font-family: var(--font-600);
            font-size:1.8rem;
            img{
                margin-right:0.6rem;
            }
        }

    }
}
@media screen and (max-width:1024px){
    .bg-sticky{
        &:before{
            position:static;
            height:100%;
        }
    }
}
@media screen and (max-width:600px) {

    .bg-sticky{
        &:before{
            background-image: url('/src/assets/images/main/main-bg-mo.jpg');
            background-size: cover;
            background-position: center bottom;
        }
    }
    .home__container{
        padding-top:10.54rem;
        padding-bottom:26rem;
        padding-inline: 1.47rem;
        & .home__title{
            margin-bottom: 1.8rem;
            font-size:2.42rem;
        }
        & .home__line{
            display: none;
        }
        & .home__information-wrap{
            flex-direction: column;
            margin-bottom: 2rem;
            padding:1.682rem 2.559rem 1.682rem 1.76rem;
            border:2px solid var(--theme);
            border-radius: 1.2rem;
            background-color:#fff;
            & .home__information-box{
                & .home__information-list{
                    margin-top:-0.2rem;
                }
                & h3{
                    flex-shrink: 0;
                    margin-right:0.74rem;
                    font-size:1.1rem;
                }
                & .home__information-item{
                    font-size:1.25rem;
                    letter-spacing:-0.025em;
                }
                & .home__information-item.notice{
                    font-size:1.024rem;
                }
                &:nth-child(1){
                    margin-bottom:1.1rem;
                }
            }
        }
        & .home__reservation-btn{
            width:21.2rem;
            height:3.95rem;
            padding-left:1.53rem;
            padding-right:1.65rem;
            margin-bottom:1.03rem;
            font-size:1.32rem;
            & .s24{
                margin-right:0.4rem;
            }
            & .home__btn-calendar{
                width:1.54rem;
                margin-right:0.53rem;
            }
            & .home__btn-arrow{
                width:1.54rem;
                margin-left:auto;
            }
        }
        & .home__notice{
            padding-inline: 1rem;
            font-size:0.96rem;
            & br{
                display:none;
            }
        }
        & .home__review-slider{
            bottom:0;
            &.fixed{
            bottom:10px;
            }
            & .home__review-title{
                width:16.7rem;
                height:2.42rem;
                margin-left:1.83rem;
                margin-bottom:-0.7rem;
                font-size:1.17rem;
            }
            & .home__review-box{
                width:33.5rem;
                height:4.4rem;
                padding:0 3.83rem 0 1.83rem;
                & img{
                    right:1.5rem;
                    width:1.682rem;
                }
            }
            & .home__review-list-box{
                width:46.1rem;
                height:2.3rem;
            }
            & .home__review-list{
                & .home__review-item{
                    margin-top:0.3rem;
                    font-size:1.32rem;
                }
            }
        }
    }
    .home__review-popup{
        padding:0;
        & .home__review-bg{
            padding:1.61rem 0.81rem 2.4rem;
            border-radius: 0;
            overflow: hidden;
            & .home__review-popup-wrap{
                width:34rem;
                border-radius: 2rem;
                & .home__review-top{
                    height:4.642rem;
                    padding:0 1.1rem 0 1.426rem;
                    font-size:1.54rem;
                    & img{
                        width:2.05rem;
                    }
                }
                & .home__review-popup-list{
                    margin:0 1rem 1.2rem 1rem;
                    padding-right:1rem;
                    & .home__review-popup-item{
                        padding:1.34rem;
                        margin-top:0.7rem;
                        border-radius: 2.3rem;
                        & a {
                            font-size:1.32rem;
                        }
                        & p{
                            font-size:1.32rem;
                        }
                        & span{
                            margin-right:0.8rem;
                            font-size:1.32rem;
                        }
                        & .home__review-image{
                            img{
                                max-width:23.4rem;
                                max-height:18.72rem;
                            }
                        }
                    }
                }
            }
        }
    }
    .event__popup{
        position:fixed;
        left:1.4rem;
        bottom:1.4rem;
        width:32.61rem;
        padding:2.05rem 2.2rem 1.6rem;
        border-radius:2rem 2rem 0 0;
        & .event__popup-header{
            font-size:1.8rem;
            button{
                width:1.5rem;
                height:1.5rem;
            }
        }
        & .event__popup-content{
            height:19.4rem;
        }
        & .event__popup-footer{
            margin-top:1.35rem;
            button{
                font-size:1.4rem;
                img{
                    margin-right:0.6rem;
                }
            }

        }
    }
}
@media screen and (max-width:486px) {
    .bg-sticky{
        &:before{
            background-image: url('/src/assets/images/main/main-bg-mo.jpg');
            background-size: 113%;
            background-position: center -22vw;
        }
    }
    .home__container{
        padding-top:13rem;
        padding-bottom:29rem;
        & .home__information-wrap{
            background:none !important;
            & .home__information-box {
               & h3 {font-family: var(--font-700c);}
            }
        }
    }
}
@media screen and (min-width: 1921px) {
    .bg-sticky:before {
        background-position: center bottom -4vw;
        background-size: 90vw auto;
    }

    .home__container {
				min-height: 96vh;
        padding-top: 6vw;
        padding-bottom: 22vw;
        & .home__information-wrap{
            margin-bottom: 5rem;
        }
    }
}