@charset "utf-8";

:root{--Width:90%;--WidthFix:90%;--Maxwidth: inherit;--MinWidth:auto;--Padding: 30px 0 40px 0;}

html.modal-is-locked{overflow:hidden;touch-action:none}
.modal-is-locked .overlay:before{background-color:rgba(0,0,0,0.8)!important}
.commonHeader{position:relative}
.disp-overlay .commonHeader{ position: fixed;}
.wrapper{padding-top:0}
.header_change{display:none}
.commonHeader .hamburger{
    z-index: 999;
}

/*------------------------------setting*/

article .FontEn{}

article .photo{}
article .photo .owl-item{}

.owl-theme .owl-controls{}
.owl-theme .owl-controls .owl-buttons div{}
.owl-theme .owl-controls .owl-page span{}

article img{}
article .sizeS{}

article .btn{}
article .btn a{}
article .btn.border a{}
article .btn a:after{}
article .btn a:hover{}

article .subttl{}
article .subttl:before,
article .subttl:after{}

article .commonTtl{}
article .commonTtl .main{
    font-size: 20px;
    padding-bottom: 0;
}
article .commonTtl .main span{}
article .commonTtl .sub{}

/*------------------------------------------menuArea*/
.menuArea{position:relative;border: none;}
.menuArea:before{
    content: none;
}
.menuArea.fixed{position:fixed;width:100%;top:0;z-index:999}
.menuArea .Inner{display:none;box-sizing: border-box;width: auto;}
.menuArea .humb{display:block;position:absolute;right:10px;top:10px;padding:0 10px;font-size:10px;text-align:center;width:45px;height:45px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;border-radius:3px;padding-top:6px;box-shadow:0 0 3px rgba(0,0,0,0.5);background-color:#fff;z-index: 9;}
.menuArea.header_change .humb{display:none}
.menuArea .humb span{border-top:1px solid #000;display:block;padding-top:5px;letter-spacing:.5px;position:relative;margin-top:5px;font-weight:700}
.menuArea .humb span:before,.menuArea .humb span:after{content:"";border-top:1px solid #000;display:block;width:100%;height:1px}
.menuArea .humb span:before{margin-bottom:3px}
.menuArea .humb span:after{content:"";position:absolute;left:0;top:-6px}
.menuArea.open{display:block;width:100%;height:100%;position:fixed;overflow-y:scroll;top:0;right:-100%;z-index:9999;text-align:center;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;transition:all .4s;-webkit-overflow-scrolling:touch;right:0;background-color: var(--MainColor);}
.menuArea.open .humb{right:auto;left:15px;top:20px;padding:0;display:block;box-shadow:none;z-index:999999;background-color:initial;position:fixed}
.menuArea.open .humb span{display:none}
.menuArea.open .humb:before,.menuArea.open .humb:after{content:"";width:2px;height:47px;background:#fff;top:20px;display:block;left:20px;position:absolute}
.menuArea.open .humb:before{transform:translate(-50%,-50%) rotate(45deg)}
.menuArea.open .humb:after{transform:translate(-50%,-50%) rotate(-45deg)}
.menuArea.open .Inner{margin-left: 17%;background-color:#fff;min-height:100%;text-align:left}

.menuArea .Inner dl{
    display: block;
    padding: 0 20px;
}
.menuArea .Inner a{
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}
.menuArea .Inner a:hover{}
.menuArea .Inner a span{}
.menuArea .Inner dt{
    width: 100%;
    display: block;
    border-bottom: 1px solid var(--MainColor);
    border*b: ;
    border*b: 1;
    border*b: 12;
    border*b: 12p;
    border*b: 12;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.menuArea .Inner dt .logo{}
.menuArea .Inner dt .txt{
    padding-left: 0;
    font-size: 16px;
    display: flex;
}

.menuArea .Inner dt strong{}
.menuArea .Inner dd{
    display: block;
}
.menuArea .Inner dd ul{
    display: block;
}
.menuArea .Inner dd li{
    margin-bottom: 10px;
}
.menuArea .Inner dd li + li:before{content: none;}
.menuArea .Inner dd li a{
    display: block;
    border: 1px solid var(--MainColor);
    border-radius: 3px;
    padding: 5px 10px;
}
.menuArea .Inner dd li a:after{
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -0.5em;
    content: "\f101";
    font-family: FontAwesome;
    line-height: 1;
    font-weight: normal;
    font-size: 100%;
    font-style: normal;
    }
.menuArea .Inner dd li.active a{}
.menuArea.header_change{}
.menuArea.header_change .Inner{}
.menuArea.header_change .Inner dd li{}
.menuArea.header_change .Inner dd li + li:before{}
.menuArea.header_change .Inner dt .txt{}
.menuArea.header_change .Inner dt .logo{}


/*--------------------------------------#MapArea*/
#MapArea{}
#MapArea .Map{display: none;}
#MapArea .Map p{}
#MapArea .Map p a{}

#MapArea .Map p.crabi{}
#MapArea .Map p.kuala{}
#MapArea .Map p.tokyo{}
#MapArea .Map p.singapore{}
#MapArea .Map p.london{}
#MapArea .Map p.maldives{}
#MapArea .Map p.paris{}
#MapArea .Map p.auckland{}
#MapArea .Map p.sydney{}
#MapArea .Map p.brisbane{}
#MapArea .Map p.melbourne{}
#MapArea .Map p.perth{}
#MapArea .Map p.bali{}
#MapArea .Map p.langkawi{}
#MapArea .Map p.phuket{}
#MapArea .Map p.bangkok{}

/*-----------------------------index*/
#MapArea.index{}
#MapArea.index:before{}
#MapArea.index .Map{}
#MapArea.index .Map h2{}
#MapArea.index .Map h2 img{}
#MapArea.index .Map p{}
#MapArea.index .Map p a{}
#MapArea.index .Map p a:hover{}
#MapArea.index .Map p.pickup a,
#MapArea.index .Map p.pickup strong{}
#MapArea.index .Map p.pickup a:hover{}

/*-----------------------------lower*/
#MapArea.lower{
    display: none;
}
#MapArea.lower h2{
    display: none;
}
#MapArea.lower .Map{}
#MapArea.lower .Map p{}
#MapArea.lower .Map p a{}
#MapArea.lower .Map p a:hover{}
#MapArea.lower .Map p.pickup a,
#MapArea.lower .Map p.pickup strong{}
#MapArea.lower .Map p.pickup a:hover{}