/*  スライダー */

.title{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 96%;
    margin: 0 auto;
    padding: 2%;
    z-index: 7;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    margin: 0;
    text-align: center;
    color: #fff;
}
h1 span:nth-child(1) {
    font-size: 30px;
    font-family: 'Libre Caslon Display', serif;
    font-weight: normal;
    letter-spacing: -1px;
    margin-right: -9px;
    background: -o-linear-gradient(bottom, rgb(140, 126, 89)20%, rgb(255, 255, 255)55%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgb(140, 126, 89)), color-stop(55%, rgb(255, 255, 255)));
    background: linear-gradient(0deg, rgb(140, 126, 89)20%, rgb(255, 255, 255)55%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
    padding: 0 14px 0 2px;
}
.title .ttl-dubai{
    display: block;
}
.title .ttl-dubai-second{
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
}
.title .ttl-dubai-second span:nth-child(1){
    padding: 0 8px 0 2px;
    font-size: 40px;
}
.title .ttl-dubai-second span:nth-child(2){
    font-size: 16px;
    background-color: unset;
    -webkit-text-fill-color: unset;
}
.title .ttl-dubai-third{
    display: none;
}

@media all and (-ms-high-contrast: none) {
    .mv-ie {
        height: 200px;
        background-image: url(../images/mv/slide-1@2x.jpg);
        background-size: cover;
        background-position: right;
    }
    h1 span:nth-child(1){
        background: none;
    }
}

/*  ナビゲーション */
nav.naviMenu{
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    background-image: url(../images/parts/nav-bg-sp@2x.jpg);
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}
.nav {
    position: absolute;
    top: 0;
    width: 104%;
    margin: 0 -2%;
    background-image: url(../images/parts/motif-wht.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 25%, 25%;
    opacity: 35%;
    overflow: hidden;
}
nav.naviMenu ul {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
nav.naviMenu a{
    text-decoration: none;
    font-weight: bold;
    margin: 16px auto;
    color: #fff;
    fill: #fff;
    z-index: 2;
    position: relative;
    width: 33%;
}
nav.naviMenu li {
    font-size: 10px;
    text-align: center;
}
nav.naviMenu svg {
    height: 25px;
    width: 100%;
    margin: auto;
    padding: 0;
}
nav.naviMenu li .pc {
    display: none;
}
nav.naviMenu li .sp {
    display: block;
    position: absolute;
    bottom: 25px;
    left: 10%;
    width: 40px;
}


.content {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}




ul#luxuryHotel li,
ul#poolHotel li,
ul#desertHotel li,
ul#transitHotel li,
ul#boutiqueHotel li,
ul#beachHotel li{
    position: relative;
    list-style: none;
    margin: 0;
    padding:16px 0;
    border-bottom: solid 1px #ccc;
}
ul#luxuryHotel li:last-child,
ul#poolHotel li:last-child,
ul#desertHotel li:last-child,
ul#transitHotel li:last-child,
ul#boutiqueHotel li:last-child,
ul#beachHotel li:last-child{
    border-bottom: none;
}
.hotel-img{
    position: relative;
    width: 45%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.hotel-img .new::before {
    content: "";
    top: 0;
    right: 0;
    border-bottom: 60px solid transparent;
    border-right: 60px solid #000;
    position: absolute;
    z-index: 1;
}
.hotel-img .new::after {
    content: "New";
    display: block;
    position: absolute;
    top: 8px;
    right: 5px;
    z-index: 2;
    color: #fff;
    font-size: 14px;
    font-family: 'Libre Caslon Display', serif;
    font-weight: lighter;
    -webkit-transform: scale(1, 1.2);
    -ms-transform: scale(1, 1.2);
    transform: scale(1, 1.2);
}
.cate {
    width: 100%;
    padding: 24px 0;
    margin-bottom: 16px;
}
.cate h2{
    font-family: 'Noto Serif JP', serif;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin: 0 auto 8px;
}
.text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.text p{
    display: none;
}
.text div{
    margin: auto;
}

.hotelList{
    width: 94%;
    padding: 0 3%;
}
.hotelList a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-decoration: none;
    color: #333;
}
.hotelList a .btn-arrow {
    position: absolute;
    right: 0;
    top: 45%;
    border-top: solid 4px #333;
    border-right: solid 4px #333;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 2px 0px 0px 1px;
}
.name {
    width: 52%;
    padding: 0 0 0 2%;
}
.name h3{
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}
.name h3 span{
    font-size: 13px;
}

