@charset "utf-8";
/* CSS Document */

#Wrap{
    /* display: flex; */
    /* flex-direction: column-reverse; */
    /* padding-top: 20px; */
}

/*---------------------------------------------------MainVisual*/
#MainVisual{box-shadow: 0px 6px 3px -4px rgba(0,0,0,0.3) inset;background-image:url("../images/mainvisual_photo_smp.jpg");height: 390px;background-size: cover;}
#MainVisual:after{background-image:url("../images/mainvisual_circle_smp.png");bottom: -20px;background-size: contain;background-position: bottom center;background-repeat: no-repeat;}
#MainVisual h2{
    padding-top: 30px;
    font-size: 3.5vw;
    letter-spacing: 0;
    padding-bottom: 10px;
}
#MainVisual h2 strong{
    font-size: 5.3vw;
}
#MainVisual h3{
    margin-bottom: 20px;
}
#MainVisual h3 p{
    width: 60%;
}
#MainVisual h3 p img{}
#MainVisual h3 p + p{
    width: 35%;
}
#MainVisual .loadingIn{}

/*---------------------------------------------------Search*/
#Search{
    width: 90%;
    background-color: rgba(255,255,255,0.5);
}
#Search ul{
    display: block;
}
#Search li{
    padding: 5px 10px;
}
#Search li + li{}
#Search li:hover{}
#Search li#dst{padding-top: 10px;}
#Search li#day{}
#Search li#date{}
#Search li#date input:hover{}
#Search li#btn{}
#Search li#btn button{}
#Search li#btn button:before{}
#Search li#btn button:hover{}
#Search li#date ::placeholder{}

/*---------------------------------------------------About*/
#About{
    margin-top: 30px;
    background-image:url(../images/wave.png);
    background-position:center top;
    background-repeat:no-repeat;
    background-size: contain;
    padding-top: 40px;
}
#About .MainTxt{
    line-height: 1.8;
    font-size: 14px;
    margin-bottom: 25px;
}
#About .MainTxt span{
    display: block;
}
#About .Inner{
    width: 100%;
    margin-bottom: 15px;
}
#About .Inner .Entry{
    display: block;
}
#About .Inner .Entry:nth-of-type(3),#About .Inner .Entry:nth-of-type(4){}
#About .Inner .Entry .photo{
    width: 100%;
}
#About .Inner .Entry .photo .img{}
#About .Inner .Entry .photo .img img{object-fit: cover;width: 100%;height: 210px;object-position: 0 40%;}
#About .Inner .Entry .photo .caption{}
#About .Inner .Entry .main{
    width: 100%;
    padding: 26px 10px;
    box-sizing: border-box;
}
#About .Inner .Entry .main dl{}
#About .Inner .Entry .main dt{
    padding-bottom: 15px;
}
#About .Inner .Entry .main dd{}
#About .Inner .Entry .main dd a{}
#About .Inner .Entry .main dd a:after{}
#About .Inner .Entry .main dd.PConly{display: none;}
#About .Inner .Entry .main dd.SPonly{
    display: block;
}
#About .Inner .Entry:nth-of-type(1) .main{}
#About .Inner .Entry:nth-of-type(4) .main{}
#About .Inner .Entry:nth-of-type(1) .main,#About .Inner .Entry:nth-of-type(4) .main,#About .Inner .Entry:nth-of-type(1) .main a,#About .Inner .Entry:nth-of-type(4) .main a{}
#About .Inner .Entry:nth-of-type(1) .main a:hover,#About .Inner .Entry:nth-of-type(4) .main a:hover{}

#About .subInner{
    width: 90%;
    margin-bottom: 15px;
}
#About .subInner ul{
    display: block;
    font-size: 16px;
}
#About .subInner li{}
#About .subInner li + li{
    transform: inherit;
    width: auto;
    padding-top: 10px;
    height: auto;
    margin-top: 10px;
    padding-left: 0;
    margin-left: 0;
    display: block;
    border-left: none;
    border-top: 1px solid #a7a7a7;
}
#About .subInner li + li{}
#About .subInner li span{
    display: inline;
}
#About .subInner li span{}
#About .subInner li + li span.SPbr{
display: block;    
transform: inherit;
}
#About .subInner li + li span{
    margin-left: 0;
}
#About .subInner li + li span:nth-of-type(1){
    margin-left: 0;
}
#About .subInner li + li .SPbr span{}
#About .attention{}
#About .attention span{
    display: block;
}


/*------------------------------------LineUP*/
#LineUP{
    background-image: none;
}
#LineUP .SC{
    width: 100%;
    display: block;
    padding-top: 0;
    position: relative;
    z-index: 3;
    padding-bottom: 0;
}
#LineUP .SC h2{
    margin-right: 0;
    margin-bottom: 20px;
    color: #ad9e68;
}
#LineUP .SC h2 .main{
    font-size: 10vw;
}
#LineUP .SC h2 .sub{
    font-size: 4vw;
}
#LineUP .SC ul{flex-wrap: wrap;justify-content: space-between;margin: 0 10px;}
#LineUP .SC li{
    width: 49%;
    padding: 26px 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 4px;
}
#LineUP .SC li:before{content:"";background-color: rgba(0,0,0 ,0.5);width: 100%;height: 100%;position: absolute;display: block;top: 0;left: 0;border-radius: 4px;}
#LineUP .SC li .main{
    color: #fff;
    position: relative;
    z-index: 2;
    padding-bottom: 5px;
}
#LineUP .SC li .main a{
    color: #fff;
}
#LineUP .SC li .sub{
    color: #fff;
    position: relative;
}
#LineUP .SC li:after{
    content: "\f105";
    color: #fff;
    position: absolute;
    right: 10px;
    line-height: 1;
    margin-top: -1rem;
    top: 50%;
}
#LineUP .SC li:hover,#LineUP .SC li:hover a{}

#LineUP .SC li.HWI{ background-image: url("../images/dst_mainvisual_hawaii.jpg")}
#LineUP .SC li.GUM{ background-image: url("../images/dst_mainvisual_guam.jpg")}
#LineUP .SC li.SIN{ background-image: url("../images/dst_mainvisual_singapore.jpg")}
#LineUP .SC li.THA{ background-image: url("../images/dst_mainvisual_thai.jpg")}
#LineUP .SC li.MDV{ background-image: url("../images/dst_mainvisual_maldives.jpg")}

#LineUP .Dst{/* display:none; */}