@charset "utf-8";
/*
* ★★CSS for SP
*
* @date 2014.4.15
* @author HeChengHao
*/


/* -- Reset -- */
#widewrapper{ position: relative;}
#contentsArea {background:#fff;}
#contentsArea .hotels a:visited:hover,#contentsArea .hotels a:link:hover,#contentsArea .hotels a:visited:active,#contentsArea .hotels a:link:active{text-decoration:none;}
#contentsArea #contents{margin:0;padding:0;background:none;color:#000;}
#mainContents{ overflow:hidden; position:relative;}
#contentsArea .pc,.grpLocationTABI,.gotop{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;}
a img{width:100%;}


/* -- contentsArea -- */
.midbox{ clear:both; overflow:hidden;margin:0 auto; position:relative; }
.widebox{clear:both; position:relative;}
.ttl{ line-height:0; text-align:center;}
.ttl img{ width:100%; max-width:300px;}
.ttl2{text-align:center; background:url(../images/ttlBg.gif) repeat-x; height:39px; margin-bottom:25px;}
.ttl2 img{ width:100%; max-width:370px;}
.ttls1{ color:#529ebf; font-weight:bold; padding:20px 10px 0; font-size:17px;}
.ttls1 img{ vertical-align:-1px; padding-right:3px;}
.atn{margin:15px 10px 30px; 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:10px 10px 0; line-height:0; text-align:center;}
.bnr img{ width:100%;}
.bnr a:hover{ opacity:.7;}
p.bnr{ margin-top:10px;}
ul.bnr li{ text-align:center; display:inline-block; padding:0 0 5px;}



/* top */
#keyVisual{width:100%;overflow:hidden;clear:both; padding:10px 0 0;margin-bottom:0; line-height:1.3;}
#keyVisual h1{ text-indent:0; background-size:100%; margin:0; padding-bottom:10px;}
#keyVisual h1 span{ font-size:12px; font-weight:normal; display:block; text-align:center; background:rgba(255,255,255,0.9); padding:5px; margin:0 10px; border-radius:5px;}
#keyVisual .logo{ display:none;}
#keyVisual .slidebox{ overflow:hidden;position:relative;}
#keyVisual .rslides{ overflow:hidden; margin:0;}
.rslides li{ position:relative; width:100%;}
.rslides li img{ width:100%;}
#keyVisual .rslides li dl{ width:100%; position:absolute; left:0; bottom:0; background:rgba(51,51,51,0.8); padding:5px; box-sizing:border-box; overflow:hidden; color:#fff;}
#keyVisual .rslides li dl dt{ font-size:14px; font-weight:bold; padding-bottom:5px;}
#keyVisual .rslides li dl dt span{ font-size:12px; display:block; padding-bottom:3px;}
#keyVisual .rslides li dl .pr{ font-size:12px;}
#keyVisual .rslides li dl .btn{ position:absolute; right:5px; top:auto; bottom:5px; width:55px;}
#keyVisual .rslides li dl .btn a{ display:block; border-radius:3px; color:#333; background:#fff; text-align:center; padding:5px 0; font-size:13px; line-height:1;}
#keyVisual .rslides_tabs{ position:absolute; right:10px; top:10px;}
#keyVisual .rslides_tabs li a{ border:none; text-indent:-9999px; padding:0; width:15px; height:15px; line-height:0; border-radius:50px;}
#keyVisual .rslides_tabs li.rslides_here a,#keyVisual .rslides_tabs li a:hover{ background:#fde26f;}
.rslides_nav{top:50%;position:absolute;z-index:10;text-indent:-9999px;overflow:hidden;text-decoration:none;height:25px;width:12px;margin-top:-12px;}
.rslides_nav:hover,.rslides_nav:active{opacity:0.7;}
.rslides_nav.next{background:transparent url(../images/main_btn_next.png) no-repeat left top; background-size:70%;right:5px;position:absolute;}
.rslides_nav.prev{background:transparent url(../images/main_btn_prev.png) no-repeat left top; background-size:70%;left:5px;position:absolute;}


/* nav */
nav{ overflow:hidden; clear:both;}
nav ul{ line-height:0; text-align:center; overflow:hidden; border-bottom:1px solid #d4d3d2; padding:15px 0;}
nav ul li{ text-align:center; margin:0 20px 20px; width: 38%; float: left;}
nav ul li img{ width: auto;}

/* -- Contents -- */

.areabtn{ overflow:hidden; clear:both; margin-top: 20px;}
.areabtn li{ width:50%; padding:0 5px 5px; float:left; text-align:center; box-sizing:border-box;}
.areabtn li a{ background:url(../images/arrow_pink.gif) right center no-repeat #fff; background-size:8px; border:1px solid #f15784; color:#f15784 !important;  font-size:16px; line-height:1; display:block; padding:10px;}
.areabtn li a:hover,.areabtn li a:active{  background:url(../images/arrow_pink_o.gif) right center no-repeat #f15784; background-size:8px; border:1px solid #f15784; color:#fff !important;}


#PART1 h2.ttl{margin-top:50px;}
#PART1 h3{ padding-bottom:10px;}
#PART1 .tpr{ text-align:center; padding-bottom:20px; }
#PART1 .spt1:last-child{  border-bottom:none; }
.mgt30{ margin-top:30px;}

.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.3; font-size:15px; margin-bottom:15px;}

.spt1{ margin:50px 10px 0; clear:both; overflow:hidden; padding-bottom: 50px; border-bottom: 1px solid #fbccda;}
.spt1 .photo{position:relative; overflow:hidden; width:100%; }
.spt1 .fltbox{ margin:20px 0 0;}
.spt1 .chara li{ font-size:14px; padding:4px 8px; background:#21a6a5; margin:0 4px 10px 0;}
.spt1 .chara li:first-child{ padding:0; border-radius:0; background:none; display:block;}
.spt1 .txt{ font-size:13px; margin-bottom:25px;}
.spt1 .txt a{ display:block; color:#243bc6 !important; text-decoration:underline !important;}
.spt1 .txt a:hover{text-decoration:none !important;}
.spt1 .btn a{ display:block; background:#fff; border:1px solid #f15784; color:#f15784 !important; font-size:16px; padding:8px 0; text-align:center; margin:0 10px; line-height:1; display:block;}
.spt1 .btn a:hover{ background:#f15784; border:1px solid #f15784; color:#fff !important;}

.spt1.spt1a{ margin:30px 8px 0; border:1px dotted #f15784; border-top:8px solid #f15784; background:#fff6f9; padding:10px; position:relative;}
.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; font-size:14px; text-align:center;}
.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; display:block;}
.spt1.spt1a ul.btn li a:hover{background:#fff; border:1px solid #f15784; color:#f15784 !important; }


.spt4{ width:50%; float:left;line-height:0; position:relative;}
.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 */
.htlBox .basic::before, .htlBox .rate a::before, .htlBox .rank a::before, .htlBox .plan li a::before{ content:normal;}
.column1 .hotels .htlBox4{ border:1px solid #2d8fb6;}
.column1 .hotels .htlBox4 .basic{ border:none; position:inherit; padding:0;}
.column1 .hotels .htlBox4 .area{ background:#2d8fb6; color:#fff;}
.column1 .hotels .htlBox4 .area big{font-size:14px;}
.column1 .hotels .htlBox4 h1{ color:#1d54a7; float:right; width:60%; margin:0; padding:5px 7px; box-sizing:border-box; height:auto !important;}
.column1 .hotels .htlBox4 .chara{ clear:both; height:auto !important;}
.column1 .hotels .htlBox4 .chara li{ background:#ff9c00;}
.column1 .hotels .htlBox4 .photo{ width:40%; float:left; margin:0; padding:5px 0 5px 7px; box-sizing:border-box;}
.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%; text-align:center;}
.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; height:auto !important;}
.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{ width:100%; padding:0 7px; box-sizing:border-box;}
.column1 .hotels .htlBox4 .btn li a{ background:#ff9c00; font-weight:bold; line-height:1; margin:0;}
.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:20px; font-size:20px; border-left:10px solid #2d8fb6; padding:15px 10px; background:#e2f1f5; color:#2d8fb6; margin-bottom:10px; font-weight:bold;}
.ttlhtl a{ display:block; float:right; background:url(../images/arrow_black_r.png) 97% center no-repeat #fff; background-size:5px; color:#000; padding:4px 10px; font-size:14px; border-radius:3px; font-weight:normal; width:100px; margin-top:-10px;}
.ttlhtl a:hover{ opacity:.7;}
.btn3{ clear:both; overflow:hidden; text-align:center;}
.btn3 a{ display:block; margin:0 10px 20px; padding:10px; box-sizing:border-box; font-size:16px; font-weight:bold; color:#fff !important; background:url(../images/arrow_white_r.png) 97% center no-repeat #2d8fb6; border-radius:5px; line-height:1.2;}
.btn3 a span{ display:none;}
.btn3.lst a{margin-bottom:0;}


/* -- search -- */
#contentsArea #search-box{border:none;margin:0; margin-bottom:30px;}
#contentsArea #search-box-title{ margin:0; padding:0; color:#fff;}
#search-box-body{ background:#fff; border-radius:0 0 5px 5px;}
.searchSubmit a,.searchSubmit a:hover,.searchSubmit a:active{font-size:110% !important;}
#search-box p.searchSubmit a{ background:#21a6a5; border:1px solid #21a6a5;}


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


/* footbnr */
.footbnr{ margin:15px; box-sizing:border-box; position:relative; height:auto !important;}
.footbnr a:hover{ opacity:.7;}
.footbnr .lftBtnOth{width:30px; height:30px !important; background:url(../images/arrow_white_l.png) center center no-repeat #f15784; text-indent:-9999px; position:absolute; left:-15px; top:50%; margin-top:-15px; border-radius:50%; z-index:999;}
.footbnr .rgtBtnOth{width:30px; height:30px !important; background:url(../images/arrow_white_r.png) center center no-repeat #f15784; text-indent:-9999px; position:absolute; right:-15px; top:50%; margin-top:-15px; border-radius:50%; z-index:999;}
.footbnr .slideOth{ overflow:hidden; clear:both;}
.footbnr .slideOth ul{ overflow:hidden; border:1px solid #c9c9c9; padding:15px; overflow:hidden;}
.footbnr .slideOth ul li{ font-size:13px; line-height:1.2; overflow:hidden; max-height:60px; margin-bottom:8px; position:relative;}
.footbnr .slideOth ul li span{ display:block; width:100%; padding:5px; box-sizing:border-box; position:absolute; left:0; bottom:0; text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;}
.footbnr .slideOth ul li:nth-child(5n){ margin-bottom:0;}
.footbnr .slideOth ul li img{ width:100%;}
.btn2{ clear:both; overflow:hidden;}
.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 0; line-height:1; color:#fff !important; margin:0 10px;}



/* zoomSlide */
#kanban {position: relative;overflow: hidden; width: 100%;min-height:220px;background-color: #999;}
.kanban-inner-content {position: relative;z-index: 2;margin: 30px auto; max-width: 400px;color: #fff;text-align: center;font-size: 1.5em;}
.kanban-inner-content h1 img{ width: 100%;}
.zs-enabled .zs-slideshow .zs-bullets{ bottom: 10px !important;}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet {width: 8px !important; height: 8px !important; margin: 5px !important;}


/* NEW1 */
#NEW1{ background: url(../images/imgBgN1.gif) repeat; overflow: hidden; padding-bottom: 30px;}
#NEW1 .sptflower{ margin: 0 10px;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", YuGothic, sans-serif;}
#NEW1 .sptflower .ttl{ margin-top:20px; line-height: 1; font-size: 26px;}
#NEW1 .sptflower .pr{ font-size: 16px; line-height: 1.6; margin-top:10px;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", YuGothic, sans-serif;}
#NEW1 .areaBox{  overflow: hidden;}
#NEW1 .areaBox .ttl{ margin-top:30px; padding: 0;}
#NEW1 .areaBox .ttl img{ width: auto; }
#NEW1 .areaBox ul{ overflow: hidden;}
#NEW1 .areaBox ul li{ width: 32%; margin: 5px 0 0 1% ; float: left; }
#NEW1 .areaBox ul li a:hover{ opacity: .7;}
#NEW1 .areaBox .pr{font-size: 14px; line-height: 1.6; margin: 15px 10px 0; }

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

.sptSlide{ overflow: hidden; margin:20px 10px 0;}
.sptSlide .photo{ line-height: 0; position: relative;}
.sptSlide .jdsSlides,.sptSlide .rslides_tabs{ overflow: hidden;}
.sptSlide .rslides_tabs li{ width: 24%; float:left; margin: 5px 0.5% 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.5; margin: 10px 0 0; overflow: hidden;}
.sptSlide .btn{ overflow: hidden; margin: 30px auto 0; }
.sptSlide .btn a{ display:block; background:#fff; border:1px solid #f15784; color:#f15784 !important; font-size:16px; padding:8px 0; text-align:center; margin:0 10px; line-height:1; display:block;}
.sptSlide .btn a:hover{ background:#f15784; border:1px solid #f15784; color:#fff !important;}

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




.logo img{height:70px;}

#kanban .logo {
    position: absolute;
    left: 40%;
    top: 0px;
    z-index: 999;
}

/* -- coupon -- */
.cpn_tlt { text-align: center; background: #f15784; color: #fff; font-size: 13px; padding: 5px; position: relative;}
.cpn_tlt:before { position: absolute; content: ""; border-top: 8px solid #f15a22; border-left: 6px solid transparent; border-right: 6px solid transparent; bottom: -8px; left: 49%;}
.cpn_tlt small { font-size: 14px; padding: 3px; color: #f5ed45; display: block; font-weight: bold;}

.cpn_exp { font-size: 12px; line-height: 1.4; color: #333;}

.cpnholder { padding-bottom: 0;}
.cpnholder li { background:  #f1f1f1;}

.cpnholder .details { text-decoration: none; background: #fff; }
.cpnholder .details span { text-decoration: none; border: none; color: #333; display: block;}
.cpnholder .details span:hover { color: #d00505;}
#idnCOUPON{margin-top:	30px; margin-bottom: 10px; padding-bottom:0;}
#idnCOUPON .btn{ overflow: hidden; margin: 30px auto 0; }
#idnCOUPON .btn a{ display:block; background:#fff; border:1px solid #f15784; color:#f15784 !important; font-size:16px; padding:8px 0; text-align:center; margin:0 10px 20px; line-height:1; display:block;}
#idnCOUPON .btn a:hover{ background:#f15784; border:1px solid #f15784; color:#fff !important;}

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

.point{background: #F5D96B; width:auto;}
.point img{max-width:600px;}