/*! CSS Used from: Embedded */
*,:after,:before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box;box-sizing:inherit;}
:after,:before{text-decoration:inherit;vertical-align:inherit;}
*{margin:0;padding:0;}
div,h1,i,span{padding:0;margin:0;font-style:inherit;font-weight:inherit;vertical-align:baseline;background:transparent;border:0;outline:0;}
div,span,h3,p,a,img,ul,li,section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
button{font:inherit;line-height:inherit;}
button{color:inherit;}
i{font-style:italic;}
h1{margin:0 0 40px;font-size:32px;font-size:var(--font-size-xxxl);}
h1{font-weight:300;font-weight:var(--font-weight-light);line-height:1.25;line-height:var(--line-height-sm);}
.h-btn{--disabled-opacity:0.3;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;background:transparent;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:0 1px 1px var(--color-base-shadow);box-shadow:0 1px 1px var(--color-base-shadow);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:48px;padding:0 10px 2px;margin:5px;font-size:get-font-size(md);line-height:1.143;color:var(--color);text-align:center;vertical-align:bottom;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:2px;-webkit-transition:border-color .15s,background-color .15s,color .15s,-webkit-box-shadow .15s;transition:border-color .15s,background-color .15s,color .15s,-webkit-box-shadow .15s;transition:box-shadow .15s,border-color .15s,background-color .15s,color .15s;transition:box-shadow .15s,border-color .15s,background-color .15s,color .15s,-webkit-box-shadow .15s;}
.h-btn,.h-btn:focus,.h-btn:hover{text-decoration:none;}
.h-btn--sm{height:40px;font-size:get-font-size(sm);}
.h-btn--width-sm{min-width:0;}
.h-btn:after,.h-btn:before{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:0;display:block;pointer-events:none;content:"";background:currentColor;border-radius:inherit;opacity:0;-webkit-transition:opacity .25s;transition:opacity .25s;}
.h-btn:before{display:block;}
.h-btn:focus{-webkit-box-shadow:0 1px 1px var(--color-base-shadow),0 1px 3px 2px rgba(0,160,203,.5);box-shadow:0 1px 1px var(--color-base-shadow),0 1px 3px 2px rgba(0,160,203,.5);}
.h-btn:hover:before{opacity:.07;}
.h-btn:active:before{opacity:.14;}
.h-btn__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .15s;transition:opacity .15s;}
.h-btn--plain{--color:var(--color-text-base);--border-color:var(--color-button-border);}
.h-btn--plain{--background-color:var(--color-plain);}
@media screen and (max-width:896px){
.home1-hero{background-image:url('/photo/banner/banner.webp');}
}
@media screen and (min-width:897px){
.home1-hero{background-image:url('/photo/banner/banner.webp');}
}
.h-key-visual{position:relative;width:100%;height:398px;background-repeat:no-repeat;background-size:cover;}
.h-theme--risonare .h-key-visual{height:500px;}
@media (min-width:768px){
.h-key-visual{height:718px;}
.h-theme--risonare .h-key-visual{height:442px;}
}
@media (max-width:320px){
.h-key-visual{height:350px;}
}
.h-photogallery-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;background:transparent;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:33px;padding:0 8px;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-xs);color:var(--color-text-base);vertical-align:bottom;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:var(--color-bg-base);border-radius:2px;-webkit-box-shadow:0 1px 1px var(--color-base-shadow);box-shadow:0 1px 1px var(--color-base-shadow);-webkit-transition:background .15s;transition:background .15s;}
.h-photogallery-btn,.h-photogallery-btn:focus,.h-photogallery-btn:hover{text-decoration:none;}
.h-photogallery-btn:hover{background:hsla(0,0%,100%,.9);}
.h-photogallery-btn__icon{display:inline-block;font-size:135%;vertical-align:middle;}
.h-photogallery-btn__count{display:inline-block;margin-top:-1px;margin-left:.25em;vertical-align:middle;}
.my-hotel-index-view .my-head{position:relative;}
.h-theme--risonare .my-hotel-index-view .my-head__inner{margin-bottom:60px;}
@media (min-width:768px){
.h-theme--risonare .my-hotel-index-view .my-head__inner{margin-bottom:88px;}
}
.h-theme--risonare .my-hotel-index-view .my-head__inner:after{display:none;width:7px;height:7px;margin:24px auto 0;color:#000;content:"";border-color:currentColor;border-right:2px solid;border-bottom:2px solid;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
@media (min-width:768px){
.h-theme--risonare .my-hotel-index-view .my-head__inner:after{display:none;}
}
.my-hotel-index-view .my-head__logo{padding:0;margin:0;font-size:14px;line-height:1;}
.h-theme--risonare .my-hotel-index-view .my-head__logo{margin-top:24px;text-align:center;}
@media (min-width:768px){
.h-theme--risonare .my-hotel-index-view .my-head__logo{margin-top:40px;}
}
.my-hotel-index-view .my-head__gallery-btn{position:absolute;top:10px;right:10px;}
@media (min-width:768px){
.my-hotel-index-view .my-head__gallery-btn{top:10px;right:40px;}
}
@media (max-width:767px){
.my-hotel-index-view .my-head__gallery-btn{display:none;}
}
.cms-risonare .cms-title{margin-top:0;margin-bottom:24px;font-size:28px;font-weight:600;line-height:1.6;text-align:center;letter-spacing:.14em;}
.cms-risonare .cms-content{font-size:18px;line-height:1.7;letter-spacing:.2em;}
@media (min-width:768px){
.cms-risonare{display:flex;flex-direction:column;align-items:center;}
.cms-risonare .cms-title{margin-bottom:40px;font-size:32px;}
.cms-risonare .cms-content{max-width:720px;font-size:22px;}
}
@media (min-width:768px) and (max-width:1023px){
.cms-risonare.h-container{width:100%;max-width:100%;padding-right:20px;padding-left:20px;}
}
.h-theme--risonare .h-theme-lead{letter-spacing:.2em;}
.h-theme--risonare .h-theme-lead:first-letter{float:left;margin-top:-.25em;margin-right:.05em;font-size:200%;font-weight:300;}
.h-theme--risonare .h-theme-lead:after{display:block;clear:both;content:"";}
.h-theme--risonare .h-theme-accent-text{color:inherit!important;background:radial-gradient(50% 50% at 50% 50%,#4bce29 0,#2398d9 50%,#eec904 100%);background-repeat:repeat;background-attachment:local,fixed;background-position:300% 50%;background-size:300px 300px;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:brightness(0);filter:brightness(0);}
.h-theme--risonare .h-theme-accent-text.h-theme-accent-text--booted{-webkit-animation:risonare-theme-accent-text 2.5s .25s forwards;animation:risonare-theme-accent-text 2.5s .25s forwards;}
.h-container{width:100%;padding-right:20px;padding-left:20px;margin-right:auto;margin-left:auto;}
@media (min-width:768px){
.h-container{width:1024px;padding-right:52px;padding-left:52px;}
}
/* .h-ff-secondary{font-family:HEmoji,"Noto Sans",sans-serif;font-family:var(--theme-secondary-font);font-weight:300;font-weight:var(--theme-secondary-font-weight);letter-spacing:var(--theme-secondary-font-spacing);-webkit-text-stroke-width:var(--theme-secondary-font-stroke-width);} */
.h-html-injector{display:block;}
.my-hotel-index-view .my-lead{position:relative;z-index:2;}
@media (min-width:768px){
.h-theme--risonare .my-hotel-index-view .my-lead{margin-bottom:88px;}
}
@-webkit-keyframes risonare-theme-accent-text{0%{-webkit-filter:brightness(0);filter:brightness(0);background-position:300% 50%;}25%{-webkit-filter:brightness(1.25);filter:brightness(1.25);}50%{-webkit-filter:brightness(1.1);filter:brightness(1.1);}to{-webkit-filter:brightness(1);filter:brightness(1);background-position:50% 50%;}}
@keyframes risonare-theme-accent-text{0%{-webkit-filter:brightness(0);filter:brightness(0);background-position:300% 50%;}25%{-webkit-filter:brightness(1.25);filter:brightness(1.25);}50%{-webkit-filter:brightness(1.1);filter:brightness(1.1);}to{-webkit-filter:brightness(1);filter:brightness(1);background-position:50% 50%;}}

/* Integrated from tmp/1.css */
.mb1e{margin-bottom:1em;}
.fz30{font-size:30px;}
.mb60{margin-bottom:60px;}
.fadeUp{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s;opacity:0;transform:translateY(50px);}
.fadeUp.animation{-webkit-animation-name:fadeUp;animation-name:fadeUp;}
::selection{background-color:#444;color:#fff;}
a{background-color:transparent;color:#333;text-decoration:none;word-break:break-all;transition:all .3s;}
a:active,a:hover,a:focus{outline-width:0;}
a:hover{opacity:.8;}
a:hover>img{opacity:.8;}
img{display:block;max-width:100%;height:auto;vertical-align:bottom;border-style:none;}
li{list-style-type:none;list-style-position:inside;}
p{font-size:18x;line-height:1.7;color:#333;}
h3{font-size:28.8px;color:#222;}
 .text_c{text-align:center;}
ul{margin:0;padding:0;list-style:none;}
ul li{line-height:2;color:#333;}
.wrap1000{max-width:1400px;width:100%;margin-left:auto;margin-right:auto;}
@media screen and (max-width:1024px){
.wrap1000{max-width:calc(100% - 40px);}
}
.container{max-width:1200px;margin:0 auto;width:100%;}
@media screen and (max-width:896px){
.container{width:94%!important;}
}
@media screen and (min-width:897px){
.top_area_bk h3{font-size:36px;}
}
.layout-new-open{padding-top:0;background-color:#fff;}
@media screen and (min-width:897px){
.layout-new-open{padding-top:0;}
}
.btn_link{width:220px;margin:20px auto 0;text-align:center;}
.btn_link a{display:block;padding:10px;border:1px solid #ccc;}
.btn_link p a{display:block;width:180px;padding:10px 25px;margin:0 auto;font-size:15px;text-align:center;background:#fff;border:1px solid #f5b151;border-radius:24px;color:#f5b151;font-weight:bold;transition:all .2s;}
.btn_link p a:hover{background:#f5b151;color:#fff;}
section{display:block;}
/* activity start */
.top_area_bk{padding:80px 0;}
.top_p{text-align:center;margin-bottom:40px;line-height:2;}
.top_pickup p.top_p{font-size:15px;}
.top_pickup h2{margin-bottom:30px;text-align:center;}
.top_pickup .multiple-item{align-items:stretch;justify-content:center;margin-bottom:40px;}
.top_pickup .multiple-item:not(.slick-initialized)>div,
.top_pickup .multiple-item .slick-slide{width:29%;margin:10px;display:inline-grid;}
@media screen and (max-width:896px){
.top_pickup .multiple-item:not(.slick-initialized)>div,
.top_pickup .multiple-item .slick-slide{width:100%;display:inline-grid;}
}
.top_pickup .multiple-item:not(.slick-initialized)>div .pickup-ttl,
.top_pickup .multiple-item .slick-slide .pickup-ttl{background:#fff;width:90%;padding:5px;margin:-30px auto 0;position:relative;z-index:20;height:auto;}
.top_pickup .multiple-item:not(.slick-initialized)>div .inner,
.top_pickup .multiple-item .slick-slide .inner{z-index:30;border:1px solid #B9BEBF;height:95px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.top_pickup .multiple-item:not(.slick-initialized)>div a:hover,
.top_pickup .multiple-item .slick-slide a:hover{opacity:1;}
.top_pickup .multiple-item:not(.slick-initialized)>div p.pickup-title,
.top_pickup .multiple-item .slick-slide p.pickup-title{font-size:14px;text-align:center;font-weight:500;padding:0 35px;}
.top_pickup .multiple-item:not(.slick-initialized)>div img,
.top_pickup .multiple-item .slick-slide img{width:100%;height:200px;object-fit:cover;}
.top_activity_bk{padding:80px 0;background-color:#fae4c5;}
@media screen and (max-width:896px){
.top_activity_bk{padding:10% 0;}
}
.top_activity_bk ul li{margin:10px;}
.faci_expl{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;}
.faci_expl .faci_box{width:32.5%;padding:0 5px;margin-bottom:40px;box-sizing:border-box;}
.faci_expl .fac_img{width:100%;height:200px;}
@media screen and (max-width:896px){
.faci_expl .fac_img{width:100%;height:180px;}
}
.faci_expl .fac_img img{width:100%;height:240px;object-fit:cover;}
@media screen and (max-width:896px){
.faci_expl .fac_img img{height:auto;}
}
.faci_expl .fac_txt{position:relative;z-index:3;width:90%;height:150px;margin:20px auto 0;padding:20px 30px;background:#f6f6f6;box-sizing:border-box;}
.faci_expl .fac_txt h3.h_bar.mincho{font-size:24px;}
@media screen and (max-width:896px){
.faci_expl .fac_txt{height:auto;margin:40px auto 0;}
}
.faci_expl .fac_txt p{margin-top:10px;padding-top:15px;font-size:16px;}
@media screen and (max-width:896px){
.faci_expl .faci_box{width:100%;padding:0 5px;margin-bottom:45px;box-sizing:border-box;}
}
@media screen and (min-width:897px){
.faci_expl .fac_txt h3.h_bar.mincho{font-size:22px;}
.faci_expl .fac_txt p{font-size:16px;}
}
.br_sp{display:none;}
@media screen and (max-width:896px){
.br_sp{display:block;}
}
.mincho{font-weight:500;line-height:1.4;letter-spacing:.1em;}
h2.color{font-size:26px;margin:45px 0 30px;line-height:1.4;color:#333;}
span.en{letter-spacing:.1em;font-weight:400;font-size:15px;color:#513737;}
.bold{font-weight:bold;}
.top-room-head h3{padding-bottom:56px;font-size:36px;line-height:1.3;}
.top-room-head h3.yumin{padding-bottom:12px;}
.top-room-head p.txt{flex-basis:100%;width:100%;font-size:16px;}
@media screen and (min-width:897px){
.top-room-head p.txt{font-size:18px;}
}
@media screen and (max-width:1024px){
.top-room-head h3{padding-bottom:20px;font-size:20px;}
}
.inr{padding-right:70px;padding-left:70px;}
@media screen and (max-width:896px){
.inr{padding:0;}
}
.fb{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.fb-both{justify-content:space-between;-webkit-justify-content:space-between;}
.fb-al-center{align-items:center;}
.top-room-box{background-color:#f4f4f4;}
.top-room-box .top-room-head{background-color:#fff;padding-top:70px;}
.top-room-box .top-room-head .inr{width:100%;max-width:1250px;margin-right:auto;margin-left:auto;justify-content:center;text-align:center;}
.top-room-box .top-room-nav{background-color:#fff;display:flex;flex-wrap:wrap;justify-content:center;}
.top-room-box .top-room-nav li.lg{width:45%;position:relative;margin:5px;}
.top-room-box .top-room-nav li img{width:100%;height:400px;object-fit:cover;}
.dogsuite_img{position:relative;}
.dogsuite_p{position:absolute;right:0;bottom:15px;}
.dogsuite_p p{padding:5px 10px;background:rgba(63,55,46,.7);color:#fff;font-size:18px;}
.textbox{position:absolute;left:0;top:0;background:rgba(242,242,242,.8);height:100%;width:70px;}
.textbox p{padding:18px;font-size:14px;}
.textbox p.vertical{display:block;width:100%;height:100%;box-sizing:border-box;padding-right:10px;}
.textbox p span.vertical__part{font-size:18px;}
.vertical{writing-mode:vertical-rl;text-orientation:mixed;display:inline-block;}
.vertical__part{text-orientation:upright;}
.textbox p span.vertical__part.vertical__part--light{font-weight:100;}
.textbox p span.vertical__part.bold{font-weight:bold;}
.top-room-box .btn_link{margin:20px auto;}
@media screen and (min-width:768px){
.top-room-box{margin-bottom:80px;}
}
@media screen and (max-width:896px){
.top-room-box{padding-top:50px;padding-bottom:50px;}
.top-room-box .top-room-head{padding-top:30px;padding-bottom:30px;}
.top-room-box .top-room-head .inr{max-width:96%;}
.top-room-box .top-room-nav{padding-bottom:30px;}
.top-room-box .top-room-nav li.lg{width:100%;margin-bottom:2px;}
.top-room-box .top-room-nav li img{height:230px;}
.dogsuite_p p{font-size:15px;}
.textbox p{padding:10px;}
.textbox p span.vertical__part{font-size:15px;}
.top-room-box .mb60{margin-bottom:20px;}
}
.top_feature p{line-height:2;}
.top_feature .top_box,.top_box_re{display:flex;position:relative;align-items:center;width:100%;margin:80px auto 150px;}
@media screen and (max-width:896px){
.top_feature .top_box,.top_box_re{display:flex;position:relative;align-items:center;width:100%;margin:30px auto 20px;}
}
.top_box_re{justify-content:flex-end;}
.top_box .feature_mainimg,.top_box_re .feature_mainimg{width:54%;object-fit:cover;}
.top_box .feature_mainimg img,.top_box_re .feature_mainimg img{width:100%;height:520px;object-fit:cover;}
.top_box .feature_txtarea{position:absolute;top:36px;right:0;width:50%;max-width:680px;height:450px;background:#fff;}
.top_box_re .feature_txtarea{position:absolute;top:36px;left:0;max-width:680px;height:450px;background:#fff;}
@media screen and (max-width:896px){
.top_box,.top_box_re{flex-direction:column;margin:30px auto;}
.top_box .feature_mainimg,.top_box_re .feature_mainimg{width:100%;object-fit:cover;}
.top_box .feature_mainimg img,.top_box_re .feature_mainimg img{height:auto;margin-bottom:0;}
.top_box .feature_txtarea,.top_box_re .feature_txtarea{position:static;max-width:100%;height:100%;}
.top_box .feature_txtarea{top:56px;right:0;width:96%;max-width:1030px;height:auto;transform:translate(0,-20px);}
.top_box_re .feature_txtarea{top:56px;left:50%;width:90%;max-width:1030px;height:auto;transform:translate(0,-20px);}
}
.top_textarea_p{padding:38.4px;font-size:16px;}
.top_textarea_p h3{padding-bottom:40px;font-size:40px;line-height:1.3;}
@media screen and (min-width:897px){
.tene_caption p{font-size:22px;}
}
@media screen and (max-width:1024px){
.top_textarea_p{padding:10% 5%;}
.top_textarea_p h3{padding-bottom:20px;font-size:20px;}
}
.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1;}
.slick-prev:before,.slick-next:before{font-size:20px;line-height:1;opacity:.75;color:#666;display:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.slick-prev{left:0;z-index:100;}
.slick-prev:before{content:'←';}
.slick-next{right:0;z-index:99;}
.slick-next:before{content:'→';}
.slick-prev,.slick-next{top:25%;}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0 auto;padding:0;max-width:1100px;}
.slick-list:focus{outline:none;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
.slick-slide img{display:block;}
.slick-initialized .slick-slide{display:block;}
/* activity end */
/* FAQ start */
.top_faq{padding:80px 50px;}
.top_faq_box{display:flex;}
.top_faq_box .top_textarea_p{display:flex;flex-direction:column;width:50%;padding:1%;background:#fae4c5;}
.top_faq_box .top_textarea_p .inner{width:86%;height:355px;padding:0 6% 20px;margin:0 auto;border:1px solid #fff;}
.top_faq_box .top_faq_img{width:70%;}
.top_faq h2{margin-top:60px;margin-bottom:30px;font-size:4rem;text-align:center;font-weight:300;}
.top_faq p.msg{text-align:left;margin-bottom:40px;line-height:2;}
.top_faq img{width:100%;height:400px;object-fit:cover;}
a.a_link{text-decoration:underline;word-break:break-all;}
.btn_link_color p a{display:block;width:150px;padding:8px 30px;margin:0 auto;text-align:center;background-color:#fff;border:1px solid #f5bf73;border-radius:27px;color:#f5bf73;transition:all .2s;}
.btn_link_color p a:hover{background:#f5bf73;color:#fff;opacity:1;}
.mt_40{margin-top:40px;}
@media screen and (max-width:896px){
.top_faq{padding:0;margin-bottom:3%;}
.top_faq_box{flex-direction:column;}
.top_faq_box .top_textarea_p{width:98%;text-align:center;}
.top_faq_box .top_textarea_p .inner{width:100%;height:auto;padding:0 0 20px;}
.top_faq_box .top_faq_img{width:100%;}
.top_faq h2{margin-top:20px;font-size:2rem;text-align:center;font-weight:300;}
.top_faq p.msg{margin-bottom:20px;padding:0 20px;}
.top_faq img{height:300px;}
}
/* FAQ end */
@-webkit-keyframes fadeUp{0%{opacity:0;transform:translateY(50px);}100%{opacity:1;transform:translateY(0);}}
@keyframes fadeUp{0%{opacity:0;transform:translateY(50px);}100%{opacity:1;transform:translateY(0);}}