p.rank {
    letter-spacing: 1px;
    color: #8C7E59;
    margin: 0 0 8px 0;
}

#luxuryHotel p.txt,
#luxuryHotel p.txt,
#poolHotel p.txt,
#desertHotel p.txt,
#transitHotel p.txt,
#boutiqueHotel p.txt,
#beachHotel p.txt{
    clear: both;
    padding: 16px 16px 16px 0;
    font-size: 13px;
}
.area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 3%;
}
.listBottom p.pj,
.listBottom p.beach{
    width: 38%;
    margin: auto 0 auto 2%;
    font-size: 10px;
    font-weight: bold;
    color: #F0EDE5;
}
@media all and (-ms-high-contrast: none) {
    .listBottom p.pj,
    .listBottom p.beach{
        width: 200%;
    }
}
.listBottom p.pj br,
.listBottom p.beach br{
    display: none;
}
.listBottom svg {
    height: 36px;
    margin: auto 0;
    fill: #F0EDE5;
}
.listBottom.pc {
    display: none;
}

/* ビーチエリア */
/* 該当しない */
.area p.pj,
.area p.beach{
    color: #F0EDE5;
}

.area p.pj svg,
.area p.beach svg {
    fill: #F0EDE5;
}

/* パームジュメイラ 該当ホテル */
#poolHotel li:nth-child(1) .area p.pj /* Atlantis, The Palm */,
#poolHotel li:nth-child(3) .area p.pj /* W Dubai - The Palm */,
#beachHotel li:nth-child(1) .area p.pj /* Andaz Dubai The Palm */{
    color: #8C7E59;
}
#poolHotel li:nth-child(1) .area svg.pj /* Atlantis, The Palm */,
#poolHotel li:nth-child(3) .area svg.pj/* W Dubai - The Palm */,
#beachHotel li:nth-child(1) .area svg.pj/* Andaz Dubai The Palm */{
    fill: #8C7E59;
}

/* その他のビーチエリア 該当ホテル */
#luxuryHotel li:nth-child(1) .area p.beach /* One & Only */,
#luxuryHotel li:nth-child(4) .area p.beach /* Burj Al Arab */,
#beachHotel li:nth-child(2) .area p.beach /* Caesars Bluewaters Dubai */,
#beachHotel li:nth-child(3) .area p.beach /* Jumeirah Al Qasr */,
#beachHotel li:nth-child(4) .area p.beach /* Jumeirah Al Naseem */,
#beachHotel li:nth-child(5) .area p.beach /* Jumeirah Dar Al Masyaf */{
    color: #8C7E59;
}
#luxuryHotel li:nth-child(1) .area svg.beach  /* One & Only */,
#luxuryHotel li:nth-child(4) .area svg.beach /* Burj Al Arab */,
#beachHotel li:nth-child(2) .area svg.beach /* Caesars Bluewaters Dubai */,
#beachHotel li:nth-child(3) .area svg.beach /* Jumeirah Al Qasr */,
#beachHotel li:nth-child(4) .area svg.beach /* Jumeirah Al Naseem */,
#beachHotel li:nth-child(5) .area svg.beach /* Jumeirah Dar Al Masyaf */{
    fill: #8C7E59;
}




