@charset "UTF-8";

/*-- .valentine2024__wrapperを先頭につける --*/
.valentine2024__wrapper{}
.valentine2024__wrapper a{
    transition: all .2s ease-in 0s;
}
/*.valentine2024__wrapper a:hover{
    opacity: .6;
}*/
.valentine2024__wrapper img{
    width: 100%;
    height:auto;
}
.valentine2024__wrapper ul{list-style: none;margin: 0;padding: 0;}
.valentine2024__wrapper .t__center{text-align: center;}
.valentine2024__wrapper .mark-txt{
    margin-left: 1em;
    text-indent: -1em;
}
.valentine2024__wrapper .kome-txt{
    font-size: 11px;
}
.valentine2024__wrapper .pc7-2024{
    display: block;
}
.valentine2024__wrapper .sp7-2024{
    display: none;
}
.valentine2024__wrapper .sp-2024{
    display: none;
}
/*-- Flex --*/
.valentine2024__wrapper .c-fl{display: flex;flex-wrap: wrap;}
.valentine2024__wrapper .c-fl__bet{display: flex;flex-wrap: wrap;justify-content: space-between;}
.valentine2024__wrapper .c-fl.c-fl__center,.valentine2024__wrapper .c-fl__bet.c-fl__center{justify-content: center; align-items: center;}
.valentine2024__wrapper .c-fl__3l,.valentine2024__wrapper .c-fl__3r,.valentine2024__wrapper .c-fl__3c{width:33.33333333%;}
.valentine2024__wrapper .c-fl__6l,.valentine2024__wrapper .c-fl__6r{width:60%;}
.valentine2024__wrapper .c-fl__5l,.valentine2024__wrapper .c-fl__5r,.valentine2024__wrapper .c-fl__left,.valentine2024__wrapper .c-fl__right{width:50%;}
.valentine2024__wrapper .c-fl__4l,.valentine2024__wrapper .c-fl__4r{width:40%;}
.valentine2024__wrapper .c-fl__5l,.valentine2024__wrapper .c-fl__6l,.valentine2024__wrapper .c-fl__left{padding-right:30px;}
.valentine2024__wrapper .c-fl__5r,.valentine2024__wrapper .c-fl__6r,.valentine2024__wrapper .c-fl__right{padding-left:30px;}
.valentine2024__wrapper .c-fl__4l{padding-right:30px;}
.valentine2024__wrapper .c-fl__4r{padding-left:30px;}
.valentine2024__wrapper .c-fl__3l{padding-right:30px;}
.valentine2024__wrapper .c-fl__3r{padding-left:30px;}
.valentine2024__wrapper .c-fl__3c{padding:0 15px;}
.valentine2024__wrapper .c-fl__2{width:calc(100%/2 - 15px);}
.valentine2024__wrapper .c-fl__3{width:calc(100%/3 - 20px);}
.valentine2024__wrapper .c-fl__4{width:calc(25% - 45px / 3);}
.valentine2024__wrapper .c-pc-7{display: block;}
.valentine2024__wrapper .c-sp-7{display: none;}
@media (max-width:767px){
.valentine2024__wrapper .pc7-2024{
    display:none;
}
.valentine2024__wrapper .sp7-2024{
    display: block;
}
.valentine2024__wrapper .kome-txt{
    font-size: 10px;
}
.valentine2024__wrapper .c-fl__2{width:100%;}
.valentine2024__wrapper .c-fl__3{width:calc(50% - calc(15px / 2));}
.valentine2024__wrapper .c-fl__4{width:100%;}
.valentine2024__wrapper .c-pc-7{display: none;}
.valentine2024__wrapper .c-sp-7{display: block;}
}
@media (max-width:480px){
.valentine2024__wrapper .sp-2024{
    display: block;
}    
}
/*-- main --*/
.valentine2024__wrapper main{position: relative;}
.valentine2024__wrapper main::before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: url(../img/contents_all_bg.jpg)repeat center/100% auto;
    z-index: 0;
}
.valentine2024__wrapper .l-container{
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
}
.valentine2024__wrapper .l-container{
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
}
.valentine2024__wrapper .sectionVox {
    margin: 0 auto 30px;
    padding: 80px 0 80px;
    position: relative;
}
/*-- MV --*/
body.common .valentine2024__wrapper #content {
    padding-top: calc(59.1666667% - 70px);
    padding-bottom: 0;
}
.valentine2024__wrapper #v__mv{
    margin: 0;
}
.valentine2024__wrapper #v__mv::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 69.4444444%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/mv_ribon.png)no-repeat center /cover;
    z-index: 3;
}
.valentine2024__wrapper #v__mv::after {
    display: block;
    content: "";
    width: 100%;
    padding-top: 59.1666667%;
    position: absolute;
    top: 0px;
    left: 0;
    background: url(../img/mv.png)no-repeat center /cover;
    z-index: 2;
}
.valentine2024__wrapper #v__mv .title{
    position: absolute;
    top:10px;
    width: 100%;
    height: 59.1666667%;
}
.valentine2024__wrapper #v__mv .title h1{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    z-index: 10;
    opacity: 0;
    transform: translateY(40px);
    transition: all .7s ease-out;
}
.valentine2024__wrapper #v__mv .title.mv__active h1{
    transform: translateY(0);
    transition-delay: .5s;
    opacity: 1;
}
.valentine2024__wrapper #v__mv .title .mv__deco{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    z-index: 8;
    opacity: 0;
    transition: all .7s;
}
.valentine2024__wrapper #v__mv .title.mv__active .mv__deco{
    opacity: 1;
}
/*-- topsection2024 --*/
.valentine2024__wrapper #topsection2024{
    position: relative;
    padding: 180px 0 60px;
    background: url(../img/contents_top_bg.png)no-repeat center center/ cover;
    z-index: 1;
}
.valentine2024__wrapper #topsection2024 .title__area{
    position: relative;
    padding: 0px 0 100px;
}
.valentine2024__wrapper #topsection2024 .title__area h2{
    position: relative;
    font-size: 22px;
    font-weight: 500;
    color:#7c2621;
    text-align: center;
}
.valentine2024__wrapper #topsection2024 .title__area img{
    content:'';
    position: absolute;
    top:-50px;
    right:0%;
    width:100%;
    max-width: initial;
}
.valentine2024__wrapper .v__menu2024{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    margin:0px 0 0px;
    gap:40px;
    z-index: 5;
}
.valentine2024__wrapper #topsection2024 .v__menumargin2024.active__mr{
    width:100%;
    height:120px;
}
.valentine2024__wrapper .v__menu2024.active__menu{
    position: fixed;
    top:210px;
    left:50%;
    transform: translateX(-50%);
    width: 1150px;
    z-index: 1000;
    transition: opacity .5s ease;
}
.valentine2024__wrapper .v__menu2024.active__menu.is-hidden{
    opacity: 0;
    pointer-events: none;
}
.valentine2024__wrapper .v__menu2024 li{
    position: relative;
    width:calc(100% / 3);
    max-width: 260px;
    background: #fff;
    border:1px solid #7c2621;
    z-index: 1;
}
.valentine2024__wrapper .v__menu2024 li a::before{
    content:'';
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:calc(100% - 8px);
    height:calc(100% - 8px);
    border:1px solid #7c2621;
    z-index: 0;
}
.valentine2024__wrapper .v__menu2024 li a{
    position: relative;
    display: block;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    color:#7c2621;
    text-decoration: none;
    padding: 20px 10px;
}
.valentine2024__wrapper .v__menu2024 li a span{
    font-size: 24px;
    display: block;
    margin: 0 0 10px;
}
.valentine2024__wrapper .v__menu2024 li:hover a{
    opacity: 1;
    color:#fff;
    background: #7c2621;
}
.valentine2024__wrapper .v__menu2024 li:hover a::before{
    border:1px solid #fff;
}
.valentine2024__wrapper .v__menu2024 li a.active{
    color: #fff;
    background: #7c2621;
}
.valentine2024__wrapper .v__menu2024 li a.active::before{
    content:'';
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:calc(100% - 8px);
    height:calc(100% - 8px);
    border:1px solid #fff;
    z-index: 10;
}
/*-- space__2024 --*/
.valentine2024__wrapper .space__2024{
    padding: 20px 0;
    margin: 0 auto;
    max-width: 1150px;
}
.valentine2024__wrapper .space__2024 img{
    position: relative;
}
/*-- v__contents2024 --*/
.valentine2024__wrapper #restaurant,
.valentine2024__wrapper #stay,
.valentine2024__wrapper #escoffier,
.valentine2024__wrapper #lobby,
.valentine2024__wrapper #spa{margin-top:-350px;padding-top:350px;}
.valentine2024__wrapper .section__bg2024{
    position: relative;
    padding: 0px 0 180px;
    margin-top:0px;
    z-index: 0;
}
.valentine2024__wrapper .v__contents2024{
    padding: 0;
    margin-bottom: 0;
}
.valentine2024__wrapper .v__contents2024 .l-inner{
    position: relative;
    flex-direction: row-reverse;
    overflow: hidden;
    background: url(../img/contents_bg.png)no-repeat center/cover;
    z-index: 0;
}
.valentine2024__wrapper .v__contents2024 .r-inner{
    position: relative;
    overflow: hidden;
    background: url(../img/contents_bg.png)no-repeat center/cover;
    z-index: 0;
}
.valentine2024__wrapper .v__contents2024 .img__left,
.valentine2024__wrapper .v__contents2024 .img__right{
    position: absolute;
    overflow: hidden;
    width:58%;
    z-index: 1;
}
.valentine2024__wrapper .v__contents2024 .img__left{
    left:0;
}
.valentine2024__wrapper .v__contents2024 .img__right{
    right:0;
}
.valentine2024__wrapper .v__contents2024 .r-inner .img__right{
    order: 2;
}
.valentine2024__wrapper .v__contents2024 .txt__area{
    position: relative;
    width:100%;
    color:#ffffff;
    z-index: 0;
}
.valentine2024__wrapper .v__contents2024 .txt__area .txt__area__inner{
    width:42%;
    padding: 50px 40px;
    color:#ffffff;
    z-index: 0;
}
.valentine2024__wrapper .v__contents2024 .l-inner .txt__area .txt__area__inner{
    margin-left: auto;
}
.valentine2024__wrapper .v__contents2024 .r-inner .txt__area{
    order: 1;
}
.valentine2024__wrapper .v__contents2024 .txt__area h2{
    font-size: 20px;
    font-weight: 500;
    display: block;
    height:36px;
    color:#fff;
}
.valentine2024__wrapper .v__contents2024 .l-inner .txt__area h2{
    margin-right: 30px;
    background: url(../img/contents_bg_title.svg)repeat center left/auto 100%;
}
.valentine2024__wrapper .v__contents2024 .l-inner .txt__area h2::before{
    content:'';
    position: absolute;
    left:0;
    display: block;
    width:1000px;
    height:36px;
    color:#fff;
    background: url(../img/contents_bg_title.svg)repeat center/auto 100%;
    z-index: -1;
}
.valentine2024__wrapper .v__contents2024 .l-inner .txt__area h2::after{
    content:'';
    position: absolute;
    top:50px;
    right: 40px;
    display: block;
    width:30px;
    height:36px;
    color:#fff;
    background: url(../img/contents_bg_title_right.svg)no-repeat center/100% 100%;
    z-index:2; 
}
.valentine2024__wrapper .v__contents2024 .r-inner .txt__area h2{
    margin-right: 0px;
    background: url(../img/contents_bg_title.svg)repeat center right/auto 100%;
}
.valentine2024__wrapper .v__contents2024 .r-inner .txt__area h2::before{
    content:'';
    position: absolute;
    left:30px;
    display: block;
    width:1150px;
    height:36px;
    color:#fff;
    background: url(../img/contents_bg_title.svg)repeat center/auto 100%;
    z-index: -1;
}
.valentine2024__wrapper .v__contents2024 .r-inner .txt__area h2::after{
    content:'';
    position: absolute;
    top:50px;
    left:0px;
    display: block;
    width:30px;
    height:36px;
    color:#fff;
    transform: rotate(180deg);
    background: url(../img/contents_bg_title_right.svg)no-repeat center left/ auto 100% ;
    z-index:2; 
}
.valentine2024__wrapper .v__contents2024 .txt__area .name2024{
    font-size: 18px;
    font-weight: 500;
    margin:5px 0 0px;
}
.valentine2024__wrapper .v__contents2024 .txt__area .description2024{
    margin: 15px 0;
}
.valentine2024__wrapper .v__contents2024 .txt__area time{}
.valentine2024__wrapper .v__contents2024 .txt__area .price2024{
    font-size: 20px;
    font-weight: 700;
    margin-top: 0px;
}
.valentine2024__wrapper .v__contents2024 .txt__area .price2024 span{
    font-size: 12px;
}
.valentine2024__wrapper .v__contents2024 .txt__area a{
    position: relative;
    display: inline-block;
    width:140px; 
    border:1px solid #fff;
    border-radius: 15px;
    margin: 30px 0 0;
    color:#fff;
    text-align: center;
    text-decoration: none;
}
.valentine2024__wrapper .v__contents2024 .txt__area a::before{
    content:'';
    position: absolute;
    top:50%;
    right:15px;
    display: inline-block;
    width:8px;
    height:8px;
    border-top:1px solid #fff;
    border-right:1px solid #fff;
    transform: translateY(-50%)rotate(45deg);
    transition: all .5s;
}
.valentine2024__wrapper .v__contents2024 .txt__area a:hover{
    opacity: 1;
    background: #fff;
    color:#320000;
}
.valentine2024__wrapper .v__contents2024 .txt__area a:hover::before{
    right:10px;
    border-top:1px solid #320000;
    border-right:1px solid #320000;
}
@media only screen and (max-width: 767px) {
/*-- main --*/
body.common .valentine2024__wrapper #content {
    padding-bottom: 0px;
    padding-top: calc(55.4% - 120px);
}
.valentine2024__wrapper .l-container,.valentine2024__wrapper .l-container-news{
    padding: 0 35px;
}
.valentine2024__wrapper .v__contents2024 .l-container{
    padding: 0;
}
/*-- MV --*/
.valentine2024__wrapper #v__mv::after {
    top:-90px;
}
.valentine2024__wrapper #v__mv .title{
    top:-80px;
}
/*-- topsection2024 --*/
.valentine2024__wrapper #topsection2024{
    padding: 120px 0 60px;
    background: url(../img/contents_top_bg.png)no-repeat center / cover;
}
.valentine2024__wrapper #topsection2024 .title__area{
    position: relative;
    padding: 0px 0 60px;
}
.valentine2024__wrapper #topsection2024 .title__area h2{
    font-size: 18px;
}
.valentine2024__wrapper #topsection2024 .title__area img{
    position: absolute;
    top:30%;
    width:100%;
    max-width: initial;
}
/*-- v__menu2024 --*/
.valentine2024__wrapper .v__menu2024{
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap:0;
    width:calc(100% + 70px);
    margin-left:-35px;
    margin-right:-35px;
}
.valentine2024__wrapper #topsection2024 .v__menumargin2024.active__mr{
    width:100%;
    height:130px;
}
.valentine2024__wrapper .v__menu2024.active__menu{
    top:110px;
    width: 100%;
    margin: 0;
    z-index: 54;
    left: 0;
    transform: translateX(0);
}
.valentine2024__wrapper .v__menu2024 li{
    width:calc(100% / 3 - 6px);
    max-width: initial;
}
.valentine2024__wrapper .v__menu2024 li a{
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    color:#a68455;
    text-decoration: none;
    padding: 10px 10px;
}
.valentine2024__wrapper .v__menu2024 li a span{
    font-size: 1.5rem;
    display: block;
    margin: 0 0 10px;
}

