/* 新しいホテルのNewマーク */
/* 表示 */
/*  Hotel 1 One & Only Royal Mirage The Palace */
li.hotelList:nth-child(1) .new,
/*  Hotel 2 JW Marriott Marquis Hotel Dubai */
li.hotelList:nth-child(2) .new,
/*  Hotel 3 The Palace Downtown Dubai */
li.hotelList:nth-child(3) .new,
/*  Hotel 4 Burj Al Arab */
li.hotelList:nth-child(4) .new,
/*  Hotel 5 Address Fountain View Hotel */
li.hotelList:nth-child(5) .new ,
/*  Hotel 6 Renaissance Downtown Hotel, Dubai*/
li.hotelList:nth-child(6) .new { 
    display: block;
}
/* 非表示 */
/*  Hotel 1 One & Only Royal Mirage The Palace */
li.hotelList:nth-child(1) .new,
/*  Hotel 2 JW Marriott Marquis Hotel Dubai */
li.hotelList:nth-child(2) .new,
/*  Hotel 3 The Palace Downtown Dubai */
li.hotelList:nth-child(3) .new,
/*  Hotel 4 Burj Al Arab */
li.hotelList:nth-child(4) .new,
/*  Hotel 5 Address Fountain View Hotel */
li.hotelList:nth-child(5) .new ,
/*  Hotel 6 Renaissance Downtown Hotel, Dubai*/
li.hotelList:nth-child(6) .new { 
    display: none;
}



/* 

Category Selected
部屋詳細スライド下のカテゴリーの選択

========================================
.cate-luxury => ラグジュアリー
.cate-luxury svg  => ラグジュアリーのアイコン

.cate-fountain => ファウンテンビュー
.cate-fountain svg => ファウンテンビューのアイコン

.cate-pool => プール付き
.cate-pool svg => プール付きのアイコン

.cate-pop => 有名・話題
.cate-pop svg => 有名・話題のアイコン

.cate-beach-pj => ビーチエリア/パームジュメイラ
.cate-beach-pj svg => ビーチエリア/パームジュメイラのアイコン

.cate-beach-etc => ビーチエリア/その他
.cate-beach-etc svg => ビーチエリア/その他のアイコン

.cate-airport => 空港内・周辺
.cate-airport svg => 空港内・周辺のアイコン

.cate-24h => 24時間滞在
.cate-24h svg => 24時間滞在のアイコン

========================================

 */

 /*  Hotel 1 One & Only Royal Mirage The Palace */
#luxuryHotel ul li:nth-child(1) .cate-luxury p,
#luxuryHotel ul li:nth-child(1) .cate-pool p,
#luxuryHotel ul li:nth-child(1) .cate-pop p,
#luxuryHotel ul li:nth-child(1) .cate-beach-etc p,

#luxuryHotel ul li:nth-child(1) .cate-luxury svg,
#luxuryHotel ul li:nth-child(1) .cate-pool svg,
#luxuryHotel ul li:nth-child(1) .cate-pop svg,
#luxuryHotel ul li:nth-child(1) .cate-beach-etc svg,

 /*  Hotel 2 JW Marriott Marquis Hotel Dubai */
#luxuryHotel ul li:nth-child(2) .cate-luxury p,
#luxuryHotel ul li:nth-child(2) .cate-pool p,
#luxuryHotel ul li:nth-child(2) .cate-pop p,

#luxuryHotel ul li:nth-child(2) .cate-luxury svg,
#luxuryHotel ul li:nth-child(2) .cate-pool svg,
#luxuryHotel ul li:nth-child(2) .cate-pop svg,

 /*  Hotel 3 The Palace Downtown Dubai */
#luxuryHotel ul li:nth-child(3) .cate-luxury p,
#luxuryHotel ul li:nth-child(3) .cate-fountain p,
#luxuryHotel ul li:nth-child(3) .cate-pool p,
#luxuryHotel ul li:nth-child(3) .cate-pop p,

#luxuryHotel ul li:nth-child(3) .cate-luxury svg,
#luxuryHotel ul li:nth-child(3) .cate-fountain svg,
#luxuryHotel ul li:nth-child(3) .cate-pool svg,
#luxuryHotel ul li:nth-child(3) .cate-pop svg,

 /*  Hotel 4 Burj Al Arab */