.link a{
    font-weight: bold;
    text-decoration: none;
    position: relative;
    width: 100px;
    height: 100px;
    padding: 50px 0;
}
a.link-btn{

    margin: auto;
}
button.moreDetail {
    position: relative;
    border: solid 2px #8C7E59;
    background-color: #fff;
    color: #8C7E59;
    text-align: center;
    text-decoration: none;
}
.moreDetail .btn-arrow{
    position: absolute;
    right: 2%;
    top: 40%;
    border-top: solid 3px #8C7E59;
    border-right: solid 3px #8C7E59;
    width: 5px;
    height: 5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 2px 0px 0px 1px;
}
.link a p{
    display: none;
}
a.txt-link {
    height: 18px;
    font-size: 15px;
    color: #F9423A;
    padding-right: 19px;
    background-image: url(../images/parts/txt-link-arrow.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.tourLink { 
    position: relative;
    text-align: center;
    margin: 0 0 80px;
}
.tourLink a.txt-link {
    display: inline-block;
    margin: 0;
    background: none;
    font-size: 22px;
    padding-right: 0;
}
.tourLink a.txt-link:hover { text-decoration: none; }
.tourLink a.txt-link::after {
    position: absolute;
    content: "";
    border-top: solid 3px #F9423A;
    border-right: solid 3px #F9423A;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 6px auto 0px 20px;
}
@media screen and (max-width: 500px){
    .tourLink a.txt-link { font-size: 20px; }
    .tourLink a.txt-link::after {
        border-top: solid 2px #F9423A;
        border-right: solid 2px #F9423A;
        width: 8px;
        height: 8px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        margin: 8px auto 0px 10px;
    }
}

/*  高級ホテル  */
/*  メイン */
.cateLuxury{
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-luxury-sp@2x.jpg);
    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/h2-luxury-sp@2x.jpg);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-luxury-sp@2x.jpg);
    background-size: cover;
    background-position: center;
}
/*  各ホテルの写真 */
ul li .hotel-img img{
    object-fit: cover;
    width: 100%;
    height: 200px;
}
@media screen and (max-width: 767px){
   ul li .hotel-img img {
    height: 120px;
}
}
/*ul#luxuryHotel li:nth-child(1) .hotel-img{
    background-image: url(../images/luxury/1-one-only-royal-mirage-sp@2x.jpg);
}
ul#luxuryHotel li:nth-child(2) .hotel-img {
    background-image: url(../images/luxury/2-jw-marriott-marque-sp@2x.jpg);
}
ul#luxuryHotel li:nth-child(3) .hotel-img {
    background-image: url(../images/luxury/3-the-palace-downtown-sp@2x.jpg);
}
ul#luxuryHotel li:nth-child(4) .hotel-img {
    background-image: url(../images/luxury/4-burj-al-arab-sp@2x.jpg);
}
ul#luxuryHotel li:nth-child(5) .hotel-img {
    background-image: url(../images/luxury/5-address-fountain-view-sp@2x.jpg);
}
ul#luxuryHotel li:nth-child(6) .hotel-img {
    background-image: url(../images/luxury/6-renaissance-downtown-hotel-sp@2x.jpg);
    }*/

    /*  プールがすごいホテル  */
    /*  メイン */
    .catePool{
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-pool-sp@2x.jpg);
        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/h2-pool-sp@2x.jpg);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-pool-sp@2x.jpg);
        background-size: cover;
        background-position: center;
    }
    /*  各ホテルの写真 */
/*ul#poolHotel li:nth-child(1) .hotel-img{
    background-image: url(../images/pool/atlantis-the-palm-sp@2x.jpg);
}
ul#poolHotel li:nth-child(2) .hotel-img {
    background-image: url(../images/pool/address-sky-view-sp@2x.jpg);
}
ul#poolHotel li:nth-child(3) .hotel-img {
    background-image: url(../images/pool/w-dubai-the-palm-sp@2x.jpg);
    }*/

    /*  砂漠にあるホテル  */
    /*  メイン */
    .cateDesert{
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-desert-sp@2x.jpg);
        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/h2-desert-sp@2x.jpg);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-desert-sp@2x.jpg);
        background-size: cover;
        background-position: center;
    }
    /*  各ホテルの写真 */
/*ul#desertHotel li:nth-child(1) .hotel-img{
    background-image: url(../images/desert/bab-al-shams-sp@2x.jpg);
}
ul#desertHotel li:nth-child(2) .hotel-img {
    background-image: url(../images/desert/al-maha-sp@2x.jpg);
}
ul#desertHotel li:nth-child(3) .hotel-img {
    background-image: url(../images/desert/the-ritz-carlton-ras-al-khaimah-sp@2x.jpg);
    }*/

    /*  トランジットに最適なホテル  */
    /*  メイン */
    .cateTransit{
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-transit-sp@2x.jpg);
        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/h2-transit-sp@2x.jpg);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-transit-sp@2x.jpg);
        background-size: cover;
        background-position: center;
    }
    /*  各ホテルの写真 */
/*ul#transitHotel li:nth-child(1) .hotel-img{
    background-image: url(../images/transit/grand-hyatt-dubai-sp@2x.jpg);
}
ul#transitHotel li:nth-child(2) .hotel-img {
    background-image: url(../images/transit/conrad-dubai-sp@2x.jpg);
}
ul#transitHotel li:nth-child(3) .hotel-img {
    background-image: url(../images//transit/intercontinental-dubai-festival-city-sp@2x.jpg);
    }*/

    /*  安く泊まるならブティックホテル  */
    /*  メイン */
    .cateBoutique{
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-boutique-sp@2x.jpg);
        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/h2-boutique-sp@2x.jpg);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-boutique-sp@2x.jpg);
        background-size: cover;
        background-position: center;
    }
    /*  各ホテルの写真 */