/*-- v__contents2024 --*/
.valentine2024__wrapper #restaurant,
.valentine2024__wrapper #stay,
.valentine2024__wrapper #escoffier,
.valentine2024__wrapper #lobby,
.valentine2024__wrapper #spa{margin-top:-250px;padding-top:250px;}
.valentine2024__wrapper .section__bg2024{
    position: relative;
    padding: 0px 0 180px;
}
.valentine2024__wrapper .section__bg2024::before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: url(../img/contents_all_bg.jpg)repeat center/100% auto;
}
.valentine2024__wrapper .v__contents2024 .l-inner{
    background: url(../img/contents_bg.png)no-repeat center left/cover;
}
.valentine2024__wrapper .v__contents2024 .r-inner{
    background: url(../img/contents_bg.png)no-repeat center right/cover;
}
.valentine2024__wrapper .v__contents2024 .r-inner .img__right{
    order: 1;
}
.valentine2024__wrapper .v__contents2024 .r-inner .txt__area{
    order: 2;
}
.valentine2024__wrapper .v__contents2024 .img__left,
.valentine2024__wrapper .v__contents2024 .img__right{
    position: relative;
    width:100%;
    z-index: 5;
}
.valentine2024__wrapper .v__contents2024 .txt__area .txt__area__inner{
    width:100%;
    padding:40px;
}
.valentine2024__wrapper .v__contents2024 .l-inner .txt__area .txt__area__inner{
    margin-left: 0;
}
.valentine2024__wrapper .v__contents2024 .l-inner .txt__area h2{
    position: relative;
    display: inline-block;
    margin-right: 0px;
    padding-right: 10px;
    background: url(../img/contents_bg_title.svg)repeat center left/auto 100%;
}
.valentine2024__wrapper .v__contents2024 .l-inner .txt__area h2::before{
    content:'';
    position: absolute;
    left:auto;
    right:100%;
    display: block;
    width:100px;
    height:36px;
    color:#fff;
    background: url(../img/contents_bg_title.svg)repeat center/auto 100%;
    z-index: -1;
}
.valentine2024__wrapper .v__contents2024 .l-inner .txt__area h2::after{
    top:0px;
    right: -30px;
    display: block;
    width:30px;
    height:36px;
    color:#fff;
    background: url(../img/contents_bg_title_right.svg)no-repeat center left/100% 100%;
    z-index:2; 
}
.valentine2024__wrapper .v__contents2024 .r-inner .txt__area h2{
    font-size: 18px;
    position: relative;
    display: inline-block;
    margin-right: 0px;
    padding-right: 10px;
    background: url(../img/contents_bg_title.svg)repeat center right/auto 100%;
}
.valentine2024__wrapper .v__contents2024 .r-inner .txt__area h2::before{
    left:auto;
    right:100%;
    width:100px;
    height:36px;
    background: url(../img/contents_bg_title.svg)repeat center/auto 100%;
    z-index: -1;
}
.valentine2024__wrapper .v__contents2024 .r-inner .txt__area h2::after{
    top:0px;
    left: auto;
    right: -30px;
    display: block;
    width:30px;
    height:36px;
    color:#fff;
    transform: rotate(0);
    background: url(../img/contents_bg_title_right.svg)no-repeat center left/ 100% 100% ;
    z-index:2; 
}
.valentine2024__wrapper .v__contents2024 .r-inner .txt__area h2.txt18,
.valentine2024__wrapper .v__contents2024 .l-inner .txt__area h2.txt18{
    font-size: 18px;
    padding-right: 0px;
}
.valentine #contactBtn {
    display: block;
    width: 30px;
    position: fixed;
    top: 200px;
    right: 0;
    z-index: 80;
}
}
@media only screen and (max-width: 640px) {
/*-- main --*/
body.common .valentine2024__wrapper #content {
    padding-bottom: 0px;
    padding-top: calc(55.4% - 0px);
}
/*-- MV --*/
.valentine2024__wrapper #v__mv::after {
    top:0px;
    z-index: 2;
}
.valentine2024__wrapper #v__mv .title{
    top:10px;
}
/*-- topsection2024 --*/
.valentine2024__wrapper #topsection2024{
    padding: 60px 0 60px;
}
/*-- v__menu2024 --*/
.valentine2024__wrapper .v__menu2024.active__menu{
    width:calc(100%);
    margin: 0;
    z-index: 54;
    left: 0;
    transform: translateX(0);
}
.valentine2024__wrapper .v__menu2024 li{
    width:calc(100% / 3 - 6px);
    max-width: initial;
}
.valentine2024__wrapper .v__menu2024 li a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.0rem;
    padding: 10px;
}
.valentine2024__wrapper .v__menu2024 li a::before{
    width:calc(100% - 4px);
    height:calc(100% - 4px);
}
.valentine2024__wrapper .v__menu2024 li a span{
    font-size: 1.2rem;
    display: block;
    margin: 0 0 5px;
}
/*-- v__contents2024 --*/
.valentine2024__wrapper #restaurant,
.valentine2024__wrapper #stay,
.valentine2024__wrapper #escoffier,
.valentine2024__wrapper #lobby,
.valentine2024__wrapper #spa{margin-top:-230px;padding-top:230px;}
}
@media only screen and (max-width: 480px) {
/*-- v__menu2024 --*/
.valentine2024__wrapper .v__menu2024 li,
.valentine2024__wrapper .v__menu2024 li a{height:49px;}
}

