/* footer */
footer{ position: relative; bottom: 0; transition: .7s; border-top: 1px solid #dedede;}
footer.active{ bottom: 0;}
/* =================== 1023px =================== */
@media (max-width: 1023px) {
    footer{ width: 100%; height: auto; position: relative; bottom: 0; transition: .7s;}
    footer.active{ bottom: 0;}
}






/* section1 */
#section1 .wrap1280{ padding-top: 100px; padding-bottom: 140px; height: auto;}
.fullimg {width: 100%; height: 100%; object-fit: cover;}
.color1 {color: #7dd0f8;}

.rooms-filter {display: flex; justify-content: center; align-items: center; text-align: center; margin-bottom: 100px;}
.rooms-filter li {width: 90px; background: #7dd0f8; color: #fff; font-size: 18px; height: 52px; line-height: 52px; cursor: pointer; transition: .5s;}
.rooms-filter li.ensb {width: 120px; border-radius: 0;}
.rooms-filter li:first-of-type {border-top-left-radius: 52px; border-bottom-left-radius: 52px;}
.rooms-filter li:last-of-type {border-top-right-radius: 52px; border-bottom-right-radius: 52px;}
.rooms-filter li.active {box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 6px inset; background: #ff97a4;}
.rooms-filter li:hover {box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 6px inset; background: #ff97a4;}

.rooms-list {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-left: -10px; margin-right: -10px;}
.rooms-item {background: #fff; border-radius: 16px; width: calc((100% - 60px) / 3); margin: 0 10px 40px; height: 500px; text-align: center; transition: .3s; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.14); display: none;}
.rooms-item.active {display: block;}
.rooms-item a {position: relative; display: block; width: 100%; height: 100%; padding: 40px 34px;}
.rooms-item__img {position: relative; width: 270px; height: 270px; border-radius: 50%; margin: 0 auto 40px; overflow: hidden;}
.rooms-item__img:after {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(114,204,248,.8); opacity: 0; transition: .3s;}
.rooms-item__more {position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); text-align: center; color: #fff; z-index: 1; opacity: 0; transition: .3s;}
.rooms-item__more p {font-size: 18px; margin-bottom: 20px;}
.rooms-item__more span {font-size: 18px;}
.rooms-item__name h3 {font-size: 24px; font-weight: bold; color: #333; margin-bottom: 20px; transition: .3s;}
.rooms-item__name h4 {font-size: 16px; color: #666;}
.rooms-item__info {position: absolute; left: 0; right: 0; bottom: 40px; display: flex; justify-content: space-between; align-items: center; padding: 0 34px;}
.rooms-item__info p {width: 50%; text-align: center; font-size: 14px; color: #777;}
.rooms-item__info p:last-of-type {border-left: 1px solid #ccc;}
.rooms-item__info p span {font-size: 20px; padding-right: 5px; vertical-align: middle;}
.rooms-item:hover .rooms-item__img {box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 6px inset;}
.rooms-item:hover .rooms-item__img:after {opacity: 1;}
.rooms-item:hover .rooms-item__more {opacity: 1;}
.rooms-item:hover .rooms-item__name h3 {color: #7dd0f8;}
.rooms-item.che {box-shadow: none; font-size: 130px; line-height: 110px; text-align: left; display: flex; align-items: flex-end; justify-content: flex-start; padding: 0 0 40px 40px; display: none;}
.rooms-item.che.active {display: flex;}
@media (max-width: 1023px){
    #section1 .wrap1280 {padding-top: 10.67vw; padding-bottom: 13.33vw;}
    .rooms-filter {margin-bottom: 10.67vw;}
    .rooms-filter li {width: 22.27vw; font-size: 4.27vw; height: 13.33vw; line-height: 13.33vw;}
    .rooms-filter li.ensb {width: 30.00vw;}
    .rooms-filter li:first-of-type {border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
    .rooms-filter li:last-of-type {border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
    .rooms-list {display: block; margin-left: 0; margin-right: 0;}
    .rooms-item {width: 100%; margin: 0 0 4.00vw; height: 102.93vw;}
    .rooms-item a {padding: 10.67vw 5.33vw;}
    .rooms-item__img {width: 48.00vw; height: 48.00vw; margin: 0 auto 8.00vw;}
    .rooms-item__img:after, .rooms-item__more {display: none;}
    .rooms-item__name h3 {font-size: 5.33vw; margin-bottom: 2.67vw;}
    .rooms-item__name h4 {font-size: 3.73vw;}
    .rooms-item__info {bottom: 10.13vw; padding: 0 5.33vw;}
    .rooms-item__info p {font-size: 3.73vw;}
    .rooms-item__info p span {font-size: 4.27vw;}
    .rooms-item.che {font-size: 22.67vw; line-height: 20.00vw; display: block; padding: 10.67vw 5.33vw 0; height: auto;}
    .rooms-item.che.active {display: block;}
}