/*ul#boutiqueHotel li:nth-child(1) .hotel-img{
    background-image: url(../images/boutique/canopy-dubai-al-seef-sp@2x.jpg);
}
ul#boutiqueHotel li:nth-child(2) .hotel-img {
    background-image: url(../images/boutique/rove-downtown-dubai-sp@2x.jpg);
    background-position: top;
}
ul#boutiqueHotel li:nth-child(3) .hotel-img {
    background-image: url(../images/boutique/al-seef-heritage-hotel-sp@2x.jpg);
    }*/

    /*  ビーチ周辺のホテル  */
    /*  メイン */
    .cateBeach{
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-beach-sp@2x.jpg);
        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/h2-beach-sp@2x.jpg);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-beach-sp@2x.jpg);
        background-size: cover;
        background-position: center;
    }
    /*  各ホテルの写真 */
/*ul#beachHotel li:nth-child(1) .hotel-img{
    background-image: url(../images/beach/andaz-dubai.jpg);
}
ul#beachHotel li:nth-child(2) .hotel-img {
    background-image: url(../images/beach/caesars-bluewaters-dubai.jpg);
}
ul#beachHotel li:nth-child(3) .hotel-img {
    background-image: url(../images/beach/jumeirah-al-qasr.jpg);
}
ul#beachHotel li:nth-child(4) .hotel-img {
    background-image: url(../images/beach/jumeirah-al-naseem.jpg);
}
ul#beachHotel li:nth-child(5) .hotel-img {
    background-image: url(../images/beach/jumeirah-dar-al-masyaf.jpg);
    }*/

    /*  レビュー非表示 */