#luxuryHotel ul li:nth-child(4) .cate-luxury p,
#luxuryHotel ul li:nth-child(4) .cate-pool p,
#luxuryHotel ul li:nth-child(4) .cate-pop p,
#luxuryHotel ul li:nth-child(4) .cate-beach-etc p,

#luxuryHotel ul li:nth-child(4) .cate-luxury svg,
#luxuryHotel ul li:nth-child(4) .cate-pool svg,
#luxuryHotel ul li:nth-child(4) .cate-pop svg,
#luxuryHotel ul li:nth-child(4) .cate-beach-etc svg,

 /*  Hotel 5 Address Fountain View Hotel */
#luxuryHotel ul li:nth-child(5) .cate-luxury p,
#luxuryHotel ul li:nth-child(5) .cate-fountain p,
#luxuryHotel ul li:nth-child(5) .cate-pool p,

#luxuryHotel ul li:nth-child(5) .cate-luxury svg,
#luxuryHotel ul li:nth-child(5) .cate-fountain svg,
#luxuryHotel ul li:nth-child(5) .cate-pool svg,

 /*  Hotel 6 Renaissance Downtown Hotel, Dubai*/
#luxuryHotel ul li:nth-child(6) .cate-luxury p,
#luxuryHotel ul li:nth-child(6) .cate-pool p,
#luxuryHotel ul li:nth-child(6) .cate-pop p,

#luxuryHotel ul li:nth-child(6) .cate-luxury svg,
#luxuryHotel ul li:nth-child(6) .cate-pool svg,
#luxuryHotel ul li:nth-child(6) .cate-pop svg{
    color: #807352;
    fill: #807352;
}



/*  Spot 周辺の観光スポット */
/*  Hotel 1 One & Only Royal Mirage The Palace */
/*#luxuryHotel ul li:nth-child(1) ul#spot li:nth-child(1) .locationImg {
    background-image: url(../images/spot/jbr_beach@2x.jpg);
}
#luxuryHotel ul li:nth-child(1) ul#spot li:nth-child(2),
#luxuryHotel ul li:nth-child(1) ul#spot li:nth-child(3),
#luxuryHotel ul li:nth-child(1) ul#spot li:nth-child(4){
    display: none;
}*/

/*  Hotel 2 JW Marriott Marquis Hotel Dubai */
/*#luxuryHotel ul li:nth-child(2) ul#spot li:nth-child(1) .locationImg {
    background-image: url(../images/spot/burj_khalifa@2x.jpg);
}
#luxuryHotel ul li:nth-child(2) ul#spot li:nth-child(2) .locationImg {
    background-image: url(../images/spot/dubai_mall@2x.jpg);
}
#luxuryHotel ul li:nth-child(2) ul#spot li:nth-child(3) .locationImg {
    background-image: url(../images/spot/dubai_fountain@2x.jpg);
}
#luxuryHotel ul li:nth-child(2) ul#spot li:nth-child(4) {
    display: none;
}*/

/*  Hotel 3 The Palace Downtown Dubai */
/*#luxuryHotel ul li:nth-child(3) ul#spot li:nth-child(1) .locationImg {
    background-image: url(../images/spot/burj_khalifa@2x.jpg);
}
#luxuryHotel ul li:nth-child(3) ul#spot li:nth-child(2) .locationImg {
    background-image: url(../images/spot/dubai_mall@2x.jpg);
}
#luxuryHotel ul li:nth-child(3) ul#spot li:nth-child(3) .locationImg {
    background-image: url(../images/spot/dubai_fountain@2x.jpg);
}
#luxuryHotel ul li:nth-child(3) ul#spot li:nth-child(4) {
    display: none;
}*/

/*  Hotel 4 Burj Al Arab */
/*#luxuryHotel ul li:nth-child(4) ul#spot li:nth-child(1) .locationImg {
    background-image: url(../images/spot/sahn_eddar@2x.jpg);
}
#luxuryHotel ul li:nth-child(4) ul#spot li:nth-child(2) .locationImg {
    background-image: url(../images/spot/souk_madinat_jumeirah@2x.jpg);
}
#luxuryHotel ul li:nth-child(4) ul#spot li:nth-child(3) .locationImg {
    background-image: url(../images/spot/jbr_beach@2x.jpg);

}
#luxuryHotel ul li:nth-child(4) ul#spot li:nth-child(4) {
    display: none;
}*/

