@charset "utf-8";

/*-------------------------------------MV*/
#MV{
    height: 280px;
    background-size: cover;
}
#MV .Inner{}
#MV .Inner h1{padding-top: 20px;}
#MV .Inner h1 img{
    width: 95%;
}
#MV .Inner h1 .main{}

/*-------------------------------------Intro*/
.Intro{}
.Intro .txt{
    width: 90%;
    margin: 0 auto;
    font-size: 3.8vw;
    padding: 60px 0;
}
.Intro p{
    line-height: 1.6;
}
.Intro p br{
    display: none;
}
.Intro p + p{
    margin-top: 15px;
}
.Intro:before,
.Intro:after{}
.Intro:before{}
.Intro:after{}


/*-------------------------------------CX*/
#CX{
    padding: 50px 0;
}
#CX .box{
    width: 100%;
    display: block;
}
#CX .box .Photo{
    width: 90%;
    margin: 0 auto;
}
#CX .box .Photo img{
}
#CX .box .Main{
    margin: 0 auto;
    width: 90%;
}
#CX .box .Main h2{
    margin-bottom: 7px;
}
#CX .box .Main h2 .logo{
    width: 60%;
    margin-bottom: 5px;
}
#CX .box .Main h2 .logo img{}
#CX .box .Main h2 .main{
    font-size: 6vw;
    line-height: 1.4;
}
#CX .box .Main h2 .main span{}
#CX .box .Main .txt{
    font-size: 3.8vw;
    line-height: 1.8;
}

/*-------------------------------------エリア共通*/

.AreaTtl{
    background-size: cover;
    height: 100px;
    margin-bottom: 20px;
}
.AreaTtl:before{}
.AreaTtl h2{
    width: 100%;
}
.AreaTtl h2 .main{
    font-size: 7vw;
    margin-bottom: 0;
}
.AreaTtl h2 .sub{
    font-size: 3vw;
}
.MainTxt{
    width: 90%;
    font-size: 4vw;
    margin-bottom: 30px;
}
.MainTxt br{
    display: none;
}
.MainTxt p{
    font-size: 3.8vw;
}
.MainTxt p + p{
    margin-top: 8px;
}
.Area{
    width: 90%;
    margin: 0 auto;
    padding-bottom: 50px;
}
.Area .Entry{
    width: 100%;
    display: block;
}
.Area .Entry + .Entry{
    margin-top: 25px;
    border-top: 2px solid #fff;
    padding-top: 20px;
}
.Area .Entry:nth-child(odd){}
.Area .Entry .box{
    margin: 0;
}
.Area .Entry:nth-child(odd) .box{
    margin: 0;
}
.Area .Entry .box h4{
    justify-content: flex-start;
    margin-bottom: 0;
}
.Area .Entry .box h4 .main{
    font-size: 6vw;
}
.Area .Entry .box h4 .sub{
    font-size: 3.5vw;
    margin-left: 16px;
    margin-bottom: 2px;
}
.Area .Entry .box .Main{
    margin-bottom: 15px;
}
.Area .Entry .box .Main .txt{
    font-size: 3.5vw;
}
.Area .Entry .Photo{
    margin-top: 15px;
}
.Area .Entry .Photo img{}
.Hotel{
    width: 90%;
    margin: 0 auto;
}
.Hotel .HotelTtl{}
.Hotel .HotelTtl h3{}
.Hotel .HotelTtl h3 .main{}
.Hotel .HotelTtl h3 .sub{}
.Recommended{
    width: 100%;
}
.Recommended .Entry{
    width: 100%;
}
.Recommended .Entry + .Entry{
    margin-top: 30px;
}
.Recommended .Entry .Ttl{
    font-size: 5vw;
    margin-bottom: 3px;
}
.Recommended .Entry  .Ttl .main{}
.Recommended .Entry .Photo{}
.Recommended .Entry .Photo img{}
.Recommended .Entry .Main{}
.Recommended .Entry .Main .SubTtl{
    font-size: 3.8vw;
}
.Recommended .Entry .Main .txt{}
.Recommended .Entry .Main .subBtn{}
/*-------------------------------------Hongkong*/
#Hongkong{
    padding-bottom: 60px;
}
#Hongkong .AreaTtl{}
#Hongkong .Area .Entry .box h4{
    margin-bottom: 3px;
}
#Hongkong .Recommended .Entry .Ttl{}

/*-------------------------------------Dubai*/
#Dubai{
    padding-bottom: 60px;
}
#Dubai .AreaTtl{}
#Dubai .Area .Entry .box h4{}
#Dubai .Recommended .Entry .Ttl{}

/*-------------------------------------Tour*/
#Tour{}
#Tour h2{}
#Tour h2 .main{}
#Tour h2 .En{}
#Tour .Sec .IconTtl{}
#Tour .Sec + .Sec{}