@charset "utf-8";
/*
* ★★CSS for PC
*
* @date 2013.06.17
* @author HeChengHao
*/

/* -- Reset -- */
ul,li,dl,dt,dd{ list-style:none;}
#widewrapper{ width:100% !important;}
#contentsArea {font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif; background:#fff;word-wrap:break-word;}
#contentsArea a:visited:hover,#contentsArea a:link:hover,#contentsArea a:visited:active,#contentsArea a:link:active{text-decoration:none;}
#contents.column1{width:100%; margin:0 auto;padding:0;background:none; color:#000; position:relative;}
#contents.column2L{ margin:0 auto; background:#fff !important;}
#mainContents{ width:100%; position:relative;}
#contentsArea .sp{display:none;}
*[class*="btn"]{text-align:center; line-height:0;}
*[class*="btn"] a:hover,*[class*="btn"] a:active{opacity:0.7;filter:alpha(opacity=70); text-decoration:none !important;}


/* -- *contentsArea* -- */
.midbox{ width:1115px; clear:both;margin:0 auto; position:relative; padding-bottom:50px;}
.widebox{ width:100%; clear:both;position:relative;}
.ttl{ line-height:0; text-align:center;}
.ttl2{text-align:center; background:url(../images/ttlBg.gif) repeat-x; height:39px; margin-bottom:25px;}
.ttls1{ color:#529ebf; font-weight:bold; padding:20px 0 0; font-size:17px;}
.ttls1 img{ vertical-align:-1px; padding-right:3px;}
.atn{ width:1115px; margin:20px auto 40px; font-size:12px; line-height:1.5; color:#000;}
.grp,.photo{ text-align:center; line-height:0; }
.photo img{ width:100%;}
.bnr{ overflow:hidden; clear:both; margin-top:10px; line-height:0; text-align:center;}
.bnr a:hover{ opacity:.7;}
p.bnr{ margin-top:30px;}
ul.bnr li{ text-align:center; display:inline-block; padding:0 3px;}


/* top */
#keyVisual{width:100%;overflow:hidden;clear:both;margin:0; line-height:1.3;}
#keyVisual h1{ height:338px; background:url(../images/ttlBnr.jpg) center bottom no-repeat; background-size:cover;}
#keyVisual .logo{ position:absolute; left:0; top:0; text-align:center; width:100%;}
#keyVisual .slidebox{ width:100%; overflow:hidden; position:relative;}
#keyVisual .rslides{ width:100%;overflow:hidden;}
.rslides li{ position:relative; width:100%;}
.rslides li img{ width:100%;}
#keyVisual .rslides li dl{ width:500px; position:absolute; left:50%; margin-left:57px; bottom:10%; background:rgba(51,51,51,0.8); padding:10px; box-sizing:border-box; overflow:hidden; color:#fff; z-index:99;}
#keyVisual .rslides li dl dt{ font-size:18px; font-weight:bold; padding-bottom:5px;}
#keyVisual .rslides li dl dt span{ font-size:14px; display:block; padding-bottom:3px;}
#keyVisual .rslides li dl .pr{ font-size:14px; width:640px; float:left; }
#keyVisual .rslides li dl .btn{ position:absolute; right:10px; top:auto; bottom:10px; width:130px;}
#keyVisual .rslides li dl .btn a{ display:block; border-radius:5px; color:#fff; background:#FF9C01 ; text-align:center; padding:13px; font-size:16px;}
#keyVisual .rslides li dl .btn a:hover{ opacity:1; background:#fff; color:#FF9C01;}
#keyVisual .rslides_tabs{ position:static; right:0; bottom:0; margin-left:0; overflow:hidden; text-align:center;}
#keyVisual .rslides_tabs li{ display:inline-block; margin:3px; float:none;}
#keyVisual .rslides_tabs li a{ border:none; text-indent:-9999px; padding:0; width:15px; height:15px; line-height:0; border-radius:50px; background:#c6c6c6;}
#keyVisual .rslides_tabs li.rslides_here a,#keyVisual .rslides_tabs li a:hover{ background:#a6a6a6;}
.rslides_nav{top:50%;position:absolute;z-index:10;text-indent:-9999px;overflow:hidden;text-decoration:none;height:36px;width:16px;margin-top:-18px;}
.rslides_nav:hover,.rslides_nav:active{opacity:0.7;}
.rslides_nav.next{background:transparent url(../images/main_btn_next.png) no-repeat left top;right:5px;position:absolute;}
.rslides_nav.prev{background:transparent url(../images/main_btn_prev.png) no-repeat left top;left:5px;position:absolute;}

/* nav */
nav{ overflow:hidden; clear:both; padding: 0;}
nav ul{ line-height:0; text-align:center; overflow:hidden; border-bottom:1px solid #d4d3d2; padding:25px 0;}
nav ul li{ display:inline-block; margin:0 85px;}
nav ul li:first-child{ margin-left:0;}
nav ul li:last-child{ margin-right:0;}

/* -- Contents -- */
.areamap{ background:url(../images/areamap.jpg) no-repeat;height:693px; padding-top:60px; box-sizing: border-box; margin-top: 30px;}
.areabtn{ overflow:hidden; clear:both; line-height:0; text-align:center; overflow:hidden;  padding:25px 0;}
.areabtn li{ display:inline-block; margin:0 25px;}
.areabtn li:first-child{ margin-left:0;}
.areabtn li:last-child{ margin-right:0;}

#PART1 h2.ttl{ padding-top: 80px;}
#PART1 h3{ padding-bottom:15px;}
#PART1 .tpr{ text-align:center; color:#ad7b33;}
#PART1 .spt1:first-child{ margin-top:80px; }
#PART1 .spt1:last-child{  border-bottom:none; }

.spt .chara{ overflow:hidden; margin-bottom:5px;}
.spt .chara li{ display:inline-table; padding:3px 8px; border-radius:5px; background:#f19100; font-size:13px; margin:0 3px 3px; color:#fff; vertical-align:middle;}
.spt .txt{ line-height:1.5; font-size:15px; margin-bottom:15px; color:#674413;}

.spt1{ margin:50px auto 0; clear:both; overflow:hidden; padding-bottom: 50px; border-bottom: 1px solid #fbccda;}
.spt1 .photo{position:relative; overflow:hidden; width:620px; margin:25px 0 0; float:left;}
.spt1 .fltbox{ float:right; width:460px; margin:25px 0 0;}
.spt1:nth-child(2n) .photo{ float:right;}
.spt1:nth-child(2n) .fltbox{ float:left;}
.spt1 .chara li{ font-size:15px; padding:6px 8px; background:#21a6a5; margin:0 4px 10px 0;}
.spt1 .chara li:first-child{ padding:0; border-radius:0; background:none;}
.spt1 .txt{ font-size:15px; margin-bottom:25px;}
.spt1 .txt a{ display:block; color:#243bc6 !important; text-decoration:underline !important;}
.spt1 .txt a:hover{text-decoration:none !important;}
.spt1 p.btn a{ display:block; background:url(../images/btn1_2.gif) no-repeat; width:447px; height:47px; color:#f15784 !important; font-size:18px; text-align:center; line-height:47px; margin:0 auto; }
.spt1 p.btn a:hover{ background:url(../images/btn1_2_o.gif) no-repeat; color:#fff !important;}

.spt1.spt1a{ border:1px dotted #f15784; border-top:8px solid #f15784; background:#fff6f9; padding:20px 10px; position:relative;}
.spt1.spt1a .photo{ float:left; width:620px; margin:0;}
.spt1.spt1a .fltbox{ float:right; width:460px; margin:0;}
.spt1.spt1a .name{padding-bottom:10px;}
.spt1.spt1a .name a{ font-size:18px; font-weight:bold; color:#f15784 !important;}
.spt1.spt1a .explain{ font-size:13px; padding-bottom:10px;}
.spt1.spt1a .rank{ border-radius:5px; border:1px solid #21a6a5; color:#21a6a5; padding:5px; background:#fffde3; position:absolute; right:10px; top:20px; font-size:14px;}
.spt1.spt1a .rank span{ padding-left:10px; font-size:13px; vertical-align:1px;}
.spt1.spt1a ul.btn{ overflow:hidden; clear:both;}
.spt1.spt1a ul.btn li{ width:50%; padding:0 5px; box-sizing:border-box; float:left;} 
.spt1.spt1a ul.btn li a{ display:block;background:#f15784; border:1px solid #f15784; color:#fff !important;font-size:16px; padding:8px 0; text-align:center;line-height:1; }
.spt1.spt1a ul.btn li a:hover{background:#fff; border:1px solid #f15784; color:#f15784 !important; }

.spt2{ width:375px; float:left; margin:0 25px 50px;position:relative; color:#000; padding:8px; background:rgba(255,255,255,0.3);}
.spt2:nth-child(2n-1){clear:left;}
.spt2:nth-child(2n){ float:right; clear:right;}
.spt2 .photo{ float:right; width:155px;}
.spt2 .fltbox{ float:left; width:210px; font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;}
.spt2:nth-child(2n) .photo{ float:left;}
.spt2:nth-child(2n) .fltbox{ float:right;}
.spt2 .name{ font-size:18px; margin-bottom:10px;}
.spt2 .btn a:hover{ opacity:1;filter:alpha(opacity=100); }
.spt2 img.ubd{margin-top:-50px;}


.spt4{ width:272px; float:left; margin:9px 9px 0 0; line-height:0; position:relative;}
.spt4:nth-child(4n){ margin-right:0;}
.spt4 .txt{ line-height:1.3; text-align:center; width:100%; padding:5px 10px 5px 5px; box-sizing:border-box; position:absolute; left:0; bottom:0; color:#fff; background:url(../images/arrow_white_r.png) 97% center no-repeat rgba(51,51,51,0.8); background-size:7px;}
.spt4 a:hover{ opacity:.7;}
.spt4 .name{ font-size:13px;}
.spt4 .price{ font-size:14px;}
.spt4 .price b{ font-size:18px;}


/* hotel */
.column1 .hotels{ width:100%; margin-top:20px;}
.column1 .hotels .htlBox4{ width:270px; border:1px solid #2d8fb6;}
.column1 .hotels .htlBox4:nth-child(4n){ margin-right:0;}
.column1 .hotels .htlBox4 .area{ background:#2d8fb6;}
.column1 .hotels .htlBox4 .area big{font-size:14px;}
.column1 .hotels .htlBox4 h1{ color:#1d54a7;}
.column1 .hotels .htlBox4 .chara li{ background:#ff9c00;}
.column1 .hotels .htlBox4 .rate,.column1 .hotels .htlBox4 .rank{ background:#e2f1f5; border:none;}
.column1 .hotels .htlBox4 .rate span,.column1 .hotels .htlBox4 .rank span{ display:inline-block; color:#2d8fb6; font-weight:bold; font-size:13px; vertical-align:2px;}
.column1 .hotels .htlBox4 .plan li a{ border:1px solid #ff9c00; padding:0;}
.column1 .hotels .htlBox4 .plan.dap li{ font-size:82%;}
.column1 .hotels .htlBox4 .plan.dap li .price em{ font-size: 140%;font-style: normal; font-weight: bold;}
.column1 .hotels .htlBox4 .plan.dap li .price small{ display:block; font-size:100%; letter-spacing:-1px;}
.column1 .hotels .htlBox4 .plan li a .tt{ background:#ff9c00; padding:3px 0; text-align:center; font-size:15px; text-align:center; color:#fff;}
.column1 .hotels .htlBox4 .plan li a .planName{ padding:5px; color:#1d54a7;}
.column1 .hotels .htlBox4 .price{ padding-bottom:5px; text-align:center;}
.column1 .hotels .htlBox4 .price span{color:#ea0006;}
.column1 .hotels .htlBox4 .price small.foreign{ text-align:center;}
.column1 .hotels .htlBox4 .btn{ overflow:hidden;}
.column1 .hotels .htlBox4 .btn li a{ background:#ff9c00; font-weight:bold; line-height:1;}
.column1 .hotels .htlBox4 .btn.dap{ padding-bottom:5px;}
.column1 .hotels .htlBox4 .btn.dap li{ width:50%; float:left; padding:0 2px 3px; box-sizing:border-box; margin:0;}
.column1 .hotels .htlBox4 .btn.dap li a{background:url(../images/arrow_white_r.png) 95% center no-repeat #ff9c00; background-size:7px; font-size:14px;}

.ttlhtl{ margin-top:40px; font-size:20px; border-left:10px solid #2d8fb6; padding:10px; background:#e2f1f5; color:#2d8fb6; margin-bottom:20px; font-weight:bold;}
.ttlhtl a{ display:table; float:right; background:url(../images/arrow_black_r.png) 97% center no-repeat #fff; background-size:5px; color:#000; padding:4px 30px; font-size:14px; border-radius:3px; font-weight:normal;}
.ttlhtl a:hover{ opacity:.7;}
.btn3{ clear:both; overflow:hidden; text-align:center;}
.btn3 a{ display:table; margin:30px auto 50px; padding:15px 50px; font-size:24px; font-weight:bold; color:#fff !important; background:url(../images/arrow_white_r.png) 97% center no-repeat #2d8fb6; border-radius:5px; line-height:1;}
.btn3 a br{ display:none;}

/* -- search -- */
#contents.column1 #search-box{border:none; background:#fff; width:1115px; margin:0 auto 50px;}
#contents.column1 #search-box h1{text-align:center; background:url(../images/ttlBg.gif) repeat-x; height:39px; margin:0 0 25px;}
#contents.column1 #search-box-body{background:#fff; padding:0 50px;}
.column1 #search-box #domestic-search-box, .column1 #search-box #overseas-search-box{ padding:0;}
#contents.column1 #search-box .searchCategory{width:auto;}
.column1 #search-box p.searchSubmit a{ background:url(../images/btnSearch.gif) no-repeat; width:209px; height:39px;}

/* -- gotop -- */
.gotop{position:fixed;right:10px;bottom:10px;}
.gotop a:hover{opacity:0.7;filter:alpha(opacity=70);}
.endFix{position:absolute;}

/* footbnr */
.footbnr{ width:100%; margin:30px auto 20px; box-sizing:border-box;}
.footbnr a:hover{ opacity:.7;}
.footbnr .lftBtnOth{ float:left; width:35px; background:url(../images/arrow_white_l.png) center center no-repeat #f15784; text-indent:-9999px;}
.footbnr .rgtBtnOth{ float:right; width:35px; background:url(../images/arrow_white_r.png) center center no-repeat #f15784; text-indent:-9999px;}
.footbnr .slideOth{ float:left; width:calc( 100% - 70px);}
.footbnr .slideOth ul{ overflow:hidden; border:1px solid #c9c9c9; padding:20px 0;}
.footbnr .slideOth ul li{ float:left; width:205px; padding-left:20px; box-sizing:border-box; font-size:13px; line-height:1.3;}
.footbnr .slideOth ul li img{ width:100%; padding-bottom:3px;}
.btn2{ clear:both; overflow:hidden; text-align:right;}
.btn2 a{ display:block;background:url(../images/arrow_white_r.png) 95% center no-repeat #21a6a5; background-size:8px; font-size:16px; font-weight:bold; border-radius:3px; padding:8px 40px; line-height:1; float:right; color:#fff !important;}



/* zoomSlide */
#kanban {position: relative;overflow: hidden; width: 100%;min-height:300px;background-color: #999; max-height:600px}
.kanban-inner-content {position: relative;z-index: 2;margin: 100px auto;padding: 70px;max-width: 900px;color: #fff;text-align: center;font-size: 1.5em;}
.kanban-inner-content h1 {font-size: 2.5em;margin: 0;}
#kanban .logo{ position: absolute; left: 50%; top: 20px; margin-left: 400px; z-index: 999;}

/* NEW1 */
#NEW1{ background: url(../images/imgBgN1.gif) repeat; overflow: hidden;}
#NEW1 .sptflower{ background:url(../images/imgN1_2.png) no-repeat; width: 1086px; height: 370px; margin: 0 auto; position: relative; z-index: 9;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; color:#674413;}
#NEW1 .sptflower .ttl{ margin-top: 35px; font-size: 30px; line-height: 1;}
#NEW1 .sptflower .pr{ font-size: 18px; line-height: 2; margin: 30px 220px 0 250px; color:#442301;}
#NEW1 .areaBox{ background:url(../images/imgN1_4.jpg) no-repeat; margin-top:-20px;width:1104px; height: 439px; position: relative; overflow: hidden;}
#NEW1 .areaBox .ttl{ margin-top: 40px;}
#NEW1 .areaBox ul li{ position: absolute; }
#NEW1 .areaBox ul li:nth-child(1){left: 425px; top:175px;}
#NEW1 .areaBox ul li:nth-child(2){left: 120px; top:160px;}
#NEW1 .areaBox ul li:nth-child(3){left: 270px; top:210px;}
#NEW1 .areaBox ul li a:hover{ opacity: .7;}
#NEW1 .areaBox .pr{font-size: 16px; line-height: 1.4; width:370px; position: absolute; right: 50px; top: 100px; font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; }

#Jakarta,#Yogyakarta{ border-top: 1px solid #b2b2b2; padding-bottom: 50px;}
#Bali h2.ttl,#Jakarta h2.ttl,#Yogyakarta h2.ttl{ padding-top: 50px;}
#Bali .midbox{padding-bottom:0;}

.sptSlide{ overflow: hidden; margin-top: 50px;}
.sptSlide .photo{ line-height: 0; position: relative;}
.sptSlide .jdsSlides,.sptSlide .rslides_tabs{ overflow: hidden;}
.sptSlide .rslides_tabs li{ width: 135px; float:left; margin: 5px 5px 0 0 ;}
.sptSlide .rslides_tabs li:last-child{ margin-right:0; }
.sptSlide .rslides_tabs li:hover{ opacity: 0.7;}
.sptSlide .explain{ font-size: 15px; line-height: 1.7; margin: 20px; overflow: hidden; color:#674413; }
.sptSlide .btn{ overflow: hidden; margin: 20px auto 0; width: 450px;}
.sptSlide .btn a{ display:block; background:url(../images/btn1_2.gif) no-repeat;color:#f15784 !important; font-size:18px; text-align:center; line-height:47px;}
.sptSlide .btn a:hover{ background:url(../images/btn1_2_o.gif) no-repeat; color:#fff !important;}


/* -- gotop -- */
.jdsShowFix{bottom:0;position:fixed;right:10px;z-index:9; display:block; cursor:pointer;}
.jdsShowFix:hover{opacity:0.7;filter:alpha(opacity=70);}

.btn a {font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;}


/* -- coupon -- */
.cpn_tlt { text-align: center; background: #f15784; color: #fff; font-size: 14px; padding: 8px; position: relative;}
.cpn_tlt:before { position: absolute; content: ""; border-top: 8px solid #f15a22; border-left: 7px solid transparent; border-right: 7px solid transparent; bottom: -8px; left: 50%;}
.cpn_tlt span { display: block; width: 110px; position: absolute; left: -22px; top: -20px;}

.cpn_exp { font-size: 13px; line-height: 1.6; color: #333; width: 480px; margin: auto auto 20px auto;}

.cpnholder{    justify-content: flex-start;    flex-wrap: wrap;    padding-bottom: 10px;display:block;}

.cpnholder .details { width: 300px; margin: 10px auto; text-decoration: none; background: #fff;}
.cpnholder .details span { font-size: 14px; text-decoration: none; border: none; color: #333;}
.cpnholder .details span:hover { color: #d00505;}
.cpnholder li{margin-top:0; padding-bottom: 10px; background: #f1f1f1; box-sizing: border-box;  }
#idnCOUPON{margin-top:	30px; margin-bottom: 10px; padding-bottom:0;}
#idnCOUPON .btn a:hover{ background:url(../images/btn1_2_o.gif) no-repeat; color:#fff !important;}
#idnCOUPON .btn{ overflow: hidden; margin: 20px auto 20px; width: 450px;}
#idnCOUPON .btn a { display:block; background:url(../images/btn1_2.gif) no-repeat;color:#f15784 !important; font-size:18px; text-align:center; line-height:47px;}

/* s6 */
.summary {
    margin: auto;
    width: 950px;
    line-height: 1.6;
}
.summary table {
    width: 100%;
    font-size: 1.3em;
    background-color: #FFF;
    color: #000;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 30px;
}
.summary caption {
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
    font-size: 20px;
    color: #462502;
}
.summary table th {
    width: 26%;
}
.summary table th, .summary table td {
    padding: 10px;
    border: 1px solid #a59d83;
    font-size: 13px;
    text-align: left;
}
.summary table th {
    background: #d5cfb9;
    text-align: center;
    color: #5b5339;
}

.point{background: #F5D96B; width:auto;}

.point img{max-width:950px;}