/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/* 新しいホテルのNewマーク */
/* 表示 */
/*  Hotel 1 Grand Hyatt Dubai */
li.hotelList:nth-child(1) .new,
/*  Hotel 2 Conrad Dubai */
li.hotelList:nth-child(2) .new,
/*  Hotel 3 InterContinental Dubai Festival City */
li.hotelList:nth-child(3) .new{
    display: block;
}
/* 非表示 */
/*  Hotel 1 Grand Hyatt Dubai */
li.hotelList:nth-child(1) .new,
/*  Hotel 2 Conrad Dubai */
li.hotelList:nth-child(2) .new,
/*  Hotel 3 InterContinental Dubai Festival City */
li.hotelList:nth-child(3) .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 Grand Hyatt Dubai */
#transitHotel ul li:nth-child(1) .cate-luxury p,
#transitHotel ul li:nth-child(1) .cate-pool p,
#transitHotel ul li:nth-child(1) .cate-airport p,
#transitHotel ul li:nth-child(1) .cate-24h p,

#transitHotel ul li:nth-child(1) .cate-luxury svg,
#transitHotel ul li:nth-child(1) .cate-pool svg,
#transitHotel ul li:nth-child(1) .cate-airport svg,
#transitHotel ul li:nth-child(1) .cate-24h svg,

 /*  Hotel 2 Conrad Dubai */
#transitHotel ul li:nth-child(2) .cate-luxury p,
#transitHotel ul li:nth-child(2) .cate-pool p,
#transitHotel ul li:nth-child(2) .cate-24h p,

#transitHotel ul li:nth-child(2) .cate-luxury svg,
#transitHotel ul li:nth-child(2) .cate-pool svg,
#transitHotel ul li:nth-child(2) .cate-24h svg,

 /*  Hotel 3 InterContinental Dubai Festival City */
#transitHotel ul li:nth-child(3) .cate-luxury p,
#transitHotel ul li:nth-child(3) .cate-pool p,
#transitHotel ul li:nth-child(3) .cate-airport p,
#transitHotel ul li:nth-child(3) .cate-24h p,

#transitHotel ul li:nth-child(3) .cate-luxury svg,
#transitHotel ul li:nth-child(3) .cate-pool svg,
#transitHotel ul li:nth-child(3) .cate-airport svg,
#transitHotel ul li:nth-child(3) .cate-24h svg{
    color: #807352;
    fill: #807352;
}



/*  Spot 周辺の観光スポット */
/*  Hotel 1 Grand Hyatt Dubai */
/*#transitHotel ul li:nth-child(1) ul#spot li:nth-child(1) .locationImg {
    background-image: url(../images/spot/dubai_frame@2x.jpg);
}
#transitHotel ul li:nth-child(1) ul#spot li:nth-child(2) .locationImg {
    background-image: url(../images/spot/jumeirah_mosque@2x.jpg);
}
#transitHotel ul li:nth-child(1) ul#spot li:nth-child(3) .locationImg {
    background-image: url(../images/spot/al_fahidi_historical_district@2x.jpg);
}
#transitHotel ul li:nth-child(1) ul#spot li:nth-child(4) .locationImg {
    background-image: url(../images/spot/old_souk@2x.jpg);
}*/

/*  Hotel 2 Conrad Dubai */
/*#transitHotel ul li:nth-child(2) ul#spot li:nth-child(1) .locationImg {
    background-image: url(../images/spot/dubai_frame@2x.jpg);
}
#transitHotel ul li:nth-child(2) ul#spot li:nth-child(2) .locationImg {
    background-image: url(../images/spot/jumeirah_mosque@2x.jpg);
}
#transitHotel ul li:nth-child(2) ul#spot li:nth-child(3) .locationImg {
    background-image: url(../images/spot/la_mer_beach@2x.jpg);
}
#transitHotel ul li:nth-child(2) ul#spot li:nth-child(4) {
    display: none;
}*/

/*  Hotel 3 InterContinental Dubai Festival City */
/*#transitHotel ul li:nth-child(3) ul#spot li:nth-child(1) .locationImg {
    background-image: url(../images/spot/dubai_frame@2x.jpg);
}
#transitHotel ul li:nth-child(3) ul#spot li:nth-child(2) .locationImg {
    background-image: url(../images/spot/old_souk@2x.jpg);
}
#transitHotel ul li:nth-child(3) ul#spot li:nth-child(3) .locationImg {
    background-image: url(../images/spot/al_fahidi_historical_district@2x.jpg);
}
#transitHotel ul li:nth-child(3) ul#spot li:nth-child(4) {
    display: none;
}*/



/*  その他のホテル */
/*  title */
#otherHotel h2 {
    width: 23em; /*  タイトルの文字数+6  */
    background-image: url(../images/icon/icon-airport.svg), url(../images/icon/icon-airport.svg);
}
/*  Hotel ４ Hilton Dubai Al Habtoor City */
/*#otherHotel li:nth-child(1) .other-hotel-img{
    background-image: url(../images/transit/hilton_dubai_al_habtoor_city@2x.jpg);
}*/



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




/*  その他のホテル */
#otherHotel h2 {
    width: 18em;
    background-size: 12%;
}



@media screen and (min-width: 769px){
/*  Page Main Image このページのメインビジュアル */
.mv{
    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))), 
    url(../images/transit/transit@2x.jpg);
    background: -o-linear-gradient(bottom, 
    rgba(0, 0, 0, 0.9)5%, 
    rgba(0, 0, 0, 0)120%), 
    url(../images/transit/transit@2x.jpg);
    background: linear-gradient(0deg, 
    rgba(0, 0, 0, 0.9)5%, 
    rgba(0, 0, 0, 0)120%), 
    url(../images/transit/transit@2x.jpg);
    background-position: center;
    background-size: cover;
}



/*  その他のホテル */
#otherHotel h2 {
    width: 20em; /*  タイトルの文字数+4  */
    background-size: auto;
}
#otherHotel h2 br{
    display: none;
}
}