@charset "utf-8";

.tFvBx{
    position: relative;
}

.tFvBx::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: var(--primary);
    opacity: .36;
}

.tConcept {
    position: relative;
}

.tConcept::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#F8F5F200, #F2ECE6);
}

.tConcept::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/system_panel/uploads/images/bg01.jpg) no-repeat center /cover;
    opacity: .66;
}

.tRecBg::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .59;
    background: url(/system_panel/uploads/images/bg02.jpg) no-repeat center /cover;
}

.tRecommended::before,
.tRecommended::after {
    content: "";
    position: absolute;
    z-index: 5;
    right: 0;
    left: 0;
    height: 11px;
    width: 97%;
    margin: 0 auto;
    background: url(/system_panel/uploads/images/top_recommended_decoration01.svg) no-repeat center /cover;
}

.tRecommended::before {
    top: 25px;
}

.tRecommended::after {
    bottom: 25px;
}

.tRecCheckRow::after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    margin: 0 auto;
    height: 1px;
    width: 100%;
    background: url(/system_panel/uploads/images/top_recommended_border.png) no-repeat center /cover;
}

.tMenu::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .65;
    background: url(/system_panel/uploads/images/bg02.jpg) no-repeat center /cover;
}

.tMenuBxL {
    aspect-ratio: 169 / 120;
}

.tGallery{
    position: relative;
}

.tGallery::before{
    content: "";
    top: 0;
    left: 0;
    z-index: 0;
    position: absolute;
    background: #F9F6F3;
    opacity: .11;
    width: 100%;
    height: 100%;
}

.tGalleryArrowPrev, 
.tGalleryArrowNext{
    cursor: pointer;
    transition: all .3s;
} 

.tGalleryArrowPrev:hover, 
.tGalleryArrowNext:hover{
    opacity: .7;
} 

.tShop::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .59;
    background: url(/system_panel/uploads/images/bg02.jpg) no-repeat center /cover;
}

.tRsvLinkBtn .telWrap{
    flex: 1;
}

.tReserve::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .26;
    background: url(/system_panel/uploads/images/bg06.jpg) no-repeat center /cover;
}


.top_news_wrapper {
    margin-block: 60px !important;
}

.top_news .blog-link {
    padding-block: 12px;
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1024px) {
    .top_news_wrapper {
        margin-block: 80px 120px !important;
    }

    .top_news {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 56px;
    }

    .top_news .tNewsBxT {
        flex-direction: column;
        gap: 40px;
    }

    .top_news .tNewsBtnBx {
        width: 286px;
    }

    .top_news .tNewsBxB {
        width: 70%;
    }

    .top_news .blog-link {
        padding-block: 24px;
    }
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1440px) {

    .tFvTxt01 {
        font-size: 40px !important;
    }

    .tFvTit01 {
        font-size: 147px !important;
    }

    .tFvTxt02 {
        font-size: 38px !important;
    }

    .tCptImg02 {
        bottom: -23% !important;
    }

    .tLinkTit {
        font-size: 74px !important;
    }

}

/* min-width: 1440px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1600px) {

    .tCptImg02 {
        left: -18% !important;
    }

}

/* min-width: 1600px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */