@charset "utf-8";


/*--------------------------------------MV*/
#MV{
    padding: 60px 0 40px 0;
}
#MV:before,
#MV:after{
    background-size: contain;
}
#MV:before{
    width: 100px;
    height: 100px;
}
#MV:after{
    width: 140px;
    height: 140px;
}
#MV .Inner{}
#MV .Inner strong{}
#MV .Inner span{}

#MV .Inner h1{
    padding: 0 20px;
}
#MV .Inner h1 p{
    font-size: 19px;
}
#MV .Inner .en{
    font-size: 12px;
}

/*---------------------------------Area*/
#Area{}

#Area h2{
    margin-bottom: 30px;
}

#Area .Tab{
    flex-wrap: wrap;
}
#Area .Tab li{
    flex: auto;
    aspect-ratio: auto;
    width: 50%;
    max-height: inherit;
    min-height: auto;
    padding: 20px 0 33px 0;
}
#Area .Tab li:hover{}
#Area .Tab li.select{}
#Area .Tab li:before{}
#Area .Tab li:hover:before{}
#Area .Tab li.select:before{}
#Area .Tab li p{}
#Area .Tab li .main{
    font-size: 15px;
    line-height: 1;
}
#Area .Tab li .sub{
    font-size: 10px;
}
#Area .Tab li:after{
    font-size: 30px;
}

#Area .Tab li.asiacity{}
#Area .Tab li.asiabeach{}
#Area .Tab li.europe{}
#Area .Tab li.oceania{}


/*-----------------------------------TabEntry*/
.TabEntry{}
.TabEntry .icon img{}
.TabEntry .SC{
    flex-wrap: wrap;
    row-gap: 15px;
    justify-content: left;
    padding: 30px 0;
}
.TabEntry .SC li{
    width: 48%;
}
.TabEntry .SC li .icon{}
.TabEntry .SC li a{
    font-size: 12px;
    text-align: center;
    padding: 5px 10px 4px 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
}
.TabEntry .SC li a:after{
    /* margin-top: auto; */
}
.TabEntry .SC li a:hover{}

.TabEntry .Sec{
    padding-top: 100px;
}

.TabEntry .Sec .Inner{
    padding: 20px 25px 50px 20px;
}
.TabEntry .Sec .Title{margin-bottom: 15px;flex-wrap: wrap;row-gap: 10px;}
.TabEntry .Sec .Title h3{
    font-size: 18px;
    line-height: 1.2;
}
.TabEntry .Sec .Title h4{}
.TabEntry .Sec .Title h4 .icon{
    width: 18px;
}
.TabEntry .Sec .Title h4 .txt{
    font-size: 15px;
}
.TabEntry .Sec .Intro{
    flex-direction: column;
    margin-bottom: 20px;
}
.TabEntry .Sec .Intro .txt{
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 15px;
}
.TabEntry .Sec .Intro dl{}
.TabEntry .Sec .Intro dt{}
.TabEntry .Sec .Intro dd{}

.TabEntry .Sec .TourLink{}
.TabEntry .Sec .TourLink .subttl{
    font-size: 17px;
}
.TabEntry .Sec .TourLink .subttl:before,
.TabEntry .Sec .TourLink .subttl:after{}

.TabEntry .Sec:after{
    height: 190px;
}
.TabEntry .Sec:before{
    height: 190px;
}
.TabEntry .Sec#kuala:before{}
.TabEntry .Sec#bangkok:before{}
.TabEntry .Sec#singapore:before{}
.TabEntry .Sec#bali:before{}
.TabEntry .Sec#phuket:before{}
.TabEntry .Sec#crabi:before{}
.TabEntry .Sec#langkawi:before{}
.TabEntry .Sec#london:before{}
.TabEntry .Sec#paris:before{}
.TabEntry .Sec#australia:before{}
.TabEntry .Sec#auckland:before{}
.TabEntry .Sec#maldives:before{}

.TabEntry .Sec .btn{flex-wrap: wrap;row-gap: 10px;}
.TabEntry .Sec .btn.multi{
    width: 100%;
}
.TabEntry .Sec .btn a{
    display: block;
    padding: 15px 20px !important;
    font-size: 14px;
}
.TabEntry .Sec .btn.multi a{
    width: 100%;
    font-size: 14px;
}
.TabEntry .Sec .btn a:hover{}

.TabEntry .ItemInner{}
.TabEntry .None{}
.TabEntry .None p{
    font-size: 15px;
}
.TabEntry .None ul{}
.TabEntry .None li{
    width: 100%;
}
.TabEntry .None li a{}


/*----------------------------------------------------------Item*/
#Item{}


/*-------------------------------------------------RefineSearch*/
#RefineSearch{
    width: var(--Width);
    margin-bottom: 20px;
}
#RefineSearch .SMPaccrTtl{
    display: block;
    border: 1px solid var(--MainColor);
    border-radius: 3px;
    color: var(--MainColor);
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    padding: 5px 0;
    margin-bottom: 20px;
    position: relative;
}
#RefineSearch .SMPaccrTtl:before{position: absolute;right: 8px; top:50%; margin-top:-0.5em;content:"\f067"; font-family:FontAwesome; line-height: 1}
#RefineSearch .SMPaccrTtl.active:before{content:"\f068";}
#RefineSearch .Main{}
#RefineSearch .Main dl{}
#RefineSearch .Main dl + dl{}
#RefineSearch .Main dl#DayTags,
#RefineSearch .Main dl#DeptTags{}
#RefineSearch .Main dl#DeptTags{}
#RefineSearch .Main dl#PickupTags{}
#RefineSearch .Main dt{}
#RefineSearch .Main dt span{}
#RefineSearch .Main dd{}
#RefineSearch .Main ul{}
#RefineSearch .Main li{
    width: 49%;
}
#RefineSearch .Main li + li{}
#RefineSearch .Main li.All{}
#RefineSearch .Main li input{}
#RefineSearch .Main li input[type=radio]{}
#RefineSearch .Main li input[type=radio] span{}
#RefineSearch .Main li input[type=radio]+label{
    font-size: 13px;
    flex-wrap: wrap;
    padding-left: 10px;
}
#RefineSearch .Main li input[type=radio]+label:hover{}
#RefineSearch .Main li input[type=radio]+label:hover::before{}
#RefineSearch .Main li input[type=radio]:checked+label{}
#RefineSearch .Main li input[type=radio]+label::before{
    display: block;
    padding-bottom: 0;
}
#RefineSearch .Main li input[type=radio]:checked+label::before{}

#RefineSearch .Main li input[type=checkbox]{}
#RefineSearch .Main li input[type=checkbox]+label {}
#RefineSearch .Main li input[type=checkbox]+label:hover{}
#RefineSearch .Main li input[type=checkbox]+label::before{}
#RefineSearch .Main li input[type=checkbox]:checked+label{}
#RefineSearch .Main li input[type=checkbox]:checked+label::before{}
#RefineSearch .Main li input[type=checkbox]+label:hover::before  {}

#RefineSearch .Main li span{
    display: none;
}
#RefineSearch .Main .lowWrap{}
#RefineSearch .Main .low{}
#RefineSearch .Main .low dt{}
#RefineSearch .Main .low dd{}
#RefineSearch .Main .low dd ul{}
#RefineSearch .Main .low dd li{}
#RefineSearch .Main .low + .low{}

#RefineSearch .Foot{
    flex-direction: column;
    padding-bottom: 10px;
}
#RefineSearch .Foot #count{}
#RefineSearch .Foot #count ul{
    justify-content: center;
    font-size: 14px;
    margin-bottom: 10px;
}
#RefineSearch .Foot #count li{}
#RefineSearch .Foot #count span{}
#RefineSearch .Foot #count strong{
    font-size: 23px;
}
#RefineSearch .Foot #Sort{
    justify-content: center;
}
#RefineSearch .Foot #Sort li{}
#RefineSearch .Foot #Sort li:hover{}
#RefineSearch .Foot #Sort li.act{}

body#item .ItemWrap{
    width: var(--Width);
    margin: 0 auto;
}