/* .review {
    height: 124px;
    width: 88%;
    margin: 0 3% 16px;
    padding: 8px 3% 60px;
    background-color: #F0EDE5;
    background-image: url(../images/parts/motif-gld.svg);
    background-position: right -25% center;
    background-size: 50%;
    background-repeat: no-repeat;
}
.review h4 {
    margin: 0;
    padding: 0 10px;
    font-size: 12px;
    color: #8C7E59;
    font-weight: lighter;
    
}
.review h4 span {
    font-size: 36px;
    margin-right: 4px;
    font-family: 'Libre Caslon Display', serif;
}
.review hr {
    border-width: 0.5px;
    border-color: #8C7E59;
    border-style: solid;
    margin: 8px;
}
.review p {
    height: 60px;
    font-size: 14px;
    background-image: url(../images/icon/avatar.svg);
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 0 0 74px;
    letter-spacing: -0.5px;
    color: #8C7E59;
    } 
    */

    #breadcrumb li:last-child .btn-arrow{
        display: none;
    }

    @media screen and (min-width: 415px){
        nav.naviMenu ul {
            width: 70%;
        }
        .title .ttl-dubai-third{
            display: block;
            text-align: center;
            font-size: 11px;
            color: #fff;
        }
    }

    @media screen and (min-width: 768px){
        .mv-ie {
            height: 450px;
        }

        @-moz-document url-prefix() {
            .mv-ie {
                display: none;
            }
            .mv-ie .title{
                display: block;
            }
        }
        @media screen and (-webkit-min-device-pixel-ratio:0) {
            .mv-ie {
                display: none;
            }
            .mv-ie .title{
                display: block;
            }
        }
        _::-webkit-full-page-media, _:future, :root .mv-ie {
            display: none;
        }
        _::-webkit-full-page-media, _:future, :root .mv-ie .title {
            display: block;
        }

        #mainSlide {
            height: 500px;
            padding: 0;
            background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/mv/mv@2x.jpg);
            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/mv/mv@2x.jpg);
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/mv/mv@2x.jpg);
            background-size: cover;
            background-position: center;
        }

        /*  スライダー */
        .slider {
            display: block;
            height: 500px !important;
        }
        .slider-btn {
            display: none;
        }

        .slider-indicator-icon{
            margin: 0 5px !important;
            background-color: rgba(255,255,255,.3) !important;
        }
        .slider-indicator-active{
            background-color: #8C7E59 !important;
        }
        /*  タイトル */
        .title h1{
            font-size: 48px;
        }
        .title .ttl-dubai{
            font-size: 125px;
            height: 135px;
        }
        h1 span:nth-child(1) {
            font-size: 67px;
        }
        h1 span:nth-child(2){
            font-size: 30px;
        }
        .title .ttl-dubai-second{
            font-size: 24px;
            margin: 0 0 16px 0;
        }
        .title .ttl-dubai-third{
            font-size: 15px;
        }
        .title .ttl-dubai-second,
        .title .ttl-dubai-third,
        .title p{
            display: block;
        }


        /*  ナビゲーション */
        nav.naviMenu{
            padding: 20px 0px;
            background-image: url(../images/parts/nav-bg@2x.jpg);
            background-position: center;
            /* background: linear-gradient(0deg, #5C4D2C, #8C7E59); */
        }
        .nav {
            top: 0;
            width: 200%;
            margin: 0 -50%;
            height: 106px;
            background-image: url(../images/parts/motif-wht.svg),url(../images/parts/motif-wht.svg);
            background-repeat: no-repeat;
            background-position: center right, center left;
            background-size: 25%, 25%;
            opacity: 35%;
            overflow: hidden;
        }

        nav.naviMenu ul {
            width: 100%;
            max-width: 760px;
            margin: 0 auto;
        }
        nav.naviMenu li {
            font-size: 13px;
            text-align: center;
        }
        nav.naviMenu a{
            width: 16.6%;
            text-decoration: none;
            color: rgba(255,255,255,0.5);
            font-weight: bold;
            fill: rgba(255,255,255,.5);
            z-index: 2;
        }
        nav.naviMenu svg {
            width: 100%;
        }
        nav.naviMenu a:hover{
            color: #fff;
            fill: #fff;
        }
        nav.naviMenu a:nth-child(6){
            position: relative;
        }
        nav.naviMenu li .pc {
            display: block;
            position: absolute;
            top: -7px;
            right: 1px;
            width: 35%;
        }
        nav.naviMenu li .sp {
            display: none;
        }

        .cate h2 {
            font-size: 36px;
        }
        .hotelList {
            width: 94%;
            max-width: 960px;
            margin: 0 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        .hotelList li a{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            text-decoration: none;
        }
        ul#luxuryHotel li,
        ul#poolHotel li,
        ul#desertHotel li,
        ul#transitHotel li,
        ul#boutiqueHotel li,
        ul#beachHotel li{
            width: 31%;
            margin: 16px 1%;
            padding: 0;
            border-bottom: none;
        }
        #luxuryHotel p.txt,
        #luxuryHotel p.txt,
        #poolHotel p.txt,
        #desertHotel p.txt,
        #transitHotel p.txt,
        #boutiqueHotel p.txt,
        #beachHotel p.txt{
            width: 100%;
            padding: 8px 0;
            font-size: 15px;
            min-height: 253px;
        }

        .text p{
            display: block;
            color: #fff;
            text-align: center;
            margin: auto;
            font-size: 15px;
        }
        .hotel-img{
            width: 100%;
            padding-top: 0;
        }
        .hotel-img .new::before {
            border-bottom: 80px solid transparent;
            border-right: 80px solid rgba(0,0,0,1);
        }
        .hotel-img .new::after {
            font-size: 20px;
        }
        .name {
            clear: both;
            width: 90%;
            height: 76px;
            margin: 16px 0 8px;
            padding-left: 10px;
            border-left: solid 10px #8C7E59;
        }
        .area{
            padding: 0;
        }
        .listBottom svg {
            height: 23px;
        }
        .listBottom p.pj br,
        .listBottom p.beach br{
            display: block;
        }
        /*  テキストリンク */
        .txt-link {
            display: block;
            text-align: right;
            margin: 16px 8px;
            font-weight: bold;
            color: #F9423A;
        }
        .link a:hover {
            opacity: 0.7;
        }
        .txt-link img {
            border: none;
            width: 11px;
        }

        .listBottom.pc {
            display: block;
        }
        .listBottom.sp {
            display: none;
        }

        .cate {
            width: 100%;
            margin: 0 auto;
            padding: 48px 0;
        }
        /*  高級ホテル  */
        /*  メイン */
        .cateLuxury{
            background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-luxury.jpg);
            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/h2-luxury.jpg);
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-luxury.jpg);
            background-size: cover;
            background-position: center;
        }

        /*  プールがすごいホテル  */
        /*  メイン */
        .catePool{
            background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-pool.jpg);
            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/h2-pool.jpg);
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-pool.jpg);
            background-size: cover;
            background-position: center;
        }

        /*  砂漠にあるホテル  */
        /*  メイン */
        .cateDesert{
            background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-desert.jpg);
            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/h2-desert.jpg);
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-desert.jpg);
            background-size: cover;
            background-position: center;
        }

        /*  トランジットに最適なホテル  */
        /*  メイン */
        .cateTransit{
            background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-transit.jpg);
            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/h2-transit.jpg);
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-transit.jpg);
            background-size: cover;
            background-position: center;
        }

        /*  安く泊まるならブティックホテル  */
        /*  メイン */
        .cateBoutique{
            background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-boutique.jpg);
            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/h2-boutique.jpg);
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-boutique.jpg);
            background-size: cover;
            background-position: center;
        }

        /*  ビーチ周辺のホテル  */
        /*  メイン */
        .cateBeach{
            background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-beach.jpg);
            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/h2-beach.jpg);
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.9)1%, rgba(0, 0, 0, 0)99%),url(../images/h2-beach.jpg);
            background-size: cover;
            background-position: center;
        }

        .review {
            padding: 16px 3%;
        }
        .review h4 br {
            display: none;
        }
        button.moreDetail {
            margin: 50px auto;
        }
    }


    @media screen and (min-width: 961px){
        .content{
            width: 100%;
            margin: 0 auto 0;
            padding: 0;
        }
        #luxuryHotel p.txt,
        #luxuryHotel p.txt,
        #poolHotel p.txt,
        #desertHotel p.txt,
        #transitHotel p.txt,
        #boutiqueHotel p.txt,
        #beachHotel p.txt{
            min-height: 190px;
        }
        .cate .text {
            max-width: 900px;
        }
        .area p{
            margin: 16px 0;
            gap: 8px;
            font-size: 14px;
        }
        .listBottom svg {
            height: 36px;
        }
        .review{
            max-width: 856px;
            margin: 0 auto;
            margin: 24px auto 0;
        }
    }

    @media screen and (min-width: 1024px){
        nav.naviMenu{
            width: 100%;
            margin: 0;
            padding: 20px 0px;
        }
        @media all and (-ms-high-contrast: none) {
            nav.naviMenu {
                padding: 450px 0 0 0;
            }
        }
    }

    /*　2/14追記 関連情報 */
    .relationInfo { width: 960px; margin-bottom: 25px; }
    .relationInfo h2 {
        color: #8C7E59;
        font-size: 28px;
        font-family: 'Noto Serif JP', serif;
        padding: 0;
        border-left: none;
        margin: 30px 0 0;
        text-align: center;
    }

    #luxuryHotel { margin-top: -179px; padding-top: 179px; }
    #poolHotel { margin-top: -179px; padding-top: 179px; }
    #desertHotel { margin-top: -179px; padding-top: 179px; }
    #transitHotel { margin-top: -179px; padding-top: 179px; }
    #boutiqueHotel { margin-top: -179px; padding-top: 179px; }
    #beachHotel { margin-top: -179px; padding-top: 179px; }

    @media screen and (max-width: 657px){
        #carouselSlide { margin-top: -55px; padding-top: 55px; }
        .title { top: 55px !important; }
        #luxuryHotel { margin-top: -153px; padding-top: 153px; }
        #poolHotel { margin-top: -153px; padding-top: 153px; }
        #desertHotel { margin-top: -153px; padding-top: 153px; }
        #transitHotel { margin-top: -153px; padding-top: 153px; }
        #boutiqueHotel { margin-top: -153px; padding-top: 153px; }
        #beachHotel { margin-top: -153px; padding-top: 153px; }
    }

    /*　2020/06/10追記 googlemap */
    .map {
    -webkit-filter: grayscale(0.3);
    filter: grayscale(0.3);
    }
    iframe.pc {
        max-width: 100%;
        width: 100%;
        display: block;
        margin: 0;
        height: 410px;
    }
    
    iframe.sp {
        box-sizing: border-box;
    width: 94%;
    height: 110vw;
    margin: 3vw 3%;
    }

.tourPrice {
    font-size: 15px;
    font-weight: bold;
    color: #f9423a;
}
.tourPrice a { color: #F9423a; }
@media screen and (max-width: 657px){
    .tourPrice { margin: 7px 0 0; }
    .tourPrice >a { display: inline; }
 }
.tourPrice span {
font-size: 18px;
}