/* @desktop ==========================*/
 @media (max-width: 1199px) {
     header{
         height:78px;
    }
     .header{
         height:78px;
    }
     .view {
         height: 600px;
    }
     .view img {
         height: 600px;
         position: absolute;
         width: auto;
         margin: auto;
         right: -50%;
         max-width: inherit;
    }
}
/* @tablet ==========================*/
 @media (max-width: 991px) {
    /*move*/
	 .nav-open .mobileNavWrap,
	 .nav-open .main-wrapper,
	 .nav-open footer{
         -moz-transform: translate(260px,0);
         -ms-transform: translate(260px,0);
         -webkit-transform: translate(260px,0);
         transform: translate(260px,0);
    }
     .nav-open .gold-nav {
         display: none;
    }
     header{
         height:70px;
    }
     .header{
         height:70px;
    }
     .logoArea {
         top: 19px;
    }
     .menuWrapper{
         margin: 18px;
    }
     .mobileNavWrap {
         top: 70px;
    }
     .mobileNavWrap--sm {
         top: 118px;
    }
     .quote .gold-btn {
         display: block;
         width: 100%;
    }
    /* @filter */
     .main-wrapper.filter-on {
         margin-top: 48px;
    }
     .filter-wrapper {
         top: 70px;
    }
     .filter-refine {
         display: block;
    }
     .toggle-banner {
         float: left;
    }
     .toggle-banner+label {
         display: block;
    }
     .filter-menu {
         overflow: hidden;
    }
	 .filter-menu_back-btn,
	 .filter-menu_list,
	 .filter-menu_list li,
	 .filter-menu_list span,
	 .video-toggle {
         float: none;
         width: 100%;
         border-left: 0;
    }
     .filter-menu_back-btn {
         text-align: center;
    }
     .filter-menu_list li {
         border-top: 1px solid #797674;
         text-align: center;
    }
    /* @highlight */
     .inner-mask {
         bottom: 0;
    }
     .inner-mask .info {
         display: none;
    }
     .view {
         height: auto;
    }
     .view img {
         height: 20%;
         right: inherit;
    }
     .view img {
         position: relative;
         width: 100%;
    }
    /* hotels page */
     .main--hotel .banner-caption {
         width: 80%;
    }
     .main--hotel .banner-caption p {
         display: none;
    }
     .hotel-specific .banner-caption {
         display: none;
    }
     .banner img {
         /*min-height: 255px;*/
    }
     .searchArea {
         padding: 18px 28px;
         font-size:22px;
    }
     .sm{
         display:none;
    }
     .view img{
         height:300px;
    }
     .view h2 {
         font-size:17px;
         margin-bottom:20px;
    }
     .view p {
         display:none;
    }
     .sp-on{
         display:block;
         height:25vh;
    }
     .sp-fig{
         display:block;
    }
     footer{
         position:relative;
         margin-bottom:57px;
         z-index: 6;
    }
    /*max-width:768px*/
     .view img{
         height:20%;
    }
     .view p{
         display:block;
    }
     .sp-fig h2 {
         font-size:20px;
         line-height:2;
    }
     .sp-fig p {
         font-size:12px 
    }
     .sp-fig figcaption {
         bottom:2.7em;
         height:2.7em;
    }
     .effect-zoe h2 {
         font-size: 32px;
         line-height: 1.1;
    }
     .quote p {
         margin-bottom: 10px;
    }
     .quote .datepicker {
         margin: 0 auto 10px;
         display: block;
    }
     .quote .datepicker:before {
         right: 13px;
    }
     .quote label {
         float: none;
         margin:0 
    }
    /* @pengD */
     .main-wrapper {
         margin-bottom: -1px;
    }
     .main-content {
         padding-left: 0;
    }
     .gold-nav {
         position: fixed;
         top: inherit;
         bottom: 0;
         width: 100%;
         display: table;
         table-layout: fixed;
         z-index: 9;
    }
     .gold-nav ul {
         position: relative;
         margin: 0;
         padding: 0;
         display: table-row;
         transform: translateY(0);
    }
     .gold-nav ul li {
         list-style: none;
         text-align: center;
         text-transform: uppercase;
         border-right: 1px solid #c4b696;
         display: table-cell;
         vertical-align: middle;
    }
     .gold-nav ul li a {
         color: #fff;
         padding: 10px 10px 0;
         font-size: .35rem;
         display: block;
         text-decoration: none;
         line-height: 2;
    }
     .gold-nav ul li a span {
         font-size: 20px;
    }
     .drawer {
         position: fixed;
         top: 0;
         bottom: 48px;
         left: 0;
         right: 0;
         z-index: 10;
    }
     .drawer1 {
         z-index: 1;
    }
     .drawer2 {
         z-index: 2;
    }
	 .drawer1,
	 .drawer2 {
         width: 100%;
         left: 0;
         overflow-y: auto;
    }
	 .drawer1>div,
	 .drawer2>div {
         transform: translateY(0);
         max-height: inherit;
         top: 0;
         bottom: 9px;
    }
     .drawer2 {
         top: 60px;
    }
     .drawer2-open .drawer_back {
         display: block;
    }
	 .drawer1-open .drawer_close,
	 .drawer2-open .drawer_close {
         left:auto;
         right:0px;
    }
     .drawer2>div {
         padding: 0;
    }
     .drawer2>div>div {
         position: absolute;
         max-height: inherit;
         top: 12px;
         bottom: 12px;
         max-width: 100%;
         width: 100%;
         padding: 15px;
    }
     .filter-menu_list a:hover {
         border: 0;
    }
}
/* @mobile ==========================*/
 @media (max-width: 767px) {
     .main-wrapper.filter-on {
         margin-top: 48px;
    }
    /*max-width:600px*/
     .sp-fig h2 {
         font-size:15px;
         line-height:1.2;
    }
     .sp-fig p {
         font-size:10px 
    }
     .sp-fig figcaption {
         bottom:2.3em !important;
         height:2.3em !important;
    }
    /*max-width:490px*/
     .footer1{
         padding:0;
    }
     .sns{
         width: 100%;
         display: table;
         table-layout: fixed;
         border-bottom:1px solid #272727 
    }
     .sns ul{
         display: table-row;
    }
     .sns ul li{
         display: table-cell;
         vertical-align: middle;
         float:none;
         text-align:center;
    }
     .sns ul li:last-child a{
         border-right:none;
    }
     .footer-logo {
         text-align:center;
         float:none;
         margin: 0;
    }
     .footer-logo ul li {
         float:none;
         display:inline-block;
    }
     .footer2 p{
         text-align:center;
    }
     .nav-tabs {
         margin: 0;
         padding: 0;
         display: flex;
         width: 100%;
    }
     .nav-tabs li {
         flex: 1;
         width: 25%;
    }
     .nav-tabs i {
         float: none;
         display: block;
         margin: 0 auto;
    }
     .nav-tabs a {
         display: block;
         text-align: center;
         font-size: 11px;
    }
}
 @media (max-width: 480px) {
     .highlight h2 {
         font-size: 14px;
    }
     .lang {
         display: none;
    }
}