/*  Hotel 5 Address Fountain View Hotel */
/*#luxuryHotel ul li:nth-child(5) ul#spot li:nth-child(1) .locationImg {
    background-image: url(../images/spot/burj_khalifa@2x.jpg);
}
#luxuryHotel ul li:nth-child(5) ul#spot li:nth-child(2) .locationImg {
    background-image: url(../images/spot/dubai_mall@2x.jpg);
}
#luxuryHotel ul li:nth-child(5) ul#spot li:nth-child(3) .locationImg {
    background-image: url(../images/spot/dubai_fountain@2x.jpg);
}
#luxuryHotel ul li:nth-child(5) ul#spot li:nth-child(4) {
    display: none;
}*/

/*  Hotel 6 Renaissance Downtown Hotel, Dubai*/
/*#luxuryHotel ul li:nth-child(6) ul#spot li:nth-child(1) .locationImg {
    background-image: url(../images/spot/burj_khalifa@2x.jpg);
}
#luxuryHotel ul li:nth-child(6) ul#spot li:nth-child(2) .locationImg {
    background-image: url(../images/spot/dubai_mall@2x.jpg);
}
#luxuryHotel ul li:nth-child(6) ul#spot li:nth-child(3) .locationImg {
    background-image: url(../images/spot/dubai_fountain@2x.jpg);
}
#luxuryHotel ul li:nth-child(6) ul#spot li:nth-child(4) {
    display: none;
}*/



/*  その他のホテル */
/*  title */
#otherHotel h2 {
    background-image: url(../images/icon/icon-luxury.svg), url(../images/icon/icon-luxury.svg);
    width: 15em; /*  タイトルの文字数+6  */
}
/*  Hotel ７ Steigenberger Hotel Business Bay */
/*#otherHotel li:nth-child(1) .other-hotel-img{
    background-image: url(../images/luxury/7-steigenberger-hotel-business-bay@2x.jpg);
}*/

/*  Hotel ８ The Address Downtown Dubai */
/*#otherHotel li:nth-child(2) .other-hotel-img{
    background-image: url(../images/luxury/8-the-address-downtown-dubai@2x.jpg);
}*/

/*  Hotel ９ Address Boulevard */
/*#otherHotel li:nth-child(3) .other-hotel-img{
    background-image: url(../images/luxury/9-address-boulevard@2x.jpg);
}*/


/*  Page Main Image このページのメインビジュアル */
.mv { position: relative; }
.mv:after {
    position: absolute;
    content:"";
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, rgba(0, 0, 0, 0.9)), color-stop(120%, rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9)5%, rgba(0, 0, 0, 0)120%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9)5%, rgba(0, 0, 0, 0)120%);
}
.mv >div { z-index: 2; }
.mv img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}


/*  Hotel Main Image 各ホテルのメイン写真 */
li.hotelList .h2-img { position: relative; }
li.hotelList .h2-img:after {
    position: absolute;
    content:"";
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(1%, rgba(0, 0, 0, 0.9)), color-stop(99%, rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%);
}
li.hotelList .h2-img >div { z-index: 2; }
li.hotelList .h2-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*  Hotel 6 Renaissance Downtown Hotel, Dubai*/
/*li.hotelList:nth-child(6) .h2-img{
    background: 
    -webkit-gradient(linear, 
    left bottom, left top, 
    color-stop(1%, rgba(0, 0, 0, 0.9)), 
    color-stop(99%, rgba(0, 0, 0, 0))),
    url(../images/luxury/6-renaissance-downtown-hotel-sp@2x.jpg);
    background: 
    -o-linear-gradient(bottom, 
    rgba(0, 0, 0, 0.9)1%, 
    rgba(0, 0, 0, 0)99%),
    url(../images/luxury/6-renaissance-downtown-hotel-sp@2x.jpg);
    background: 
    linear-gradient(0deg, 
    rgba(0, 0, 0, 0.9)1%, 
    rgba(0, 0, 0, 0)99%),
    url(../images/luxury/6-renaissance-downtown-hotel-sp@2x.jpg);
    background-size: cover;
}*/



/*  Hotel Room Slider お部屋詳細のスライダー */

.swiper-wrapper .swiper-slide img { 
    object-fit: cover;
    width: 100%;
    height: 100%;
}


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



}