/*- ------------ -*/
/*- アニメーション -*/
/*- ------------ -*/
/*--------*/
/*- FADE -*/
/*--------*/
.fadein,.fadein-top{
    -webkit-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    opacity: 0;
}
.fadein.active,.is_active .fadein-top{
    opacity: 1;
}
/*----------------*/
/*- 下からスライド -*/
/*----------------*/
.botin,.botin-top{
    -webkit-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    opacity: 0;
    transform: translateY(30px);
}
.botin.active,.is_active.botin-top{
    opacity: 1;
    transform: translateY(0);
}

/*----------------*/
/*- 左からスライド -*/
/*----------------*/
.leftin{
    -webkit-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    opacity: 0;
    transform: translateX(-30px);
}
.leftin.active{
    opacity: 1;
    transform: translateX(0);
}

/*----------------*/
/*- 右からスライド -*/
/*----------------*/
.rightin{
    -webkit-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    opacity: 0;
    transform: translateX(30px);
}
.rightin.active{
    opacity: 1;
    transform: translateX(0);
}

.tr-delay-25{
    transition-delay: .25s;
}
.tr-delay-50{
    transition-delay: .50s;
}
.tr-delay-75{
    transition-delay: .75s;
}
.tr-delay-100{
    transition-delay: 1s;
}